@charset "utf-8";

:root {
	--cha: #6a4423;
	--pink: #ff6c9c;
	--pink01: #ff75a4;
	--pinkbg: #ff75a4;
	--yellowbg: #feffb1;
	--red: #ff0000;
	--font01: ;
}

/********** Reset  **********/
* {
	padding: 0px;
	margin: 0px;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

body {
	color: var(--cha);
}

main {
	min-height: calc(100vh - 410px);
	width: 100%;
	overflow-x: hidden;
	padding: 30px 0 50px;
}

main#enter {
	padding: 0;
	min-height: auto;
}
main#top {
	padding: 0 0 50px;
}

abbr,
acronym {
	border: 0;
}

img {
	vertical-align: bottom;
	border-style: none;
	border: none;
}

form {
	margin: 0px;
	padding: 0px;
}

/********** /Reset  **********/

/********** common **********/
body {
	font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', 'HiraMinProN-W3', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Noto Serif JP', serif;
	/* font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important; */
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background: #ffe0ee;
}

img {
	border: none;
}

a {
	color: #fff;
	text-decoration: none;
	outline: none;
}

a:link {
	color: #fff;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #fff;
	text-decoration: none;
	outline: none;
}

a:hover {
	opacity: 0.7;
	text-decoration: none;
	outline: none;
}

/*a:hover img {filter:Alpha(opacity=80) ;opacity:0.8 ;-moz-opacity:0.8;}*/

h2 {
	display: block;
}

.clear {
	clear: both;
}

/* clearfix */
.clearfix:after {
	content: ".";
	/* 新しいコンテンツ */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	/* 非表示に */
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

/* /clearfix */

/********** /common **********/

/*** 【404.html】 ***/
#not {
	margin: 50px auto;
}

#not figure {
	margin: 20px;
}

#not figure img {
	width: 100%;
	max-width: 389px;
}

#not article {
	margin: 10px;
	padding: 5px;
	box-sizing: border-box;
}

#not article h2 {
	font-size: 35px;
	font-weight: bold;
}


#not article h3 {
	font-size: 14px;
	font-weight: bold;
}


#not article p {
	font-size: 14px;
	margin: 15px auto;
}


/*** /【404.html】 ***/

/********** common parts **********/

/* title */
.title_bar {
	background: url(../images/title_bar.jpg) no-repeat center center / 100% 100%;
	color: #a07c5c;
	text-align: center;
	align-content: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	max-width: 800px;
	width: 100%;
	;
	margin: auto;
	line-height: 1.1;
	aspect-ratio: 8 / 1;
	object-fit: cover;
	object-position: center top;
}

.title_bar em {
	font-size: clamp(20px, 6vw, 40px);
	display: block;
}

.title_bar span {
	font-size: clamp(12px, 3vw, 18px);
	display: block;
}

h1.title,
h1.title2 {
	width: 100%;
	margin: 0 auto 20px;
}

h1.title3 {
	margin: 20px auto;
}

h1.title img,
h1.title2 img,
h1.title3 img {
	width: 100%;
	max-width: 800px;
	/* padding-bottom: 8px; */
}

/* /title */

/* link button */
.link-box {
	margin: auto;
	padding: 50px 0;
	background: #ff6c9c;
}

.link-box ul {
	width: auto;
	margin: auto;
	max-width: 800px;
}

.link-box ul li {
	width: 100%;
	max-width: fit-content;
	margin: auto auto 10px;
}

.link-box .frame-box {
	width: 100%;
	max-width: fit-content;
	margin: auto auto;
}

a.link-btn,
a.link-btn2 {
	width: 98%;
	align-content: center;
	max-width: 250px;
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto;
	height: 50px;
	box-shadow: 1px 1px 2px #8e8e8e;
}

a.link-btn {
	background: linear-gradient(to right, #e5c691 0%, #ba822d 39%, #ba822d 65%, #e5c691 100%);
}

a.link-btn2 {
	background: linear-gradient(to right, rgba(255, 0, 4, 1) 0%, rgba(255, 122, 122, 1) 39%, rgba(255, 122, 122, 1) 65%, rgba(255, 0, 4, 1) 100%);
}

/* /link button */

/* flex */

.flex {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.flex-s {
	justify-content: flex-start !important;
}

.space-a {
	justify-content: space-around !important;
}

.space-b {
	justify-content: space-between !important;
}

.item-c {
	align-items: center;
}

/*/ flex */


/* flex box class */
.flex1,
.flex2,
.flex3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex1 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex2 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* /flex box class */

/* 下層タイトル帯 */
.tit-img {
	background: #ff0000;
	height: 42px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	margin: 0 auto;
	padding: 5px 0;
}

@media screen and (max-width: 414px) {
	.tit-img {
		font-size: 18px;
		line-height: 34px;
	}
}

.tit-bg {
	background: #000;
}


/* /下層タイトル帯 */

/********** /common parts **********/

/********** option parts **********/

/* image animation */
.img_up {
	animation: img_up 1.5s linear infinite;
	transform-origin: 50% 50%;
}

@keyframes img_up {
	0% {
		transform: translateY(0)
	}

	33.33333% {
		transform: translateY(-3px)
	}

	66.66667% {
		transform: translateY(3px)
	}

	100% {
		transform: translateY(0)
	}
}

/* /image animation */

/* Reserveicon animation */
.img_down {
	animation: img_down 1.5s linear infinite;
	transform-origin: 50% 50%;
}

@keyframes img_down {
	0% {
		transform: translateY(0)
	}

	33.33333% {
		transform: translateY(1px)
	}

	66.66667% {
		transform: translateY(-1px)
	}

	100% {
		transform: translateY(0)
	}
}

.img_right {
	animation: img_right 1.5s linear infinite;
	transform-origin: 50% 50%;
}

@keyframes img_right {
	0% {
		transform: translateY(0)
	}

	33.33333% {
		transform: translateY(1px)
	}

	66.66667% {
		transform: translateY(-1px)
	}

	100% {
		transform: translateY(0)
	}
}

/* /Reserveicon animation */

/********** /option parts **********/

/***** 【 header 】 *****/
.mainheader {
	background: #ff6c9c;
	padding: 0;
	margin: 0 auto;
	position: relative;
	height: 70px;
	align-content: center;
}

/* ハンバーガー */

.mainheader #gnav-btn {
	position: fixed;
	top: 15px;
	right: 7.5px;
	z-index: 1001;
}

.mainheader #gnav-input:checked~#gnav-content {
	right: 0;
}

#gnav-content {
	position: fixed;
	right: -100%;
	top: 0;
	z-index: 100;
	transition: 0.3s;
	background: #ff6c9dd5;
	color: #fff;
	width: 100%;
	height: 100vh;
	overflow: auto;
	z-index: 1000;
}

#gnav-content ul.nv-box {
	border-top: 0.5px solid #ccc;
}

#gnav-content ul.nv-box li {
	width: 50%;
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
	text-align: left;
	height: 85px;
}

@media screen and (max-width: 660px) {
	#gnav-content ul.nv-box li {
		height: 12.8788vw;
	}
}

@media screen and (max-width: 414px) {
	#gnav-content ul.nv-box li {
		height: 50px;
	}
}

#gnav-content ul.nv-box li:nth-of-type(odd) {
	border-bottom: 0.5px solid #ccc;
	border-right: 0.5px solid #ccc;
}

#gnav-content ul.nv-box li:nth-of-type(even) {
	border-bottom: 0.5px solid #ccc;
}

#gnav-content ul.nv-box li::after {
	border: none;
}

#gnav-content ul.nv-box li a {
	display: block;
	height: 100%;
	box-sizing: border-box;
}

#gnav-content ul.nv-box li i {
	display: inline-block;
	line-height: 50px;
	width: 75px;
	text-align: center;
}

@media screen and (max-width: 660px) {
	#gnav-content ul.nv-box li i {
		line-height: 7.5758vw;
		width: 11.3636vw;
	}
}

@media screen and (max-width: 414px) {
	#gnav-content ul.nv-box li i {
		line-height: 26px;
		width: 35px;
	}
}

#gnav-content ul.nv-box li i img {
	width: 40px;
}

@media screen and (max-width: 660px) {
	#gnav-content ul.nv-box li i img {
		width: 6.0606vw;
	}
}

@media screen and (max-width: 414px) {
	#gnav-content ul.nv-box li i img {
		width: 25px;
	}
}

#gnav-content ul li p {
	display: inline-block;
	font-size: 24px;
	vertical-align: bottom;
	margin-left: 20px;
}

@media screen and (max-width: 660px) {
	#gnav-content ul li p {
		font-size: 3.6364vw;
		margin-left: 3.0303vw;
	}
}

@media screen and (max-width: 414px) {
	#gnav-content ul li p {
		font-size: 14px;
		margin-left: 5px;
		line-height: 20px;
	}
}

#gnav-content .menu {
	padding: 10px;
	text-align: center;
	text-align: left;
	font-size: 42px;
	font-weight: bold;
}

#gnav-content .nb-box {
	justify-content: flex-start;
	margin: 5px auto;
}

@media screen and (max-width: 480px) {
	#gnav-content .nb-box {
		justify-content: center;
	}
}

#gnav-content .nb-box a {
	display: block;
	margin: 10px;
}

#gnav-content .nb-box a img {
	width: 100%;
	max-width: 330px;
}

#humb-menu label {
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

#humb-menu input {
	display: none;
}

#humb-menu .accshow {
	height: 0;
	overflow: hidden;
}

#humb-menu .accshow p {
	padding: 1.5rem;
}

#humb-menu .cssacc:checked+.accshow {
	height: auto;
}

.mainheader .menu-trigger,
.mainheader .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.mainheader .menu-trigger {
	position: relative;
	width: 40px;
	height: 40px;
}

.mainheader .menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 4px;
}

.mainheader .menu-trigger span:nth-of-type(1) {
	top: 1px;
}

.mainheader .menu-trigger span:nth-of-type(2) {
	top: 0;
	bottom: 0;
	margin: auto;
}

.mainheader .menu-trigger span:nth-of-type(3) {
	bottom: 1px;
}

.mainheader .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-315deg);
	transform: translateY(20px) rotate(-315deg);
}

.mainheader .menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.mainheader .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(315deg);
	transform: translateY(-20px) rotate(315deg);
}

.mainheader .menu-trigger.active span:nth-of-type(1) {
	top: -1px;
}

.mainheader .menu-trigger.active span:nth-of-type(3) {
	bottom: -1px;
}

/* /ハンバーガー */

.mainheader h1 {
	margin: auto;
}

.mainheader h1 img {
	width: auto;
	height: 40px;
}

@media screen and (max-width: 414px) {
	/*.mainheader h1 img {
		width: 80px;
	}*/
}

.mainheader .link-box {
	margin: 0px auto;
	padding: 5px;
}

.mainheader .link-box p {
	width: 100%;
	max-width: 400px;
	padding: 1px;
	margin: 5px auto;
	background: #fff;
	border-radius: 12px;
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
}

@media screen and (max-width: 414px) {
	.mainheader .link-box p {
		width: 80%;
	}
}

.mainheader .link-box img {
	width: 100%;
	max-width: 320px;
}

.mainheader .link-box .inner {
	margin: 10px auto;
}

.mainheader .link-box .inner a {
	margin: 5px;
}

.mainheader i img {
	width: 20px;
}

.mainheader .h-icon-box {
	display: none;
}

/***** /【 header 】 *****/

/***** 【 clone header 】 *****/
.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	transition: .3s;
	transform: translateY(-100%);
	padding: 0;
}

.clone-nav #humb-menu {
	display: none;
}

.is-show {
	transform: translateY(0);
}

.clone-nav .mainheader {
	background: #ff6c9d8c;
}

.clone-nav .mainheader h1 {
	margin: 0 0 0 15px;
	text-align: left;
}

.clone-nav .mainheader h1 img {
	width: 150px;
	height: auto;
}

@media screen and (max-width: 480px) {
	.clone-nav .mainheader h1 img {
		width: 100px;
		height: auto;
	}
}

@media screen and (max-width: 414px) {
	.clone-nav .mainheader h1 img {
		width: 80px;
		height: auto;
	}
}


.clone-nav .mainheader .link-box {
	display: none;
}

.clone-nav .mainheader .h-icon-box {
	display: block;
	padding: 5px;
	position: absolute;
	top: 5px;
	right: 80px;
}

@media screen and (max-width: 480px) {
	.clone-nav .mainheader .h-icon-box {
		top: 12px;
		right: 56px;
	}
}

.clone-nav .mainheader .h-icon-box i {
	margin: 5px;
}

@media screen and (max-width: 480px) {
	.clone-nav .mainheader .h-icon-box i {
		margin: 3px;
	}
}

.clone-nav .mainheader .h-icon-box i img {
	width: 50px;
}

@media screen and (max-width: 480px) {
	.clone-nav .mainheader .h-icon-box i img {
		width: 40px;
	}
}

/***** /【 clone header 】 *****/

/** #foot-nav **/
nav#foot-nav {
	background: none;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

nav#foot-nav ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0px;
}

nav#foot-nav ul li:nth-child(11) {
	grid-column: 1 / -1;
}

nav#foot-nav ul li a {}

nav#foot-nav ul li img {
	width: 100%;
	height: auto;
}


nav#foot-nav ul li:last-of-type img {
	width: 100%;
	max-width: 800px;
}

/** #foot-nav **/

/* page-top */
.pagetop {
	width: 100%;
	padding: 20px 0 0;
	line-height: 0;
}

.pagetop .box {
	margin: 0px 0 15px;
	padding-bottom: 5px;
}

.pagetop a {
	display: block;
	width: 100px;
	margin: 0 auto;
	color: var(--cha);
}

.pagetop img {
	width: 60px;
}

.arrow {
	width: 40px;
	height: 40px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	transform: rotate(316deg);
	text-align: center;
	margin: 0 auto;
	display: block;
}

/* page-top */

/***** 【footer】 *****/

footer {
	background: url(../../images/foot_bg.jpg) repeat center top / cover;
	align-items: center;
	justify-content: flex-start;
}

footer .side-box .add i img {
	width: 14px;
}

footer .side-box .add address {
	display: inline-block;
}

footer .side-box .add address span {}

footer .info {
	margin: auto;
	padding: 50px 0;
}

footer .info h2 {
	margin: 10px auto;
}

footer .info h2 img {
	width: 320px;
}

footer .info .box {
	color: var(--cha);
}

footer .info .box address i {
	vertical-align: super;
}

footer .info .box address i img {
	width: 20px;
}

@media screen and (max-width: 530px) {
	footer .info .box address i img {
		width: 3.7736vw;
	}
}

@media screen and (max-width: 414px) {
	footer .info .box address i img {
		width: 14px;
	}
}

footer .info .box address {
	font-size: 22px;
}

@media screen and (max-width: 530px) {
	footer .info .box address {
		font-size: 4.1509vw;
	}
}

@media screen and (max-width: 414px) {
	footer .info .box address {
		font-size: 13px;
	}
}

footer .info .box address span {}

footer .info .box p {
	font-size: 24px;
	span{
		font-size: 0.7em;
	}
}

@media screen and (max-width: 530px) {
	footer .info .box p {
		font-size: 4.5283vw;
	}
}

@media screen and (max-width: 414px) {
	footer .info .box p {
		font-size: 14px;
	}
}

footer .info .box p#copy {
	font-size: 16px;
	text-align: center;
	font-family: "Droid Sans";
}

/***** /【footer】 *****/

/***** 【 top.html 】 *****/



/** #top-slider **/
#top-slider {
	position: relative;
	margin: 0 auto;
}

#top-slider .bg {
	background: url(../images/topslider_bg0.jpg) no-repeat center top;
	background-size: cover;
	box-sizing: border-box;
	padding: 30px 0px 65px;
}

#top-slider .top_slide .space {
	padding: 5px;
	box-sizing: border-box;
}

#top-slider .btn_prev img,
#top-slider .btn_next img {
	cursor: pointer;
	width: 40px;
}

#top-slider .btn_prev,
#top-slider .btn_next {
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 30;
}

#top-slider .btn_prev {
	left: 0;
}

#top-slider .btn_next {
	right: 0;
}

/** /#top-slider **/

/** #top-realtime **/
#top-realtime {
	margin: 30px auto;
}

#top-realtime .cont-box {
	margin: 0 auto;
	width: 98%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px 10px;
	max-width: 800px;
}

/** /#top-realtime **/

/** #top-topics **/
#top-topics {
	width: 100%;
	margin: 0 auto 30px;
}

#top-topics .title_bar {
	margin: 0 auto 20px;
}

#top-topics .topic-article {
	border-bottom: 1px solid #fff;
	background: linear-gradient(to right, #ff6ca7 0%, #ff6ca7 30%, #ff7ade 100%);
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	max-width: 800px;
}

#top-topics .topic-article figure {
	width: 30%
}

@media screen and (max-width: 800px) {
	#top-topics .topic-article figure {}
}

@media screen and (max-width: 414px) {
	#top-topics .topic-article figure {}
}

#top-topics .topic-article figure img {
	width: 100%;
}

@media screen and (max-width: 800px) {
	#top-topics .topic-article figure img {}
}

@media screen and (max-width: 414px) {
	#top-topics .topic-article figure img {}
}

#top-topics article {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	vertical-align: top;
	width: 70%;
	box-sizing: border-box;
	justify-content: space-between;
	max-height: 310px;
	overflow-y: auto;
	height: 39vw;
}


#top-topics .topic-article article h1 {
	color: #000;
	font-size: 18px;
	margin: 0;
	text-align: left;
}

@media screen and (max-width: 800px) {
	#top-topics .topic-article article h1 {
		font-size: 2.25vw;
	}
}

@media screen and (max-width: 414px) {
	#top-topics .topic-article article h1 {
		font-size: 13px;
	}
}

#top-topics .topic-article article h1 span {
	margin-left: 5px;
}

@media screen and (max-width: 800px) {
	#top-topics .topic-article article h1 span {
		margin-left: 0.625vw;
	}
}

@media screen and (max-width: 414px) {
	#top-topics .topic-article article h1 span {
		margin-left: 3px;
	}
}

#top-topics .topic-article article h3 {
	font-size: clamp(16px, 3vw, 24px);
	font-weight: bold;
	text-align: left;
	padding: 10px;
	box-sizing: border-box;

}

#top-topics .topic-article article h3 a {
	color: #fff;
}

#top-topics .link-btn {
	margin: 20px auto 0;
}

/** /#top-topics **/

/** #top-newface **/
#top-newface {
	position: relative;
	margin: 0px auto 30px;
}

#top-newface .nf_slide {
	width: 100%;
	max-width: 800px;
	margin: 20px auto;
}

#top-newface .top_slide .space {
	padding: 5px;
	box-sizing: border-box;
}

#top-newface .btn_prev img,
#top-newface .btn_next img {
	width: 40px;
}

#top-newface .btn_prev,
#top-newface .btn_next {
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 30;
}

#top-newfacer .btn_prev {
	left: 0;
}

#top-newface .btn_next {
	right: 0;
}

/** /#top-newface **/

/** #top-ban **/
#top-ban {
	position: relative;
	margin: 30px auto;
}

#top-ban .box {
	margin: 5px auto;
}

#top-ban .box img {
	width: 100%;
	max-width: 800px;
}

/** /#top-ban **/

/** #top-ranking **/
#top-ranking {
	position: relative;
	margin: 30px auto;
}

#top-ranking .bg {
	background: url(../images/topranking_bg0.jpg) no-repeat center top;
	box-sizing: border-box;
	padding: 20px 0px;
	margin: 20px auto;
	background-size: cover;
}

#top-ranking .top_slide .space {
	padding: 5px;
	box-sizing: border-box;
}

#top-ranking .btn_prev img,
#top-ranking .btn_next img {
	width: 40px;
}

#top-ranking .btn_prev,
#top-ranking .btn_next {
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 30;
}

#top-ranking .btn_prev {
	left: 0;
}

#top-ranking .btn_next {
	right: 0;
}

/** /top-ranking **/

/** #top-pd **/
#top-pd {
	width: 100%;
	margin: 30px auto;
}

#top-pd .cont-box {
	width: 98%;
	max-width: 800px;
	margin: 20px auto;
	padding: 0px;
	box-sizing: border-box;
}
#top-pd .cont-box iframe {
width: 100%;
    max-height: 2045px;
    height: 160vw;
}

/** /#top-pd **/

/*** other-contents ***/
#other-contents {
	margin: 50px auto 0;
}

#other-contents h2 {
	width: 100%;
	margin: 20px auto;
	padding-bottom: 8px;
	border-bottom: 1px solid #ff0000;
	font-size: 16px;
	color: #ff0000;
	text-align: center;
	letter-spacing: 5px;
}

#other-contents .frame-box {}

/*** /other-contents ***/

/***** /【top.html】 *****/


/***** 【system.html】 *****/

#system h1.title {
	margin-bottom: 50px;
}

#system h3 {
	color: var(--cha);
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
}

@media screen and (max-width: 414px) {
	#system h3 {
		font-size: 16px;
	}
}


#system h3 span.left {
	border-left: 4px solid var(--cha);
	margin-right: 10px;
}

#system h3 span.right {
	border-right: 4px solid var(--cha);
	margin-left: 10px;
}

#system .sys-bg {
	background: #fff;
	padding: 20px;
}

/* sys-price */

#system .sys-price {
	max-width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
	background: url(../images/sysbg.jpg) no-repeat center top;
	background-size: cover;
	padding: 15px;
	position: relative;
	width: 98%;
}

#system .sys-price .system-box {
	max-width: 800px;
	margin: 0 auto;
}

#system .sys-price .note {
	color: var(--cha);
	margin: 20px auto;
	font-size: 16px;
}

#system .sys-price ul.price-list {}

#system .sys-price ul.price-list li {
	padding: 20px 0;
	border-bottom: 1px solid var(--cha);
}

#system .sys-price ul.price-list li:last-of-type {
	border: none;
}

#system .sys-price ul.price-list li img {
	width: 100%;
	max-width: 610px;
}

/**/

#system .sys-price ul.price-list li .prank {
	width: 40%;
	margin: 40px auto;
}

#system .sys-price ul.price-list li .prank .rank {
	width: 160px;
	height: 160px;
	transform: rotate(45deg);
}

#system .sys-price ul.price-list li .prank .rank .inner {
	width: 160px;
	height: 160px;
	box-sizing: border-box;
	transform: rotate(-45deg);
	padding: 0;
	align-content: center;
}


#system .sys-price ul.price-list li .prank .rank.king {
	background: linear-gradient(140deg, #876323 25%, #b7a17b 100%);
	color: #fff;
}

#system .sys-price ul.price-list li .prank .rank.premier {
	background: linear-gradient(140deg, rgba(255, 132, 0, 1) 25%, rgba(255, 181, 102, 1) 100%);
}

#system .sys-price ul.price-list li .prank .rank.regular {
	background: linear-gradient(140deg, #ff3c7e 25%, #ff8ab2 100%);
	color: #fff;
}

#system .sys-price ul.price-list li .prank .rank.middle {
	background: linear-gradient(140deg, rgba(162, 0, 255, 1) 25%, rgba(199, 102, 255, 1) 100%);
}

#system .sys-price ul.price-list li .prank .rank.beginner {
	background: linear-gradient(140deg, rgba(0, 174, 255, 1) 25%, rgba(102, 206, 255, 1) 100%);
}

#system .sys-price ul.price-list li .prank .rank p {
	font-size: 18px;
}


#system .sys-price ul.price-list li .prank .rank .name_e {
	font-size: 20px;
}


#system .sys-price ul.price-list li .prank .rank .border {
	border-bottom: 2px solid #fff;
	width: 40px;
	text-align: center;
	margin: 0 auto 10px;
}

#system .sys-price ul.price-list li .prank .rank .name_j {
	font-size: 21px;
	margin-bottom: -5px;
}

#system .sys-price ul.price-list li .plist {
	width: 100%;
	justify-content: flex-end;
}

#system .sys-price ul.price-list li .plist .price {
	width: 100%;
}

#system .sys-price ul.price-list li .plist .min {
	font-size: 30px;
	margin-right: 10px;
}


#system .sys-price ul.price-list li .plist .min span {
	font-size: 0.7em;
}


#system .sys-price ul.price-list li .plist .pr {
	font-size: 40px;
	color: var(--pink01);
	
}



#system .sys-price ul.price-list li .plist .pr span {
	font-size: 0.6em;
}


#system .sys-price ul.price-list li .op {
	font-size: 17px;
	font-weight: bold;
	text-align: right;
	width: 100%;
}


#system .sys-price ul.price-list li .op span {
	color: var(--pink01);
}


/**/

#system .sys-price dl.rank-info {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	background: #282828;
}

#system .sys-price dl.rank-info dt,
#system .sys-price dl.rank-info dd {
	width: 100%;
	margin: 10px auto;
}

#system .sys-price dl.rank-info dt {
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

#system .sys-price dl.rank-info dt img {
	width: 100%;
	max-width: 350px;
}

#system .sys-price dl.rank-info dd {
	font-size: 18px;
	text-align: left;
	color: #fff;
}

#system .rank1 {
	color: #00aeff;
}

#system .rank2 {
	color: #a200ff;
}

#system .rank3 {
	color: #ff0060;
}

#system .rank4 {
	color: #ff8400;
}

/* /sys-price */

/* sys-credit */

#system .sys-credit {
	margin: 0 auto;
	box-sizing: border-box;
	background: url(../images/creditbg.jpg) no-repeat center top;
	background-size: cover;
	padding: 20px;
}

#system .sys-credit h3 {
	color: #fff;
}

#system .sys-credit h3 span.left {
	border-left: 4px solid #fff;
	margin-right: 10px;
}

#system .sys-credit h3 span.right {
	border-right: 4px solid #fff;
	margin-left: 10px;
}

#system .sys-credit .system-box {
	margin: 0 auto;
}

#system .sys-credit .card {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 35px auto 50px;
	line-height: 3em;
}

#system .sys-credit .card p {
	line-height: 1;
	padding-top: 15px;
}

#system .sys-credit .card img {
	width: 90%;
	max-width: 749px;
}

/* /sys-credit */

/* sys-member */
#system .sys-member {
	max-width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
	/*background: url(../images/sysbg.jpg) no-repeat center top;*/
	background-size: cover;
	padding: 15px;
	position: relative;
}

#system .sys-member .system-box {
	margin: 0 auto;
}

#system .sys-member .inner-box {
	display: inline-block;
}

#system .sys-member .inner-box .mem-box {
	margin: 20px auto 15px;
}

#system .sys-member .inner-box .mem-box h2 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ff0000;
	padding-left: 10px;
	padding-bottom: 5px;
}

#system .sys-member .inner-box .mem-box ul.mem-info {
	margin: 10px auto 0;
	box-sizing: border-box;
	align-items: baseline;
	justify-content: center;
}

#system .sys-member .inner-box .mem-box ul.mem-info li {
	font-size: 18px;
	color: #000;
	text-align: left;
	width: 100%;
	margin: 5px 0 0 55px;
}

@media screen and (max-width: 730px) {
	#system .sys-member .inner-box .mem-box ul.mem-info li {
		margin: 5px 0 0 10px;
	}
}

#system .sys-member .inner-box .mem-box ul.mem-info li img {
	padding-right: 15px;
	vertical-align: middle;
}

@media screen and (max-width: 730px) {
	#system .sys-member .inner-box .mem-box ul.mem-info li img {
		padding-right: 5px;
	}
}

#system .sys-member .inner-box .mem-box ul.mem-info li span {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}

#system .sys-member .inner-box img.res-card {
	width: 100%;
	max-width: 800px;
}

/* inner-box2 */

#system .sys-member .prank {
	width: 100%;
}

#system .sys-member .prank .rank {
	width: 200px;
	height: 200px;
	transform: rotate(45deg);
	background: #ffd700;
}

@media screen and (max-width: 800px) {
	#system .sys-member .prank .rank {
		width: 35vw;
		height: 35vw;
	}
}

#system .sys-member .prank .rank p {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}

@media screen and (max-width: 1320px) {
	#system .sys-member .prank .rank p {
		font-size: 24px;
		line-height: 1.3;
	}
}

#system .sys-member .prank .rank .inner {
	width: 200px;
	height: 200px;
	box-sizing: border-box;
	transform: rotate(-45deg);
}

@media screen and (max-width: 800px) {
	#system .sys-member .prank .rank .inner {
		width: 35vw;
		height: 35vw;
	}
}

#system .sys-member .prank .rank.normal {
	background: linear-gradient(140deg, rgba(0, 0, 0, 1) 25%, #666666 100%);
	color: #fff;
}

#system .sys-member .prank .rank.prem {
	background: linear-gradient(140deg, #555d81 25%, #999eb3 100%);
	color: #fff;
}


#system .sys-member .system-box2 {
	width: 100%;
	max-width: 800px;
	margin: 50px auto;
	gap: 3%;
}

#system .sys-member .inner-box2 {
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width: 1450px) {
	#system .sys-member .inner-box2 {}
}

#system .sys-member .inner-box2 .mem-box {
	margin: 40px auto 0;
	padding: 20px 0;
	box-sizing: border-box;
}

#system .sys-member .inner-box2 .mem-box h1 {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #ff0000;
}

#system .sys-member .inner-box2 .mem-box .mem-info {
	width: 100%;
	margin: 50px auto 0;
	box-sizing: border-box;
	align-items: baseline;
	justify-content: center;
	max-width: fit-content;
}

#system .sys-member .inner-box2 .mem-box .mem-info dl {
	display: flex;
	gap: 10px;
}

@media screen and (max-width: 1250px) {}

#system .sys-member .inner-box2 .mem-box .mem-info dl dt {
	text-align: left;
	width: 25px;
	padding: 5px 0 0;
}

#system .sys-member .inner-box2 .mem-box .mem-info dl dd {
	font-size: 16px;
	width: calc(100% - 35px);
	text-align: left;
}


#system .sys-member .inner-box2 .mem-box .mem-info dl dd span {
	font-size: 1.2em;
	font-weight: bold;
	color: var(--pink01);
}

#system .sys-member .inner-box2 img.res-card {
	width: 100%;
	max-width: 650px;
}

/* /inner-box2 */

#system .sys-member .mem-txt {
	margin: 0 auto;
}

#system .sys-member .mem-txt h3 {
	position: relative;
	box-sizing: border-box;
	background: var(--cha);
	padding: 5px 5px;
	line-height: 1.5;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width: 414px) {
	#system .sys-member .mem-txt h3 {
		font-size: 18px;
	}
}

#system .sys-member .mem-txt h3::before,
#system .sys-member .mem-txt h3::after {
	content: url(../images/sys-diya.png);
}

#system .sys-member .mem-txt h3::before {
	margin-right: 20px
}

#system .sys-member .mem-txt h3::after {
	margin-left: 20px
}

#system .sys-member .mem-txt ul {
	margin: 10px auto 30px;
	padding: 10px;
}

#system .sys-member .mem-txt ul li {
	text-align: left;
	font-size: 18px;
}

@media screen and (max-width: 414px) {
	#system .sys-member .mem-txt ul li {
		font-size: 16px;
	}
}

#system .sys-member .mem-txt p {
	font-size: 18px;
	padding: 10px;
}

@media screen and (max-width: 414px) {
	#system .sys-member .mem-txt p {
		font-size: 16px;
	}
}

#system .sys-member .mem-txt p:last-child {
	color: var(--pink01);
}

/* /sys-member */

/* sys-car */
#system .sys-car {
	margin: 0 auto;
	box-sizing: border-box;
	background: url(../images/carbg.jpg) no-repeat center top;
	background-size: cover;
	padding: 15px;
}

#system .sys-car h3 {
	color: #fff;
}

#system .sys-car h3 span.left {
	border-left: 4px solid #fff;
	margin-right: 10px;
}

#system .sys-car h3 span.right {
	border-right: 4px solid #fff;
	margin-left: 10px;
}

#system .sys-car .system-box {
	margin: 0 auto;
}

#system .sys-car .system-box p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 35px auto 50px;
}

@media screen and (max-width: 414px) {
	#system .sys-car .system-box p {
		font-size: 16px;
	}
}

/* /sys-car */

/* sys-note */
#system .sys-note {
	padding: 15px;
}

#system .sys-note .system-box {
	margin: 0 auto;
}

#system .sys-note .system-box figure {
	margin: 50px auto;
}

#system .sys-note .system-box figure img {
	width: 100%;
}

#system .sys-note .system-box figure:first-of-type img {
	width: 280px;
}

@media screen and (max-width: 414px) {
	#system .sys-note .system-box figure:first-of-type img {
		width: 150px;
	}
}

#system .sys-note .system-box figure:last-of-type img {
	width: 100%;
	max-width: 650px;
}

@media screen and (max-width: 680px) {
	#system .sys-note .system-box figure:last-of-type img {
		width: 90%;
	}
}

#system .sys-note .system-box p {
	color: ;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px;
}

@media screen and (max-width: 414px) {
	#system .sys-note .system-box p {
		font-size: 14px;
	}
}


#system .sys-note .system-box p span {
	color: var(--pink01);
	font-size: 20px;
}

@media screen and (max-width: 414px) {
	#system .sys-note .system-box p span {
		font-size: 16px;
	}
}

/* /sys-note */

/***** /【system.html】 *****/

/***** 【gals.html】 *****/
/*
#gals #g-rank1 .t-bg,#g-search a.rank_1 {background: #3db8ef;}/* ビギナー 
#gals #g-rank2 .t-bg,#g-search a.rank_2 {background: #a200ff;}/* ミドル 
#gals #g-rank3 .t-bg,#g-search a.rank_3 {background: #ff0060;}/* レギュラー 
#gals #g-rank4 .t-bg,#g-search a.rank_4 {background: #ff8400;}/* プレミア 
#gals #g-rank5 .t-bg,#g-search a.rank_5 {background: #414703;}/* キング 
#gals #g-ranky .t-bg,#g-search a.shop_1 {background: #2d2070;}/* 湯女華 
#gals #g-rankc .t-bg,#g-search a.shop_2 {background: #008aff;}/* キャンディ 
*/

#gals #g-rank1 .t-bg,
#g-search a.rank_1 {
	background: url(../images/ranktit-new.jpg) no-repeat center top;
}

/* ビギナー */
#gals #g-rank2 .t-bg,
#g-search a.rank_2 {
	background: url(../images/ranktit-mid.jpg) no-repeat center top;
}

/* ミドル */
#gals #g-rank3 .t-bg,
#g-search a.rank_3 {
	background: url(../images/ranktit-reg.jpg) no-repeat center top;
	color: #fff;
}

/* レギュラー */
#gals #g-rank4 .t-bg,
#g-search a.rank_4 {
	background: url(../images/ranktit-pre.jpg) no-repeat center top;
	color: #fff;
}

/* プレミア */
#gals #g-rank5 .t-bg,
#g-search a.rank_5 {
	background: url(../images/ranktit-kng.jpg) no-repeat center top;
	color: #fff;
}

/* キング */
#gals #g-ranky .t-bg,
#g-search a.shop_1 {
	background: url(../images/ranktit-ymk.jpg) no-repeat center top;
}

/* 湯女華 */

#gals #g-rank1 .t-bg,
#g-search a.rank_1,
#gals #g-rank2 .t-bg,
#g-search a.rank_2,
#gals #g-rank3 .t-bg,
#g-search a.rank_3,
#gals #g-rank4 .t-bg,
#g-search a.rank_4,
#gals #g-rank5 .t-bg,
#g-search a.rank_5,
#gals #g-ranky .t-bg,
#g-search a.shop_1 {
	background-size: cover;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	height: auto;
}

/** g-search **/
#g-search {
	margin: 20px auto;
}

#g-search h2 {
	background: #ff0000;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 414px) {
	#g-search h2 {
		font-size: 20px;
		line-height: 35px;
	}
}

#g-search h2 img {
	width: 20px;
	padding-right: 5px;
	vertical-align: middle;
}

@media screen and (max-width: 414px) {
	#g-search h2 img {
		width: 18px;
	}
}

#g-search .schbox {}

#g-search .schbox ul {
	margin: 20px auto;
}

#g-search .schbox ul li {}

#g-search .schbox ul li a {
	font-size: 20px;
	margin: 5px;
	padding: 10px;
	width: 240px;
	font-weight: bold;
	text-align: center;
	position: relative;
	display: block;
	color: #fff;
	box-sizing: border-box;
}

@media screen and (max-width: 520px) {
	#g-search .schbox ul li a {
		font-size: 3.8462vw;
		margin: 0.9615vw;
		padding: 1.9231vw;
		width: 46.1538vw;
	}
}

@media screen and (max-width: 414px) {
	#g-search .schbox ul li a {
		font-size: 16px;
		margin: 3px;
		padding: 10px;
	}
}

/** /g-search **/

/* g-list */
#gals .g-list {
	margin: 10px auto;
}

#gals #g-rank5.g-list {
	margin: 10px auto 50px;
}

#gals .tit-time {
	width: 100%;
	background: #ff0000;
}

#gals .tit-time .inner {
	box-sizing: border-box;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
}

@media screen and (max-width: 414px) {
	#gals .tit-time .inner {
		font-size: 24px;
	}
}

#gals .tit-time i {
	margin-right: 10px;
}

#gals .tit-time i img {
	width: 30px;
	margin: 8px 0;
}

@media screen and (max-width: 414px) {
	#gals .tit-time i img {
		width: 24px;
		margin: 10px 0;
	}
}

#gals .g-list .cont-box {
	padding: 0;
	margin: auto;
	max-width: 800px;
	width: 98%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px 10px;
}


/* /g-list  */

/***** /【gals.html】 *****/

/***** 【schedule.html】 *****/

/* schedule list */
#schedule .calle-box {
	margin: 30px auto;
	max-width: 800px;
	width: 98%;
}


#schedule .calle-box ul.calle {
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}

#schedule .calle-box ul.calle li a {
	display: block;
	font-size: 16px;
	line-height: 46px;
	padding: 3px;
	width: 100%;
	height: 45px;
	box-sizing: border-box;
	font-weight: bold;
}

#schedule .calle-box ul.calle li a.on {
	color: #fff;
	background: var(--pink01);
}

#schedule .calle-box ul.calle li a.off {
	color: var(--cha);
	background: #c8c8c8;
}

/* /schedule list */

#schedule .day-info {
	font-size: 30px;
	color: var(--cha);
	font-weight: bold;
	text-align: center;
	margin: 25px auto;
}

@media screen and (max-width: 460px) {
	#schedule .day-info {
		font-size: 24px;
		margin: 15px auto 20px;
	}
}

/* g-list */
#schedule .g-list {
	margin: 10px auto;
}

#schedule .tit-time {
	width: 100%;
	background: linear-gradient(to right, #ff6ca7 0%, #ffcce0 100%);
	color: #fff;
}

#schedule .tit-time .inner {
	box-sizing: border-box;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
}

@media screen and (max-width: 414px) {
	#schedule .tit-time .inner {
		font-size: 24px;
	}
}

#schedule .tit-time i {
	margin-right: 10px;
}

#schedule .tit-time i img {
	width: 24px;
	margin: 10px 0;
}

#schedule .g-list .cont-box {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	width: 98%;
    display: grid;
    gap: 5px 10px;
    grid-template-columns: repeat(2, 1fr);
}


/* /g-list  */

/***** /【schedule.html】 *****/

/***** 【realtime.html】 *****/

#realtime .cont-box {
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	margin: 0 auto;
	max-width: 800px;
	width: 98%;
	    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
}

/***** /【realtime.html】 *****/

/***** 【index.html】 *****/
#enter-head {
	background: url(../images/enter_bg0.jpg) no-repeat center top / cover;
	height: 90vh;
	max-width: 1000px;
	margin: auto;
}

#enter-head h1 {
	padding: 50vh 0 0;
}


#enter-head h1 img {
	width: 90%;
	max-width: 690px;
}


#enter-head .enter-nav {
	margin: 0 auto;

}


#enter-head .enter-nav a:first-of-type {
	font-size: 33px;
	width: 100%;
	max-width: 400px;
	line-height: 55px;
	height: 60px;
}

@media screen and (max-width: 414px) {

	#enter-head .enter-nav a:first-of-type {
		font-size: 28px;
		width: 90%;
		line-height: 42px;
		height: 50px;
	}
}

/*
#enter .contents .enter-nav a:last-of-type {
	font-size: 24px;
	width: 100%;
	max-width: 300px;
	line-height: 43px;
    height: 50px;
}

	@media screen and (max-width: 414px){
		#enter .contents .enter-nav a:last-of-type {
			font-size: 20px;
			width: 90%;
			line-height: 32px;
			height: 40px;
		}
	}
*/




#enter-head .enter-nav a.button {
	background: url(../../images/enterbtn00.jpg) no-repeat center top;
	background-size: contain;
	display: block;
	letter-spacing: 5px;
	font-weight: 700;
	margin: 25px auto 0;
	outline: medium none;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}


#enter-head .enter-nav a.button,

#enter-head .enter-nav a.button:before,

#enter-head .enter-nav a.button:after {
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
}

#enter {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* enter contents */
#enter .contents {
	margin: auto;
}


#enter .contents .att {
	color: #000;
}

#enter .contents .att img {
	width: 80px;
	margin: 15px auto;
}

#enter .contents .att p {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	color: #fff;
}

@media screen and (max-width: 414px) {
	#enter .contents .att p {
		font-size: 13px;
		line-height: inherit;
		padding: 10px;
	}
}

#enter .contents .link-box {
	padding: 30px 0;
	margin: 0;
}

#enter .contents .link-box p {
	text-align: center;
	padding-bottom: 10px;
	margin: 0 auto;
}

#enter .contents .link-box p img {
	width: 100%;
	max-width: 468px;
}

#enter .contents .leave {
	margin-top: 150px;
	font-size: 14px;
}

#enter .contents .leave a {
	color: #ff0000;
	text-decoration: underline;
	font-size: 16px;
}

/* /enter contents */

/* enter footer */

#enter-foot .other-cont {
	margin: 0 auto;
	justify-content: space-around;
}

#enter-foot .other-cont h1 {
	background: #fff;
	color: #ff0000;
	font-size: 26px;
	font-weight: bold;
	padding: 5px;
}

@media screen and (max-width: 720px) {
	#enter-foot .other-cont h1 {
		font-size: 22px;
	}
}

#enter-foot .other-cont .flink-box {
	margin: 10px auto;
}

#enter-foot .other-cont .flink-box .inner {
	margin: 10px;
}

@media screen and (max-width: 680px) {
	#enter-foot .other-cont .flink-box .inner {
		margin: 1.4706vw;
	}
}

@media screen and (max-width: 414px) {
	#enter-foot .other-cont .flink-box .inner {
		margin: 5px;
	}
}

#enter-foot .other-cont .flink-box img {
	width: 300px;
}

@media screen and (max-width: 680px) {
	#enter-foot .other-cont .flink-box img {
		width: 44.1176vw;
	}
}

@media screen and (max-width: 414px) {
	#enter-foot .other-cont .flink-box img {
		width: 165px;
	}
}

#enter-foot .other-cont .frame-box {
	width: 100%;
	height: 100vh;
	margin: 20px auto 50px;
}

#enter-foot .other-cont .frame-box iframe {}

/* /enter footer */

/***** /【index.html】 *****/

/***** 【recruit.html】 *****/
#recruit {
	color: #fff;
}

#recruit h1.title {
	border-bottom: 1px solid #ff1e6e;
}

/* r-list */
#recruit .r-list {
	margin: 50px auto;
}

#recruit .r-list h1 {
	background: #ff006c;
	color: #fff;
	height: 42px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	margin: 0 auto;
	padding: 5px 0;
}

/* /r-list  */

/* rec1 */
#recruit #rec1 {}

#recruit #rec1 .main-box {
	margin: 50px auto 80px;
}

#recruit #rec1 .main-box figure {
	justify-content: flex-start;
	position: relative;
	margin: 20px;
}

#recruit #rec1 .main-box figure img {
	width: 100%;
	max-width: 499px;
}

@media screen and (max-width: 799px) {
	#recruit #rec1 .main-box figure img {
		max-width: 62.4531vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .main-box figure img {
		max-width: 250px;
	}
}

#recruit #rec1 .main-box figure figcaption {
	position: absolute;
	bottom: -90px;
	right: 30px;
	margin: 10px;
}

@media screen and (max-width: 799px) {
	#recruit #rec1 .main-box figure figcaption {
		bottom: -11.2641vw;
		right: 3.7547vw;
		margin: 1.2516vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .main-box figure figcaption {
		bottom: -53px;
		right: 0;
		margin: 10px;
	}
}

#recruit #rec1 .main-box figure figcaption p {
	font-weight: bold;
	text-align: left;
	color: #fff;
}

#recruit #rec1 .main-box figure figcaption p:first-of-type {
	color: #ff1e6e;
	font-size: 34px;
}

@media screen and (max-width: 799px) {
	#recruit #rec1 .main-box figure figcaption p:first-of-type {
		font-size: 4.2553vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .main-box figure figcaption p:first-of-type {
		font-size: 16px;
	}
}

#recruit #rec1 .main-box figure figcaption p:nth-of-type(2) {
	font-size: 56px;
	text-align: left;
}

@media screen and (max-width: 799px) {
	#recruit #rec1 .main-box figure figcaption p:nth-of-type(2) {
		font-size: 7.0088vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .main-box figure figcaption p:nth-of-type(2) {
		font-size: 24px;
	}
}

#recruit #rec1 .main-box figure figcaption p:last-of-type {
	font-size: 34px;
}

@media screen and (max-width: 799px) {
	#recruit #rec1 .main-box figure figcaption p:last-of-type {
		font-size: 4.2553vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .main-box figure figcaption p:last-of-type {
		font-size: 18px;
	}
}

#recruit #rec1 .main-box figure figcaption p:last-of-type span {
	color: #ff1e6e;
	font-size: 90px;
}

@media screen and (max-width: 799px) {
	#recruit #rec1 .main-box figure figcaption p:last-of-type span {
		font-size: 11.2641vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .main-box figure figcaption p:last-of-type span {
		font-size: 40px;
	}
}

#recruit #rec1 .txt-box {
	margin: 150px auto 100px;
}

@media screen and (max-width: 680px) {
	#recruit #rec1 .txt-box {
		margin: 22.0588vw auto 14.7059vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .txt-box {
		margin: 0 auto 80px;
	}
}

#recruit #rec1 .txt-box h3 {
	font-size: 56px;
	color: #fff;
	background: none;
	height: auto;
	letter-spacing: 10px;
	font-weight: bold;
}

@media screen and (max-width: 680px) {
	#recruit #rec1 .txt-box h3 {
		font-size: 8.2353vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .txt-box h3 {
		font-size: 30px;
	}
}

#recruit #rec1 .txt-box h3 span {
	color: #ff1e6e;
}

#recruit #rec2 .txt-box .txt {
	color: #fff;
}

#recruit #rec1 .txt-box .txt p {
	color: #fff;
	font-size: 24px;
}

@media screen and (max-width: 680px) {
	#recruit #rec1 .txt-box .txt p {
		font-size: 3.5294vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec1 .txt-box .txt p {
		font-size: 14px;
	}
}

#recruit #rec1 .txt-box .txt p span {
	color: #ff1e6e;
}

/* /rec1 */

/* rec2 */
#recruit #rec2 {}

#recruit #rec2 .img-box {
	margin: 15px;
}

#recruit #rec2 .img-box img {
	width: 90%;
}

#recruit #rec2 .txt-box {
	margin: 35px auto;
}

#recruit #rec2 .txt-box .txt {}

#recruit #rec2 .txt-box .txt p {
	font-size: 34px;
	font-weight: bold;
}

@media screen and (max-width: 680px) {
	#recruit #rec2 .txt-box .txt p {
		font-size: 5vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec2 .txt-box .txt p {
		font-size: 18px;
	}
}

#recruit #rec2 .txt-box .txt p span {
	font-size: 56px;
}

@media screen and (max-width: 680px) {
	#recruit #rec2 .txt-box .txt p span {
		font-size: 8.2353vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec2 .txt-box .txt p span {
		font-size: 24px;
	}
}

#recruit #rec2 .txt-box .txt figure {
	margin: 30px auto;
}

#recruit #rec2 .txt-box .txt figure img {
	width: 100%;
	max-width: 250px;
}

@media screen and (max-width: 680px) {
	#recruit #rec2 .txt-box .txt figure img {
		max-width: 36.7647vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec2 .txt-box .txt figure img {
		max-width: 132px;
	}
}

#recruit #rec2 .txt-box .txt .txt-m {
	font-size: 45px;
	color: #ff1e6e;
	font-weight: bold;
	vertical-align: middle;
}

@media screen and (max-width: 680px) {
	#recruit #rec2 .txt-box .txt .txt-m {
		font-size: 6.6176vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec2 .txt-box .txt .txt-m {
		font-size: 24px;
	}
}

#recruit #rec2 .txt-box .txt .txt-m span {
	font-size: 60px;
}

@media screen and (max-width: 680px) {
	#recruit #rec2 .txt-box .txt .txt-m span {
		font-size: 8.8235vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec2 .txt-box .txt .txt-m span {
		font-size: 30px;
	}
}

/* /rec2 */

/* rec3 */
#recruit #rec3 {
	margin: 50px auto;
	border-top: 1px solid #ff1e6e;
	color: #ffffff;
}

#recruit #rec3 h1 {
	font-size: 90px;
	color: #ff1e6e;
	background: none;
	height: auto;
	margin: 50px auto 0;
}

@media screen and (max-width: 680px) {
	#recruit #rec3 h1 {
		font-size: 13.2353vw;
		margin: 7.3529vw auto 0;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec3 h1 {
		font-size: 45px;
		margin: 20px auto 0;
	}
}

#recruit #rec3 .m-txt {
	font-size: 28px;
}

@media screen and (max-width: 680px) {
	#recruit #rec3 .m-txt {
		font-size: 4.1176vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec3 .m-txt {
		font-size: 14px;
	}
}

#recruit #rec3 .count-box {
	justify-content: space-around;
	align-items: center;
	margin: 35px auto;
}

#recruit #rec3 .count-box .count-set {
	margin: 0 15px;
}

@media screen and (max-width: 799px) {
	#recruit #rec3 .count-box .count-set {
		margin: 0 1.8773vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec3 .count-box .count-set {
		margin: 0 5px;
	}
}

#recruit #rec3 .count-box .count-set p {
	font-size: 30px;
	margin: 5px auto;
}

@media screen and (max-width: 799px) {
	#recruit #rec3 .count-box .count-set p {
		font-size: 3.7547vw;
		margin: 0.6258vw auto;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec3 .count-box .count-set p {
		font-size: 3.7547vw;
		margin: 0.6258vw auto;
	}
}

#recruit #rec3 .count-box .count-set p:first-of-type {
	background: #ff1e6e;
	color: #fff;
	padding: 5px;
	border-radius: 30px;
	width: 360px;
	box-sizing: border-box;
}

@media screen and (max-width: 799px) {
	#recruit #rec3 .count-box .count-set p:first-of-type {
		padding: 0.6258vw;
		border-radius: 3.7547vw;
		width: 45.0563vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec3 .count-box .count-set p:first-of-type {
		padding: 5px;
		border-radius: 15px;
		width: 160px;
	}
}

#recruit #rec3 .count-box .count-set p:last-of-type {
	font-weight: bold;
}

#recruit #rec3 .count-box .count-set p span {
	font-size: 34px;
}

@media screen and (max-width: 799px) {
	#recruit #rec3 .count-box .count-set p span {
		font-size: 4.2553vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec3 .count-box .count-set p span {
		font-size: 20px;
	}
}

#recruit #rec3 .txt-box {
	margin: 35px auto;
	padding: 15px;
}

#recruit #rec3 .txt-box .txt {}

#recruit #rec3 .txt-box p {
	font-size: 16px;
	text-align: left;
}

#recruit #rec3 .txt-box p span {
	font-weight: bold;
	color: #ff1e6e;
}

/* /rec3 */

/* rec4 */
#recruit #rec4 {
	margin: 50px auto;
}

#recruit #rec4 .box {
	margin: 25px auto;
	max-width: 640px;
	color: #fff;
}

#recruit #rec4 .box p {
	text-align: left;
	position: relative;
	width: 240px;
}

@media screen and (max-width: 680px) {
	#recruit #rec4 .box p {
		width: 35.2941vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec4 .box p {
		width: 185px;
	}
}

#recruit #rec4 .box p:first-of-type {
	color: #ff1e6e;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 680px) {
	#recruit #rec4 .box p:first-of-type {
		font-size: 3.5294vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec4 .box p:first-of-type {
		font-size: 20px;
	}
}

#recruit #rec4 .box span {
	display: inline-block;
	border-top: 1px solid #ff1e6e;
	width: 390px;
	padding-bottom: 10px;
}

@media screen and (max-width: 680px) {
	#recruit #rec4 .box span {
		width: 57.3529vw;
		padding-bottom: 1.4706vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec4 .box span {
		width: 160px;
		padding-bottom: 10px;
	}
}

#recruit #rec4 .box p:last-of-type {
	padding-left: 10px;
	font-size: 16px;
	width: 100%;
}

@media screen and (max-width: 680px) {
	#recruit #rec4 .box p:last-of-type {
		margin: 0 auto;
		width: 91.5882vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec4 .box p:last-of-type {
		width: 85%;
	}
}

#recruit #rec4 .bigtxt {
	color: #fff;
	margin: 50px auto;
}

#recruit #rec4 .bigtxt p {
	font-size: 54px;
	font-weight: bold;
}

@media screen and (max-width: 680px) {
	#recruit #rec4 .bigtxt p {
		font-size: 7.9412vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec4 .bigtxt p {
		font-size: 30px;
	}
}

#recruit #rec4 .bigtxt p span {
	color: #ff1e6e;
}

/* rec4 */

/* rec5 */
#recruit #rec5 {
	color: #fff;
}

#recruit #rec5 .flow-box {
	margin: 80px auto;
}

@media screen and (max-width: 799px) {
	#recruit #rec5 .flow-box {
		margin: 10.0125vw auto;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec5 .flow-box {
		margin: 35px auto;
	}
}

#recruit #rec5 .flow-box figure {
	margin: 5px;
}

@media screen and (max-width: 799px) {
	#recruit #rec5 .flow-box figure {
		margin: 0.6258vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec5 .flow-box figure {
		margin: 5px;
	}
}

#recruit #rec5 .flow-box figure img {
	margin: 10px;
	width: 145px;
}

@media screen and (max-width: 799px) {
	#recruit #rec5 .flow-box figure img {
		margin: 1.2516vw;
		width: 18.1477vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec5 .flow-box figure img {
		margin: 5px;
		width: 80px;
	}
}

#recruit #rec5 .flow-box .flow-arrow {
	margin: 10px;
}

@media screen and (max-width: 799px) {
	#recruit #rec5 .flow-box .flow-arrow {
		margin: 1.2516vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec5 .flow-box .flow-arrow {
		margin: 5px;
	}
}

#recruit #rec5 .flow-box .flow-arrow p {
	font-size: 28px;
	width: 560px;
	box-sizing: border-box;
	padding: 50px 0;
}

@media screen and (max-width: 799px) {
	#recruit #rec5 .flow-box .flow-arrow p {
		font-size: 3.5044vw;
		width: 70.0876vw;
		padding: 6.2578vw 0;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec5 .flow-box .flow-arrow p {
		font-size: 14px;
		width: 240px;
		padding: 30px 0;
	}
}

#recruit #rec5 .flow-box .flow-arrow img {
	width: 30px;
}

/* /rec5 */

/* rec6 */
#recruit #rec6 {}

#recruit #rec6 section:last-of-type h1 {
	background: #3296ff;
}

#recruit #rec6 .ladys,
#recruit #rec6 .mens {
	margin: 30px auto 80px;
}

@media screen and (max-width: 799px) {

	#recruit #rec6 .ladys,
	#recruit #rec6 .mens {
		margin: 3.7547vw auto 10.0125vw;
	}
}

@media screen and (max-width: 414px) {

	#recruit #rec6 .ladys,
	#recruit #rec6 .mens {
		margin: 10px auto 20px;
	}
}

#recruit #rec6 .ladys {
	color: #ff1e6e;
}

#recruit #rec6 .mens {
	color: #3296ff;
}

#recruit #rec6 .ladys dl.list {
	border-bottom: 1px solid #ff1e6e;
}

#recruit #rec6 .mens dl.list {
	border-bottom: 1px solid #3296ff;
}

#recruit #rec6 dl.list {
	text-align: left;
	margin: 0px auto;
}

#recruit #rec6 dl.list dt,
#recruit #rec6 dl.list dd {
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}

#recruit #rec6 dl.list dt {
	width: 200px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 20px;
	vertical-align: top;
}

@media screen and (max-width: 799px) {
	#recruit #rec6 dl.list dt {
		font-size: 2.5031vw;
		width: 25.0313vw;
		padding-left: 3.1289vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec6 dl.list dt {
		font-size: 13px;
		width: 120px;
		padding-left: 5px;
	}
}

#recruit #rec6 dl.list dd {
	color: #fff;
	width: 510px;
	font-size: 16px;
}

@media screen and (max-width: 799px) {
	#recruit #rec6 dl.list dd {
		font-size: 2.0025vw;
		width: 63.8298vw;
	}
}

@media screen and (max-width: 414px) {
	#recruit #rec6 dl.list dd {
		font-size: 13px;
		width: 60%;
	}
}

/* /rec6 */

/***** /【recruit.html】 *****/

/***** 【topics.html】 *****/
#topics .cont-box {
	padding: 0px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

#topics article {
	margin: 30px auto 0;
}

#topics article h3 {
	font-size: 20px;
	font-weight: bold;
	background: linear-gradient(to right, #ff6ca7 0%, #ff7ade 100%);
	padding: 10px;
	color: #fff;
	margin: 0 auto 20px;
}

#topics article h3 span {
	font-size: 18px;
	padding-right: 10px;
}

#topics .topics-box {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
}

#topics .topics-box .topic-article {
	padding: 10px;
}

#topics .topics-box .topic-article figure {
	margin: 15px auto;
}

#topics .topics-box .topic-article figure img {
	width: 100%;
}

#topics .topics-box .topic-txt {
	width: 100%;
}

/***** /【topics.html】 *****/

/***** 【event.html】 *****/
#event .cont-box {
	padding: 0px 0 50px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

@media screen and (max-width: 1650px) {
	#event .cont-box {
		width: 100%;
	}
}

#event article h3 {
	background: var(--pink01);
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 7px 0;
	margin: 30px auto 0;
}

@media screen and (max-width: 560px) {
	#event article h1 {
		font-size: 16px;
	}
}

@media screen and (max-width: 414px) {
	#event article h1 {
		font-size: 14px;
	}
}

#event .event-box {
	margin: 20px auto;
	max-width: 800px;
}

#event .event-box figure {
	margin: 10px auto;
}

#event .event-box figure img {
	width: 100%;
}

#event .event-box .event-txt {
	width: 100%;
	margin: 5px auto;
}

/***** /【event.html】 *****/

/***** 【access.html】 *****/
#access .cont-box {
	padding: 0px;
	box-sizing: border-box;
	margin: 0 auto;
}

#access .map-box {
	margin: 0px auto 30px;
	max-width: fit-content;
	width: 100%;
	padding: 30px 0 0;
}

#access .map-box iframe {
	height: 640px;
	display: block;
}

#access .shop-info {
	font-size: 20px;
	width: 100%;
	max-width: 640px;
	margin: 50px auto 80px;
}

@media screen and (max-width: 640px) {
	#access .shop-info {
		font-size: 3.125vw;
		max-width: 100vw;
		margin: 7.8125vw auto 12.5vw;
	}
}

@media screen and (max-width: 414px) {
	#access .shop-info {
		font-size: 18px;
		max-width: 350px;
		margin: 30px auto 50px;
	}
}

#access .shop-info dl {
	text-align: left;
	padding: 0;
}

#access .shop-info dl dt,
#access .shop-info dl dd {
	display: inline-block;
}

#access .shop-info dl dt {
	font-weight: bold;
	width: 100%;
	margin: 10px auto;
	display: flex;
}

#access .shop-info dl dt::after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
	background: var(--cha);
	margin: auto 0 auto 10px;
}

#access .shop-info dl dd {
	width: 100%;
	padding-bottom: 20px;
}

#access .shop-info dl dd a {
	color: var(--pink01);
	text-decoration: underline;
}

/***** /【access.html】 *****/

/***** 【profile.html】 *****/

.pro-title {
	font-size: clamp(24px, 7vw, 40px);
	background: url(../images/pro-title.jpg) no-repeat center center / cover;
	color: #fff;
	text-align: center;
	padding: 5px 0;
}

/*** prof slider ***/
#profile .slide-box {
	margin: 30px auto;
}

#profile .btn_prev img,
#profile .btn_next img {
	width: 50px;
}

@media screen and (max-width: 414px) {

	#profile .btn_prev img,
	#profile .btn_next img {
		width: 40px;
	}
}

#profile .btn_prev,
#profile .btn_next {
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 30;
}

@media screen and (max-width: 680px) {

	#profile .btn_prev,
	#profile .btn_next {
		width: 14.7059vw;
	}
}

@media screen and (max-width: 414px) {

	#profile .btn_prev,
	#profile .btn_next {
		width: 80px;
	}
}

#profile .btn_prev {
	left: 0;
}

#profile .btn_next {
	right: 0;
}

/*** /prof slider ***/

/*** prof info ***/
#profile .prof-detail {
	width: 100%;
	margin: 0 auto;
}

/** レビュー★評価 **/
#profile .star-rating {
	position: relative;
	font-size: 34px;
	display: inline-block;
}

#profile .star-rating::after {
	content: "";
	clear: both;
}

#profile .star-rating-front {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	color: #FFC107;
}

#profile .star-rating-back {
	color: #717171;
	text-align: left;
}

/*★ランク*/
.star0 {
	width: 0px
}

/*0*/
.star1 {
	width: 35px
}

/*1*/
.star2 {
	width: 70px
}

/*2*/
.star3 {
	width: 100px
}

/*3*/
.star4 {
	width: 135px
}

/*4*/
.star5 {
	width: 165px
}

/*5*/
.star6 {
	width: 200px
}

/*5*/
.star7 {
	width: 235px
}

/*5*/
.star8 {
	width: 270px
}

/*5*/
.star9 {
	width: 305px
}

/*5*/
.star10 {
	width: 335px
}

/*5*/
/*/★ランク*/

/** /レビュー★評価 **/

/*** /prof info ***/

/*** prof diaryLink ***/
#profile .g-diary {
	margin: 20px auto 80px;
	justify-content: space-evenly;
	max-width: 800px;
}

@media screen and (max-width: 414px) {
	#profile .g-diary {
		margin: 20px auto 50px;
	}
}

#profile .g-diary img {
	width: 98%;
	max-width: 345px;
}

@media screen and (max-width: 680px) {
	#profile .g-diary img {
		/*width: 44.1176vw;*/
		margin: 1.4706vw;
	}
}

@media screen and (max-width: 414px) {
	#profile .g-diary img {
		/*width: 160px;*/
		margin: 5px;
	}
}

/*** /prof diaryLink ***/

/*** prof Q＆A ***/
#profile .qa {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 50px;
}

#profile .qa .qa-box {
	color: #000;
	width: 98%;
	margin: auto;
	max-width: 800px;
}

#profile .qa .qa-box dl {
	border-bottom: 1px solid #000;
	margin: 0 auto;
}

#profile .qa .qa-box dl dt,
#profile .qa .qa-box dl dd {
	display: inline-block;
	font-size: 18px;
	padding: 10px;
	text-align: left;
	width: 100%;
}

@media screen and (max-width: 414px) {

	#profile .qa .qa-box dl dt,
	#profile .qa .qa-box dl dd {
		font-size: 16px;
		padding: 5px;

	}
}

#profile .qa .qa-box dl dt {
	font-weight: bold;
	vertical-align: top;
	color: var(--pink01);
}

#profile .qa .qa-box dl dd {}

/*** /prof Q＆A ***/

/*** prof schedule ***/
#profile .p-schedule {
	padding: 0 0 50px;
}

#profile .p-schedule h1 {
	margin: 50px auto 20px;
}

#profile .p-schedule h1 img {
	width: 100%;
	max-width: 800px;
}

#profile .p-schedule .sch-box {
	margin: 0 auto;
	max-width: 800px;
	width: 98%;
}

#profile .p-schedule .sch-box ul.schedule {
	box-sizing: border-box;
	padding: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
}


#profile .p-schedule .sch-box ul.schedule li {
	display: block;
	box-sizing: border-box;
	border: 2px solid var(--pink01);
	padding: 5px;
	border-radius: 8px;
}

#profile .p-schedule .sch-box ul.schedule li p {
	font-size: 20px;
}

@media screen and (max-width: 560px) {
	#profile .p-schedule .sch-box ul.schedule li p {
		font-size: 3.5714vw;
	}
}

@media screen and (max-width: 414px) {
	#profile .p-schedule .sch-box ul.schedule li p {
		font-size: 16px;
	}
}

#profile .p-schedule .sch-box ul.schedule li p:first-of-type {
	border-bottom: 1px solid var(--pink01);
}

#profile .p-schedule .sch-box ul.schedule li p:last-of-type {
	margin: 10px auto 5px;
}

@media screen and (max-width: 560px) {
	#profile .p-schedule .sch-box ul.schedule li p:last-of-type {
		margin: 1.7857vw auto 0.8929vw;
	}
}

@media screen and (max-width: 414px) {
	#profile .p-schedule .sch-box ul.schedule li p:last-of-type {
		margin: 5px auto 3px;
	}
}

#profile .p-schedule .sch-box .reserve {
	margin: 5px auto;
	height: 50px;
}

@media screen and (max-width: 560px) {
	#profile .p-schedule .sch-box .reserve {
		margin: 0.8929vw auto;
		height: 8.9286vw;
	}
}

@media screen and (max-width: 414px) {
	#profile .p-schedule .sch-box .reserve {
		margin: 3px auto;
		height: 30px;
	}
}

#profile .p-schedule .sch-box .reserve a.reserve-btn {
	display: block;
	margin: 0 auto;
	width: 180px;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 8px;
	background: var(--pink01);
	color: #fff;
	font-weight: bold;
}

@media screen and (max-width: 560px) {
	#profile .p-schedule .sch-box .reserve a.reserve-btn {
		width: 32.1429vw;
		border-radius: 1.4286vw;
		padding: 1.4286vw;
	}
}

@media screen and (max-width: 414px) {
	#profile .p-schedule .sch-box .reserve a.reserve-btn {
		width: 120px;
		border-radius: 6px;
		padding: 5px;
	}
}

#profile .p-schedule .sch-box .reserve a.reserve-btn span:first-of-type {
	display: inline-block;
	transform: rotate(-30deg);
	font-size: 16px;
	vertical-align: top;
}

@media screen and (max-width: 560px) {
	#profile .p-schedule .sch-box .reserve a.reserve-btn span:first-of-type {
		font-size: 2.8571vw;
	}
}

@media screen and (max-width: 414px) {
	#profile .p-schedule .sch-box .reserve a.reserve-btn span:first-of-type {
		font-size: 14px;
	}
}

#profile .p-schedule .sch-box .reserve a.reserve-btn span:last-of-type {
	font-size: 20px;
	padding-left: 10px;
	line-height: 24px;
}

@media screen and (max-width: 560px) {
	#profile .p-schedule .sch-box .reserve a.reserve-btn span:last-of-type {
		font-size: 3.5714vw;
		padding-left: 1.7857vw;
		line-height: 4.2857vw;
	}
}

@media screen and (max-width: 414px) {
	#profile .p-schedule .sch-box .reserve a.reserve-btn span:last-of-type {
		font-size: 16px;
		padding-left: 5px;
		line-height: 24px;

	}
}

/*** /prof schedule ***/

/*** prof commentBox ***/
#profile .comment-box {
	margin: 0 auto 0;
}

#profile .comment-box .comment1,
#profile .comment-box .comment2,
#profile .pro-iframe {
	text-align: left;
	padding: 0 0 50px;
}

#profile .comment-box .comment1 h1,
#profile .comment-box .comment2 h1,
#profile .pro-iframe h1 {}

#profile .comment-box .comment1 h1 img,
#profile .comment-box .comment2 h1 img,
#profile .pro-iframe h1 img {
	width: 100%;
	max-width: 800px;
}

#profile .comment-box .comment1 .cmt-txt,
#profile .comment-box .comment2 .cmt-txt {
	height: 740px;
	border: 2px solid var(--cha);
	box-sizing: border-box;
	padding: 10px;
	overflow: auto;
	margin: 20px auto;
	font-size: 16px;
	width: 98%;
	max-width: 800px;
}

@media screen and (max-width: 414px) {

	#profile .comment-box .comment1 .cmt-txt,
	#profile .comment-box .comment2 .cmt-txt {
		font-size: 14px;
	}
}

#profile .pro-iframe .frame-box {
	height: 124vh;
	box-sizing: border-box;
	width: 100%;
	margin: auto;
	max-width: 800px;
	max-height: 1010px;
	padding: 20px 0 30px;
}

/*** /prof commentBox ***/

/*** prof button ***/
#profile .l-btn {
	margin: 20px auto;
	display: flex;
	width: 98%;
	justify-content: center;
}


#profile .l-btn a {
	margin: 15px 5px;
	max-width: 340px;
	font-size: 16px;
}

#profile .l-txt {
	margin: 0px auto;
	width: 100%;
	max-width: 385px;
}

#profile .l-txt .link-txt {
	margin: 10px auto;
	font-weight: bold;
	font-size: 20px;
}

@media screen and (max-width: 414px) {
	#profile .l-txt .link-txt {
		font-size: 16px;
	}
}

#profile .l-txt .link-txt a {
	color: var(--pink01);
	text-decoration: underline;
}

/*** /prof button ***/

/***** /【profile.html】 *****/

/***** 【ranking.html】 *****/
#ranking .caution {
	font-size: 16px;
	text-align: left;
	margin: 30px auto;
	padding: 15px;
	max-width: fit-content;
	width: 100%;

}

#ranking #rank-king,
#ranking #PopularityRanking {
	display: none;
}

#ranking #rank-king,
#ranking #rank-section1,
#ranking #rank-section2 {
	position: relative;
	margin: 50px auto;
}

#ranking #rank-king .rank-img img,
#ranking #rank-section1 .rank-img img,
#ranking #rank-section2 .rank-img img {
	width: 100%;
	max-width: fit-content;
}

/* 殿堂入り */
#ranking #rank-king h1 {
	margin: 10px auto;
}

#ranking #rank-king h1 img {
	width: 100%;
	max-width: 1200px;
}

#ranking #rank-king .slide-box {
	margin: 30px auto;
}

#ranking #rank-king .btn_prev img,
#ranking #rank-king .btn_next img {
	width: 50px;
}

@media screen and (max-width: 414px) {

	#ranking #rank-king .btn_prev img,
	#ranking #rank-king .btn_next img {
		width: 40px;
	}
}

#ranking #rank-king .btn_prev,
#ranking #rank-king .btn_next {
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 30;
}

@media screen and (max-width: 680px) {

	#ranking #rank-king .btn_prev,
	#ranking #rank-king .btn_next {
		width: 14.7059vw;
	}
}

@media screen and (max-width: 414px) {

	#ranking #rank-king .btn_prev,
	#ranking #rank-king .btn_next {
		width: 80px;
	}
}

#ranking #rank-king .btn_prev {
	left: 0;
}

#ranking #rank-king .btn_next {
	right: 0;
}

/* /殿堂入り */

/* rank-section1 */
#ranking #rank-section1 .bg {
	background: url(../images/ranking_bg01.jpg) no-repeat center top;
	box-sizing: border-box;
	padding: 50px 0px;
	background-size: cover;
}

#ranking #rank-section1>div {
	margin: 10px auto;
	padding: 0 15px;
}

#ranking #rank-section1>div img {
	width: 100%;
	max-width: 701px;
}

/* /rank-section1 */

/* rank-section2 */
#ranking #rank-section2 .rank-inner {
	justify-content: space-evenly;
	align-items: center;
	margin: 0 auto;
}

#ranking #rank-section2 .bg {
	box-sizing: border-box;
}

/* /rank-section2 */

/* rank-section3 */
#ranking #rank-section3 {
	position: relative;
	margin: 30px auto;
	max-width: 800px;
}

#ranking #rank-section3 .bg {
	background: none;
	height: auto;
	box-sizing: border-box;
}

#ranking #rank-section3 .rank-inner {
	justify-content: space-evenly;
	align-items: center;
	margin: 0 auto;
}

#ranking #rank-section3 .link-box {
	margin: 20px auto;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .link-box {
		margin: 2.5vw auto;
	}
}

#ranking #rank-section3 a.link-btn {
	width: 100%;
	max-width: 340px;
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border-radius: 8px;
	padding: 10px;
	margin: 0 auto;
	height: 60px;
	line-height: 42px;
	box-shadow: 1px 1px 2px #8e8e8e;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 a.link-btn {
		font-size: 3vw;
		border-radius: 1vw;
		padding: 1.25vw;
		height: 7.5vw;
		line-height: 5.25vw;
	}
}

@media screen and (max-width: 414px) {
	#ranking #rank-section3 a.link-btn {
		font-size: 16px;
		border-radius: 6px;
		padding: 6px;
		height: auto;
		line-height: inherit;
	}
}

/* /rank-section3 */

/***** /【ranking.html】 *****/

/***** 【newface.html】 *****/
#newface #nf-cont {
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	margin: 50px auto;
}

#newface .nf-box {
	background: url(../images/nf_bg.jpg) no-repeat center top;
	background-size: cover;
	margin: 10px auto;
	padding: 50px 0;
	width: 100%;
	max-width: 800px;
}

#newface .nf-box .nf-bg {
	box-sizing: border-box;
	/*box-shadow: 10px 10px 0px 0px var(--pink01);*/
	margin: 0 auto;
	width: fit-content;

}

#newface .nf-box .nf-info {
	padding: 10px;
	box-sizing: border-box;
	margin: 25px auto 0;
	width: 100%;
}

#newface .nf-box .nf-info p.shp-in {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

@media screen and (max-width: 414px) {
	#newface .nf-box .nf-info p.shp-in {
		font-size: 20px;
	}
}

#newface .nf-box .nf-com {
	padding: 10px;
	box-sizing: border-box;
	margin: 5px auto;
	width: 100%;
}

#newface .nf-box .nf-com .triangle {
	position: relative;
	background: var(--yellowbg);
	width: 150px;
	height: 25px;
	border-radius: 6px 0 0 0;
	box-sizing: border-box;
	line-height: 19px;
	color: var(--pink01);
}

#newface .nf-box .nf-com .triangle img {
	width: 115px;
}

#newface .nf-box .nf-com .triangle::after {
	content: "";
	position: absolute;
	top: 0px;
	right: -35px;
	border-right: 35px solid transparent;
	border-bottom: 25px solid var(--yellowbg);
	color: var(--pink01);
	width: 0px;
}

#newface .nf-box .nf-com .comment {
	background: #fff;
	box-sizing: border-box;
	max-height: 400px;
	overflow: auto;
	margin: 0 auto;
}

#newface .nf-box .nf-com .comment .com-inner {
	padding: 5px;
	color: #000;
	font-size: 16px;
}

/***** /【newface.html】 *****/

/*** /本日出勤アイコン ***/

/*** cast-img ***/
figure.cast-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;

}


#top-newface figure.cast-img,
#top-ranking figure.cast-img,
#ranking #rank-section1 figure.cast-img,
#ranking #rank-section2 figure.cast-img,
#ranking #rank-king figure.cast-img,
#top-rank-king figure.cast-img,
#newface figure.cast-img {}

#top-newface figure.cast-img {}

#top-ranking figure.cast-img {}

#ranking #rank-section1 figure.cast-img,
#ranking #rank-section2 figure.cast-img,
#ranking #rank-king figure.cast-img,
#top-rank-king figure.cast-img {}

#ranking #rank-section3 figure.cast-img {}

#ranking #rank-section1 figure.cast-img,
#ranking #rank-section2 figure.cast-img,
#ranking #rank-section3 figure.cast-img,
#top-rank-king figure.cast-img,
#ranking #rank-king figure.cast-img {
	margin: 0 auto;
	color: #fff;
	background: linear-gradient(to bottom, #dc75f9 0%, #dc75f9 30%, #ffa0c6e5 100%);
}

#newface figure.cast-img {
	min-width: auto;
	max-width: 480px;
	max-height: 600px;
	margin: 0 auto;
	color: #fff;
}

#top-rank-king {
	display: none;
}

@media screen and (max-width: 800px) {
	#ranking #rank-king figure.cast-img {
		max-width: 59vw;
		max-height: 78.75vw;
	}

	#top-rank-king figure.cast-img {
		max-width: 59vw;
		max-height: 78.75vw;
	}
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 figure.cast-img {
		width: 45vw;
	}
}

@media screen and (max-width: 560px) {
	#newface figure.cast-img {
		max-width: 85.7143vw;
		max-height: 107.1429vw;
	}
}

@media screen and (max-width: 520px) {

	#ranking #rank-section1 figure.cast-img,
	#ranking #rank-section2 figure.cast-img {
		max-width: 90.7692vw;
		max-height: 121.1538vw;
	}
}

figure.cast-img h2,
#top-ranking figure.cast-img h2 {
	position: absolute;
	bottom: 50px;
	left: 0
}

@media screen and (max-width: 800px) {
	figure.cast-img h2 {
		bottom: 6.25vw;
	}
}

figure.cast-img h2 img,
#top-ranking figure.cast-img h2 img {
	width: 80%;
	margin: 0 auto;
}

#ranking #rank-king figure.cast-img img,
#top-rank-king figure.cast-img img,
#ranking #rank-section1 figure.cast-img img,
#ranking #rank-section2 figure.cast-img img,
#newface figure.cast-img img {
	width: 100%;
}

/*** /cast-img ***/

/***** cast-box *****/

/** cast-box main **/

#top-realtime .cast-box,
#realtime .cast-box {
	margin: 10px 0px;
}

#gals .g-list .cast-box,
#schedule .g-list .cast-box {
	margin: 0px;
}

#top-newface .cast-box {
	position: relative;
	max-width: 300px;
	margin: 0 5px;
}

#profile .cast-box {
	margin: 5px auto 10px;
}

#ranking #rank-section1 .cast-box,
#ranking #rank-section2 .cast-box {
	margin: 25px auto;
}

#top-ranking .cast-box,
#ranking #rank-section3 .cast-box {
	margin: auto;
	padding: 10px;
	box-sizing: content-box;
}


#ranking #rank-king .cast-box,
#ranking #top-rank-king .cast-box {
	margin: 0 auto;
}

#top-realtime .cast-box:nth-of-type(even),
#gals .g-list .cast-box:nth-of-type(even),
#schedule .g-list .cast-box:nth-of-type(even),
#realtime .cast-box:nth-of-type(even) {}

#top-realtime .cast-box:nth-of-type(odd),
#gals .g-list .cast-box:nth-of-type(odd),
#schedule .g-list .cast-box:nth-of-type(odd),
#realtime .cast-box:nth-of-type(odd) {
	position: relative;
}

/** /cast-box main **/

/** cast-box 状態アイコン **/
/* 今スグOK */
.cast-box .now {
	background: linear-gradient(to bottom, #ff971c 0%, #ff971c 100%);
	border: 1px solid #fff;
}

/* 残り1枠 */
.cast-box .last1 {
	background: linear-gradient(to bottom, #68df8b 0%, #57ce7a 100%);
	border: 1px solid #fff;
}

/* ご予約完売 */
.cast-box .out {
	background: linear-gradient(to bottom, #f6d745 0%, #ecc719 100%);
	border: 1px solid #fff;
}

/* 本日完売 */
.cast-box .dout {
	background: linear-gradient(to bottom, #ae8b69 0%, #926c48 100%);
	border: 1px solid #fff;
}

/* 00:00～OK */
.cast-box .time-ok {
	background: linear-gradient(to bottom, #f5549f 0%, #ff80bc 100%);
	border: 1px solid #fff;
}

/* 00:00～限定案内 */
.cast-box .time-lm {
	background: linear-gradient(to bottom, rgba(255, 91, 147, 1) 0%, rgba(253, 49, 98, 1) 100%);
	border: 1px solid #fff;
}

/* 本日受付終了 */
.cast-box .finish {
	background: #646464;
	border: 1px solid #fff;
}

/* 見合わせ */
.cast-box .miawase {
	background: #328c82;
	border: 1px solid #fff;
}

/** /cast-box 状態アイコン **/

/** cast-box rank-img **/
#top-ranking .cast-box .rank-img {
	margin: 20px auto;
	width: 270px;
}

#top-ranking .cast-box .rank-img img.rank {
	width: 270px !important;
}

#ranking #rank-section1 .cast-box .rank-img,
#ranking #rank-section2 .cast-box .rank-img,
{
margin: 20px auto;
width: 100%;
max-width: fit-content;
}


#ranking #rank-section1 .cast-box .rank-img img,
#ranking #rank-section2 .cast-box .rank-img img {
	height: auto;
	width: 100%;
	max-width: fit-content;
}

@media screen and (max-width: 520px) {

	#ranking #rank-section1 .cast-box .rank-img,
	#ranking #rank-section2 .cast-box .rank-img {
		margin: 3.8462vw auto;
	}
}

#ranking #rank-section3 .cast-box .rank-img,
#ranking #rank-king .cast-box .rank-img,
#top-rank-king .cast-box .rank-img {
	margin: 20px auto;
	width: 320px;
}

@media screen and (max-width: 800px) {

	#ranking #rank-section3 .cast-box .rank-img,
	#ranking #rank-king .cast-box .rank-img,
	#top-rank-king .cast-box .rank-img {
		margin: 2.5vw auto;
		width: 40vw;
	}
}

#ranking #rank-section3 .cast-box .rank-img img {
	width: 295px;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box .rank-img img {
		width: 36.875vw;
	}
}

@media screen and (max-width: 414px) {
	#ranking #rank-section3 .cast-box .rank-img img {
		width: 150px;
	}
}

/** /cast-box rank-img **/

/** cast-box cast-bg **/
#top-ranking .cast-box .cast-bg,
#ranking #rank-section1 .cast-box .cast-bg,
#ranking #rank-section2 .cast-box .cast-bg,
#ranking #rank-section3 .cast-box .cast-bg {
	background: linear-gradient(to bottom, #e094ff 0%, #fb6ebd 100%);
	padding: 5px;
}

#top-ranking .cast-box .cast-bg {
	width: 330px;
	height: 440px;
	box-shadow: 10px 10px 0px 0px #ffb7d4;
}

#ranking #rank-section1 .cast-box .cast-bg,
#ranking #rank-section2 .cast-box .cast-bg {
	width: 472px;
	height: 630px;
	box-shadow: 10px 10px 0px 0px #ffb7d4;
	margin: 50px auto;
}

@media screen and (max-width: 520px) {

	#ranking #rank-section1 .cast-box .cast-bg,
	#ranking #rank-section2 .cast-box .cast-bg {
		padding: 0.9615vw;
		width: 90.7692vw;
		height: 121.1538vw;
		box-shadow: 1.9231vw 1.9231vw 0px 0px #ffb7d4;
		margin: 9.6154vw auto;
	}
}

#ranking #rank-section3 .cast-box .cast-bg {
	height: auto;
	box-shadow: none;
	width: 370px;
	box-sizing: border-box;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box .cast-bg {
		padding: 0.625vw;
		width: 46.25vw;
	}
}

#ranking #rank-king .cast-box .cast-bg,
#top-rank-king .cast-box .cast-bg {
	background: rgb(255, 0, 0);
	background: -moz-linear-gradient(-45deg, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 255, 1) 17%, rgba(0, 0, 255, 1) 33%, rgba(0, 255, 255, 1) 50%, rgba(0, 255, 0, 1) 66%, rgba(255, 255, 0, 1) 82%, rgba(255, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 255, 1) 17%, rgba(0, 0, 255, 1) 33%, rgba(0, 255, 255, 1) 50%, rgba(0, 255, 0, 1) 66%, rgba(255, 255, 0, 1) 82%, rgba(255, 0, 0, 1) 100%);
	background: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 255, 1) 17%, rgba(0, 0, 255, 1) 33%, rgba(0, 255, 255, 1) 50%, rgba(0, 255, 0, 1) 66%, rgba(255, 255, 0, 1) 82%, rgba(255, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ff0000', GradientType=1);
	padding: 5px;
	width: 472px;
	height: 630px;
}

@media screen and (max-width: 800px) {

	#ranking #rank-king .cast-box .cast-bg,
	#top-rank-king .cast-box .cast-bg {
		padding: 0.625vw;
		width: 59vw;
		height: 78.75vw;
	}
}

/** /cast-box cast-bg **/

/** cast-box g-type **/
#schedule .g-list .cast-box .g-type,
#gals .g-list .cast-box .g-type {
	align-items: normal;
	justify-content: space-around;
	margin: 5px auto 0;
}

#schedule .g-list .cast-box .g-type .icon,
#gals .g-list .cast-box .g-type .icon {
	box-sizing: border-box;
	background: var(--yellowbg);
	border: 1px solid var(--pink01);
	color: var(--pink01);
	width: 49%;
	margin: 3px auto;
	font-weight: bold;
	font-size: 12px;
}


#profile .g-type {
	margin: 5px auto 0;
	max-width: 400px;
}

#profile .g-type .icon {
	box-sizing: border-box;
	border: 1px solid var(--pink01);
	background: var(--yellowbg);
	font-weight: bold;
	color: var(--pink01);
	padding: 5px 0;
	width: calc(50% - 6px);
	max-width: 170px;
	margin: 3px;
	font-size: 18px;
}

/** /cast-box g-type **/

/** cast-box figure **/

/* 本日出勤アイコン */
#top-realtime .cast-box figure .icon-inner,
#top-newface .cast-box figure .icon-inner,
#top-ranking .cast-box figure .icon-inner,
#gals .g-list .cast-box figure .icon-inner,
#schedule .g-list .cast-box figure .icon-inner,
#realtime .cast-box figure .icon-inner,
#ranking #rank-king .cast-box figure .icon-inner,
#top-rank-king .cast-box figure .icon-inner,
#ranking #rank-section3 .cast-box figure .icon-inner,
#newface .nf-box figure .icon-inner,
#ranking #rank-section1 .cast-box figure .icon-inner,
#ranking #rank-section2 .cast-box figure .icon-inner {
	position: relative;
}

#top-realtime .cast-box figure .icon-inner .today,
#top-newface .cast-box figure .icon-inner .today,
#top-ranking .cast-box figure .icon-inner .today,
#gals .g-list .cast-box figure .icon-inner .today,
#schedule .g-list .cast-box figure .icon-inner .today,
#realtime .cast-box figure .icon-inner .today,
#ranking #rank-section1 .cast-box figure .icon-inner .today,
#ranking #rank-section2 .cast-box figure .icon-inner .today,
#ranking #rank-king .cast-box figure .icon-inner .today,
#top-rank-king .cast-box figure .icon-inner .today,
#ranking #rank-section3 .cast-box figure .icon-inner .today,
#newface .nf-box figure .icon-inner .today {
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	border-radius: 10px;
	right: 10px;
	width: 140px;
	background: #ff0000;
	color: rgba(255, 255, 255, 1);
	padding: 3px;
}

#top-newface .cast-box figure .icon-inner .today {
	top: 377px;
}

#top-ranking .cast-box figure .icon-inner .today {
	top: 398px;
}

#top-realtime .cast-box figure .icon-inner .today,
#gals .g-list .cast-box figure .icon-inner .today,
#schedule .g-list .cast-box figure .icon-inner .today,
#realtime .cast-box figure .icon-inner .today {
	top: 480px;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box figure .icon-inner .today,
	#gals .g-list .cast-box figure .icon-inner .today,
	#schedule .g-list .cast-box figure .icon-inner .today,
	#realtime .cast-box figure .icon-inner .today {
		top: 60vw;
		font-size: 2.25vw;
		border-radius: 1.4706vw;
		right: 1.25vw;
		width: 17.5vw;
		padding: 0.375vw;
	}
}

@media screen and (max-width: 414px) {

	#gals .g-list .cast-box figure .icon-inner .today,
	#schedule .g-list .cast-box figure .icon-inner .today {
		height: 15px;
		line-height: 15px
	}
}

#ranking #rank-king .cast-box figure .icon-inner .today,
#top-rank-king .cast-box figure .icon-inner .today {
	top: 585px;
}

@media screen and (max-width: 800px) {

	#ranking #rank-king .cast-box figure .icon-inner .today,
	#top-rank-king .cast-box figure .icon-inner .today {
		top: 73.125vw;
		font-size: 2.25vw;
		border-radius: 1.25vw;
		right: 1.25vw;
		width: 17.5vw;
		padding: 0.375vw;
	}
}

@media screen and (max-width: 414px) {

	#ranking #rank-king .cast-box figure .icon-inner .today,
	#top-rank-king .cast-box figure .icon-inner .today {
		height: 15px;
		line-height: 15px
	}
}

#ranking #rank-section1 .cast-box figure .icon-inner .today,
#ranking #rank-section2 .cast-box figure .icon-inner .today {
	top: 585px;
}

#ranking #rank-section3 .cast-box figure .icon-inner .today {
	top: 438px;
}

#newface .nf-box figure .icon-inner .today {
	top: 558px;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box figure .icon-inner .today {
		top: 54.75vw;
		font-size: 2.25vw;
		border-radius: 1.2516vw;
		right: 1.25vw;
		width: 17.5vw;
		padding: 0.375vw;
	}
}

@media screen and (max-width: 560px) {
	#newface .nf-box figure .icon-inner .today {
		top: 99.6429vw;
		font-size: 3.2143vw;
		border-radius: 1.7857vw;
		right: 1.7857vw;
		width: 25vw;
		padding: 0.5357vw;
	}
}

@media screen and (max-width: 520px) {

	#ranking #rank-section1 .cast-box figure .icon-inner .today,
	#ranking #rank-section2 .cast-box figure .icon-inner .today {
		top: 112.5vw;
		font-size: 3.4615vw;
		border-radius: 1.9231vw;
		right: 1.9231vw;
		width: 26.9231vw;
		padding: 0.5769vw;
	}
}

@media screen and (max-width: 414px) {

	#ranking #rank-section1 .cast-box figure .icon-inner .today,
	#ranking #rank-section2 .cast-box figure .icon-inner .today,
	#ranking #rank-section3 .cast-box figure .icon-inner .today,
	#newface .nf-box figure .icon-inner .today {
		height: 15px;
		line-height: 15px
	}
}

#profile .g-info .today {
	position: static;
	box-sizing: border-box;
	font-size: 17px;
	line-height: 1.3em;
	font-weight: bold;
	border-radius: 8px;
	width: 130px;
	height: 30px;
	background: #ff0000;
	color: rgba(255, 255, 255, 1);
	padding: 5px;
	text-align: center;
	margin: 10px auto;
}

/* /本日出勤アイコン */

/*** 女性サムネ内アイコン ***/
.cast-box figure .rank-layer-f,
.nf-box figure .rank-layer-f {
	position: relative;
	z-index: 1;
}

.cast-box figure .rank-layer-f img,
.nf-box figure .rank-layer-f img {
	position: absolute;
	top: 0;
	left: 0;
}

.cast-box .rank-layer-t,
#newface .nf-box .rank-layer-t {
	position: relative;
	z-index: 1;
}

.cast-box .rank-layer-t,
#newface .nf-box .rank-layer-t {
	position: absolute;
	top: 15px;
	right: 15px;
}

@media screen and (max-width: 800px) {
	.cast-box .rank-layer-t {
		top: 1.875vw;
		right: 1.875vw;
	}
}

@media screen and (max-width: 414px) {
	.cast-box .rank-layer-t {
		top: 5px;
		right: 5px;
	}
}

#top-newface .rank-layer-t {
	position: absolute;
	top: 15px;
	right: 15px;
}

@media screen and (max-width: 800px) {
	#top-newface .rank-layer-t {
		top: 1.875vw;
		right: 1.875vw;
	}
}

@media screen and (max-width: 414px) {
	#top-newface .rank-layer-t {
		top: 20px;
		right: 20px;
	}
}




@media screen and (max-width: 560px) {
	#newface .nf-box .rank-layer-t {
		top: 1.7857vw;
		right: 1.7857vw;
	}
}

@media screen and (max-width: 414px) {
	#newface .nf-box .rank-layer-t {
		top: 8px;
		right: 8px;
	}
}


.cast-box .rank-layer-t img {
	width: 60px !important;
}

@media screen and (max-width: 800px) {
	.cast-box .rank-layer-t img {
		width: 7.5vw !important;
	}
}

@media screen and (max-width: 414px) {
	.cast-box .rank-layer-t img {
		width: 30px !important;
	}
}

#newface .nf-box .rank-layer-t img {
	width: 60px !important;
}

@media screen and (max-width: 560px) {
	#newface .nf-box .rank-layer-t img {
		width: 10.7143vw !important;
	}
}

@media screen and (max-width: 414px) {
	#newface .nf-box .rank-layer-t img {
		width: 40px !important;
	}
}

#top-newface .rank-layer-t img {
	width: 60px !important;
}

@media screen and (max-width: 560px) {
	#top-newface .rank-layer-t img {
		width: 10.7143vw !important;
	}
}

@media screen and (max-width: 414px) {
	#top-newface .rank-layer-t img {
		width: 60px !important;
	}
}

.twt-link img {
	width: 70px
}


#top-realtime .cast-box figure .rank-layer-f img,
#top-newface .cast-box figure .rank-layer-f img,
#top-ranking .cast-box figure .rank-layer-f img,
#gals .g-list .cast-box figure .rank-layer-f img,
#schedule .g-list .cast-box figure .rank-layer-f img,
#realtime .cast-box figure .rank-layer-f img,
#ranking #rank-section3 .cast-box figure .rank-layer-f img {
	width: 100px;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box figure .rank-layer-f img,
	#gals .g-list .cast-box figure .rank-layer-f img,
	#schedule .g-list .cast-box figure .rank-layer-f img,
	#realtime .cast-box figure .rank-layer-f img,
	#ranking #rank-section3 .cast-box figure .rank-layer-f img {
		width: 12.5vw;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .cast-box figure .rank-layer-f img,
	#gals .g-list .cast-box figure .rank-layer-f img,
	#schedule .g-list .cast-box figure .rank-layer-f img,
	#realtime .cast-box figure .rank-layer-f img {
		width: 53px;
	}
}

#profile .cast-box figure .rank-layer-f img {
	width: 150px;
}

@media screen and (max-width: 620px) {
	#profile .cast-box figure .rank-layer-f img {
		width: 32.9032vw;
	}
}

#ranking #rank-king .cast-box figure .rank-layer-f img,
#top-rank-king .cast-box figure .rank-layer-f img,
#ranking #rank-section1 .cast-box figure .rank-layer-f img,
#ranking #rank-section2 .cast-box figure .rank-layer-f img {
	width: 140px;
}

@media screen and (max-width: 800px) {

	#ranking #rank-king .cast-box figure .rank-layer-f img,
	#top-rank-king .cast-box figure .rank-layer-f img {
		width: 17.5vw;
	}
}

@media screen and (max-width: 520px) {

	#ranking #rank-section1 .cast-box figure .rank-layer-f img,
	#ranking #rank-section2 .cast-box figure .rank-layer-f img {
		width: 26.9231vw;
	}
}

#newface .nf-box figure .rank-layer-f img {
	width: 120px;
}

@media screen and (max-width: 560px) {
	#newface .nf-box figure .rank-layer-f img {
		width: 21.4286vw;
	}
}

.cast-box figure .rank-layer-s,
.nf-box figure .rank-layer-s {
	position: relative;
}

.cast-box figure .rank-layer-s img,
.nf-box figure .rank-layer-s img {
	position: absolute;
	left: 5px;
}

#top-realtime .cast-box figure .rank-layer-s img,
#gals .g-list .cast-box figure .rank-layer-s img,
#schedule .g-list .cast-box figure .rank-layer-s img,
#realtime .cast-box figure .rank-layer-s img,
#profile .cast-box figure .rank-layer-s img {
	top: 469px;
	width: 120px;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box figure .rank-layer-s img,
	#gals .g-list .cast-box figure .rank-layer-s img,
	#schedule .g-list .cast-box figure .rank-layer-s img,
	#realtime .cast-box figure .rank-layer-s img,
	#profile .cast-box figure .rank-layer-s img {
		top: 58.625vw;
		left: 0.625vw;
		width: 15vw;
	}
}

#top-newface .cast-box figure .rank-layer-s img {
	top: 376px;
	width: 90px;
}

#top-ranking .cast-box figure .rank-layer-s img {
	top: 393px;
	width: 100px;
}

#ranking #rank-section1 .cast-box figure .rank-layer-s img,
#ranking #rank-section2 .cast-box figure .rank-layer-s img {
	top: 568px;
	width: 140px;
}

@media screen and (max-width: 520px) {

	#ranking #rank-section1 .cast-box figure .rank-layer-s img,
	#ranking #rank-section2 .cast-box figure .rank-layer-s img {
		top: 109.2308vw;
		left: 0.9615vw;
		width: 26.9231vw;
	}
}

#ranking #rank-section3 .cast-box figure .rank-layer-s img {
	top: 428px;
	width: 120px;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box figure .rank-layer-s img {
		top: 53.5vw;
		left: 0.625vw;
		width: 15vw;
	}
}

#newface .nf-box figure .rank-layer-s img {
	top: 547px;
	width: 120px;
}

@media screen and (max-width: 560px) {
	#newface .nf-box figure .rank-layer-s img {
		top: 97.6786vw;
		left: 0.8929vw;
		width: 21.4286vw;
	}
}

#ranking #rank-king .cast-box figure .rank-layer-s img,
#top-rank-king .cast-box figure .rank-layer-s img {
	top: 574px;
	width: 120px;
}

@media screen and (max-width: 800px) {

	#ranking #rank-king .cast-box figure .rank-layer-s img,
	#top-rank-king .cast-box figure .rank-layer-s img {
		top: 71.75vw;
		left: 0.625vw;
		width: 15vw;
	}
}

/*** /女性サムネ内アイコン ***/

#profile .cast-box figure.pro-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 600px;
	max-height: 800px;
	margin: 10px auto;
	text-align: center;
}

#ranking #rank-section2 .cast-box figure .icon-rank {
	position: relative;
	margin: 0 auto;
	width: 425px;
}

@media screen and (max-width: 520px) {
	#ranking #rank-section2 .cast-box figure .icon-rank {
		width: 81.7308vw;
	}
}

#ranking #rank-section2 .cast-box figure .icon-rank img {
	position: absolute;
	top: 427px;
	left: 0;
}

@media screen and (max-width: 520px) {
	#ranking #rank-section2 .cast-box figure .icon-rank img {
		top: 82.1154vw;
	}
}

/** cast-box figure img **/
#top-realtime .cast-box figure img,
#gals .cast-box figure img,
#schedule .cast-box figure img,
#realtime .cast-box figure img,
#profile .cast-box figure img {
	width: 100%;

}

#ranking #rank-section3 .cast-box figure img {
	width: 360px;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box figure img {
		width: 45vw;
	}
}

/** /cast-box figure img **/

/*** cast-box status ***/
#top-realtime .cast-box .status,
#top-ranking .cast-box .status,
#realtime .cast-box .status {
	color: #fff;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #8e8e8e;
	padding: 3px;
	margin: 0 auto;
	line-height: 40px;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box .status,
	#realtime .cast-box .status {
		font-size: 3vw;
		padding: 0.375vw;
		line-height: 5vw;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .cast-box .status,
	#realtime .cast-box .status {
		font-size: 14px;
		padding: 2px;
		line-height: 21px;
	}
}

/*** /cast-box status ***/

/***** g-info *****/

/*** g-info main ***/
#top-realtime .cast-box .g-info,
#top-newface .cast-box .g-info,
#gals .g-list .cast-box .g-info,
#schedule .g-list .cast-box .g-info,
#realtime .cast-box .g-info {
	padding: 5px;
	background: url(../../images/galbg.jpg) no-repeat center bottom / cover;
	border: 1px solid var(--pink01);
}


#top-newface .cast-box .g-info {
	padding: 5px;
	background: #fff;
	border: none;
}

#top-newface .cast-box .g-info {
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}

#profile .g-info {
	margin: 30px auto 0;
	padding: 5px;
}

#top-ranking .cast-box .g-info,
#ranking #rank-king .cast-box .g-info,
#top-rank-king .cast-box .g-info,
#ranking #rank-section3 .cast-box .g-info {
	border: 1px solid #fff;
	padding: 5px;
	box-sizing: border-box;
	background: var(--pink01);
}

#top-ranking .cast-box .g-info {
	margin: 10px 0;
	width: 340px;
}

#ranking #rank-king .cast-box .g-info,
#top-rank-king .cast-box .g-info {
	margin: 10px 0;
	max-width: 482px;
}

#ranking #rank-section1 .g-info,
#ranking #rank-section2 .cast-box .g-info {
	padding: 10px;
	box-sizing: border-box;
	margin: 30px auto 0;
	box-shadow: none;
	max-width: 800px;
}

#ranking #rank-section1 .g-info {
	background: rgba(255, 255, 255, .8);
	width: 100%;
}

#ranking #rank-section1 .g-info .link-box {
	padding: 0;
	background: none;
}

#ranking #rank-section2 .cast-box .g-info {
	background: #fff;
	height: auto;
	border: none;
}

#ranking #rank-section2 .cast-box .g-info .link-box {
	background: #ffffff00;
	box-shadow: none;
	padding: 10px 0;
}

#ranking #rank-section3 .cast-box .g-info {
	margin: 10px auto;
	height: auto;
	width: 370px;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box .g-info,
	#gals .g-list .cast-box .g-info,
	#schedule .g-list .cast-box .g-info,
	#realtime .cast-box .g-info,
	#ranking #rank-section3 .cast-box .g-info {
		padding: 0.625vw;
	}
}

@media screen and (max-width: 800px) {

	#ranking #rank-king .cast-box .g-info,
	#top-rank-king .cast-box .g-info {
		max-width: 60.25vw;
	}
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box .g-info {
		margin: 1.25vw auto;
		width: 46.25vw;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .cast-box .g-info,
	#realtime .cast-box .g-info {
		padding: 1px;
	}
}

/*** /g-info main ***/

/*** g-info p class ***/
.g-info p.com {
	background: linear-gradient(to bottom, #ff6ca7 0%, #ff6ca7 30%, #ffa0c6 100%);
	color: #fff !important;
	font-size: 20px;
	text-align: center;
	margin: 2px auto 5px;
	padding: 5px;
	box-sizing: border-box;
	height: 100px;
	line-height: 28px;
}

@media screen and (max-width: 800px) {
	.g-info p.com {
		font-size: 3.2vw;
		margin: 0.25vw auto 0.625vw;
		padding: 0.625vw;
		height: 12.5vw;
		line-height: 3.5vw;
		width: 100%;
	}
}

#top-realtime .cast-box .g-info p.name,
#top-newface .cast-box .g-info p.name,
#top-ranking .cast-box .g-info p.name,
#gals .g-list .cast-box .g-info p.name,
#schedule .g-list .cast-box .g-info p.name,
#realtime .cast-box .g-info p.name {
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 0;
}


#top-ranking .cast-box .g-info p.name {
	color: #fff;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box .g-info p.name,
	#gals .g-list .cast-box .g-info p.name,
	#schedule .g-list .cast-box .g-info p.name,
	#realtime .cast-box .g-info p.name {
		font-size: 3.65vw;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .cast-box .g-info p.name,
	#realtime .cast-box .g-info p.name {
		font-size: 18px;
	}

}

@media screen and (max-width: 414px) {

	#gals .g-list .cast-box .g-info p.name,
	#schedule .g-list .cast-box .g-info p.name {
		font-size: 18px;
	}
}

#profile .g-info p.name {
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 414px) {
	#profile .g-info p.name {
		font-size: 20px;
	}
}

#ranking #rank-section1 .g-info p.name,
#ranking #rank-section2 .cast-box .g-info p.name {
	font-size: 30px;
}

@media screen and (max-width: 414px) {

	#ranking #rank-section1 .g-info p.name,
	#ranking #rank-section2 .cast-box .g-info p.name {
		font-size: 20px;
	}
}

#ranking #rank-king .cast-box .g-info p.name,
#top-rank-king .cast-box .g-info p.name {
	color: #fff;
	font-size: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 414px) {

	#ranking #rank-king .cast-box .g-info p.name,
	#top-rank-king .cast-box .g-info p.name {
		font-size: 16px;
	}
}

#ranking #rank-section3 .cast-box .g-info p.name {
	font-size: 16px;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box .g-info p.name {
		font-size: 2vw;
	}
}

@media screen and (max-width: 414px) {
	#ranking #rank-section3 .cast-box .g-info p.name {
		font-size: 13px;
	}
}

#newface .nf-box .nf-info p.name {
	color: #fff;
	font-size: 28px;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 414px) {
	#newface .nf-box .nf-info p.name {
		font-size: 24px;
	}
}

#top-realtime .cast-box .g-info p.size,
#top-newface .cast-box .g-info p.size,
#top-ranking .cast-box .g-info p.size,
#gals .g-list .cast-box .g-info p.size,
#schedule .g-list .cast-box .g-info p.size,
#realtime .cast-box .g-info p.size,
#profile .g-info p.size,
#ranking #rank-king .cast-box .g-info p.size,
#top-rank-king .cast-box .g-info p.size,
#ranking #rank-section3 .cast-box .g-info p.name,
#ranking #rank-section3 .cast-box .g-info p.size,
#newface .nf-box .nf-info p.size {
	text-align: center;
	margin: 0;
	padding: 0;
}

#top-realtime .cast-box .g-info p.size,
#top-ranking .cast-box .g-info p.size,
#gals .g-list .cast-box .g-info p.size,
#schedule .g-list .cast-box .g-info p.size,
#realtime .cast-box .g-info p.size,
#ranking #rank-section3 .cast-box .g-info p.size {
	font-size: 14px;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box .g-info p.size,
	#gals .g-list .cast-box .g-info p.size,
	#schedule .g-list .cast-box .g-info p.size,
	#realtime .cast-box .g-info p.size,
	#ranking #rank-section3 .cast-box .g-info p.size {
		font-size: 2.75vw;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .cast-box .g-info p.size,
	#gals .g-list .cast-box .g-info p.size,
	#schedule .g-list .cast-box .g-info p.size,
	#realtime .cast-box .g-info p.size,
	#ranking #rank-section3 .cast-box .g-info p.size {
		font-size: 14px;
	}
}

#top-newface .cast-box .g-info p.size,
#profile .g-info p.size,
#ranking #rank-king .cast-box .g-info p.size,
#top-rank-king .cast-box .g-info p.size,
#ranking #rank-section1 .g-info p.size,
#ranking #rank-section2 .cast-box .g-info p.size {
	font-size: 18px;
}

@media screen and (max-width: 414px) {

	#ranking #rank-king .cast-box .g-info p.size,
	#top-rank-king .cast-box .g-info p.size {
		font-size: 14px;
	}
}

@media screen and (max-width: 414px) {

	#ranking #rank-section1 .g-info p.size,
	#ranking #rank-section2 .cast-box .g-info p.size {
		font-size: 16px;
	}
}

#newface .nf-box .nf-info p.size {
	font-size: 24px;
}

@media screen and (max-width: 414px) {
	#newface .nf-box .nf-info p.size {
		font-size: 20px;
	}
}


#profile .g-info p.size {}

#ranking #rank-king .cast-box .g-info p.size,
#top-rank-king .cast-box .g-info p.size,
#top-ranking .cast-box .g-info p.size,
#ranking #rank-section3 .cast-box .g-info p.name,
#ranking #rank-section3 .cast-box .g-info p.size,
#newface .nf-box .nf-info p.size {
	color: #fff;
}

#top-realtime .cast-box .g-info p,
#gals .g-list .cast-box .g-info p,
#schedule .g-list .cast-box .g-info p,
#realtime .cast-box .g-info p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#ranking #rank-section1 .g-info p,
#ranking #rank-section2 .g-info p {
	text-align: center;
	margin: 0;
	padding: 0;
}

#top-realtime .cast-box .g-info p.copy,
#realtime .cast-box .g-info p.copy {
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 800px) {

	#top-realtime .cast-box .g-info p.copy,
	#realtime .cast-box .g-info p.copy {
		font-size: 2.25vw;
	}
}

#top-newface .cast-box .g-info p.start {
	background: url(../../images/shopinbg.png) no-repeat center top;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
}

#profile .g-info p.name span {
	font-size: 24px;
}

@media screen and (max-width: 414px) {
	#profile .g-info p.name span {
		font-size: 16px;
	}
}

#ranking #rank-section1 .g-info p.name span,
#ranking #rank-section2 .cast-box .g-info p.name span {
	font-size: 24px;
}

@media screen and (max-width: 414px) {

	#ranking #rank-section1 .g-info p.name span,
	#ranking #rank-section2 .cast-box .g-info p.name span {
		font-size: 18px;
	}
}

.g-info p.time {
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	line-height: 0.9em;
}

@media screen and (max-width: 800px) {
	.g-info p.time {
		font-size: 3vw;
		padding: 0.625vw 0;
	}
}

@media screen and (max-width: 414px) {
	.g-info p.time {
		font-size: 16px;
		padding: 3px 0;
		line-height: 1;
	}
}

.g-info p.time i {
	margin-right: 5px;
}

@media screen and (max-width: 800px) {
	.g-info p.time i {
		margin-right: 0.625vw;
	}
}

@media screen and (max-width: 414px) {
	.g-info p.time i {
		margin-right: 5px;
	}
}

.g-info p.time i img {
	width: 16px;
}

@media screen and (max-width: 800px) {
	.g-info p.time i img {
		width: 2vw;
	}
}

@media screen and (max-width: 414px) {
	.g-info p.time i img {
		width: 16px;
	}
}

/*** /g-info p class ***/

@media screen and (max-width: 414px) {

	#ranking #rank-section1 .g-info a.link-btn,
	#ranking #rank-section2 .cast-box .g-info a.link-btn {
		font-size: 20px;
		padding: 10px 0;
		height: auto;
		line-height: inherit;
	}
}

#ranking #rank-section2 .cast-box .g-info .link-box,
#ranking #rank-section3 .cast-box .g-info .link-box {
	margin: 10px auto;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box .g-info .link-box {
		margin: 1.25vw auto;
	}
}

#ranking #rank-section3 .cast-box .g-info a.link-btn {
	width: 250px;
}

@media screen and (max-width: 800px) {
	#ranking #rank-section3 .cast-box .g-info a.link-btn {
		width: 31.25vw;
	}
}

/***** /cast-box *****/

/*** g-info icon-box ***/
.icon-box .mat,
.op-icon.mat {
	background: var(--pink01);
}

.icon-box .pd,
.op-icon.pd {
	background: #ffa234;
}

.icon-box .mp,
.op-icon.mp {
	background: #ce59ff;
}

.icon-box .off,
.op-icon.off {
	background: #ccc;
}

#top-realtime .g-info .icon-box {
	height: auto;
}

@media screen and (max-width: 800px) {
	#top-realtime .g-info .icon-box {
		height: auto;
	}
}

#realtime .g-info .icon-box {
	height: auto;
}

@media screen and (max-width: 800px) {
	#realtime .g-info .icon-box {
		height: auto;
	}
}

#profile .icon-box {
	margin: 20px auto;
	max-width: 400px;
}

#top-realtime .g-info .icon-box .op-icon,
#gals .g-info .op-icon,
#schedule .g-info .op-icon,
#realtime .g-info .icon-box .op-icon {
	font-size: 13px;
	text-align: center;
	margin: 5px auto;
	border-radius: 6px;
	height: 20px;
}

#top-realtime .g-info .icon-box .op-icon,
#realtime .g-info .icon-box .op-icon {
	color: #fff;
	width: 85px;
	padding: 2px;
}

@media screen and (max-width: 800px) {

	#top-realtime .g-info .icon-box .op-icon,
	#realtime .g-info .icon-box .op-icon {
		font-size: 1.625vw;
		margin: 0.625vw auto;
		border-radius: 0.625vw;
		width: 12.5vw;
		height: 2.5vw;
		padding: 0.25vw;
	}
}

@media screen and (max-width: 640px) {

	#top-realtime .g-info .icon-box .op-icon,
	#realtime .g-info .icon-box .op-icon {
		padding: 2px;
		max-width: 80px;
		font-size: 11px;
		width: 80px;
		height: 16px;
		padding: 2px 10px;
		border-radius: 6px;
	}
}

#gals .g-info .op-icon,
#schedule .g-info .op-icon {
	color: #fff !important;
	width: 80px;
	padding: 2px 10px;
}

@media screen and (max-width: 640px) {

	#gals .g-info .op-icon,
	#schedule .g-info .op-icon {
		font-size: 11px;
		width: 80px;
		height: 16px;
	}
}

#profile .icon-box .op-icon {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 5px auto;
	border-radius: 8px;
	width: 120px;
	padding: 3px;
	height: 24px;
	line-height: 24px;
}

@media screen and (max-width: 414px) {
	#profile .icon-box .op-icon {
		font-size: 3.8647vw;
		border-radius: 1.9324vw;
		width: 28.9855vw;
	}
}

#top-realtime .g-info .icon-box .op-icon span,
#realtime .g-info .icon-box .op-icon span,
#profile .icon-box .op-icon span {
	display: inline-block;
	transform: rotate(-30deg);
}

#top-realtime .g-info .icon-box .op-icon span,
#realtime .g-info .icon-box .op-icon span {
	font-size: 14px;
}

@media screen and (max-width: 800px) {

	#top-realtime .g-info .icon-box .op-icon span,
	#realtime .g-info .icon-box .op-icon span {
		font-size: 1.75vw;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .g-info .icon-box .op-icon span,
	#realtime .g-info .icon-box .op-icon span {
		font-size: 8px;
	}
}

#profile .icon-box .op-icon span {
	font-size: 16px;
	line-height: 23px;
}

.op-icon2 a {
	display: block;
}

#top-realtime .g-info .icon-box .op-icon2,
#gals .g-info .op-icon2,
#schedule .g-info .op-icon2,
#realtime .g-info .icon-box .op-icon2 {
	font-size: 16px;
	text-align: center;
	margin: 5px auto;
	border-radius: 6px;
}

@media screen and (max-width: 800px) {

	#top-realtime .g-info .icon-box .op-icon2,
	#gals .g-info .op-icon2,
	#schedule .g-info .op-icon2,
	#realtime .g-info .icon-box .op-icon2 {
		font-size: 12px;
	}
}

#top-realtime .g-info .icon-box .op-icon2,
#realtime .g-info .icon-box .op-icon2 {
	color: #fff;
	width: 170px;
	padding: 7px;
}

@media screen and (max-width: 800px) {

	#top-realtime .g-info .icon-box .op-icon2,
	#realtime .g-info .icon-box .op-icon2 {
		margin: 0.625vw auto;
		border-radius: 0.625vw;
		width: 21.25vw;
		width: 19.25vw;
		padding: 3px;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .g-info .icon-box .op-icon2,
	#realtime .g-info .icon-box .op-icon2 {
		font-size: 11px;
		padding: 5px;
		width: 43%;
	}
}

#gals .g-info .op-icon2,
#schedule .g-info .op-icon2 {
	color: #fff !important;
	width: 80px;
	padding: 2px 10px;
}

@media screen and (max-width: 414px) {

	#gals .g-info .op-icon2,
	#schedule .g-info .op-icon2 {
		font-size: 11px;
		width: 60px;
		height: 16px;
	}
}

#profile .icon-box .op-icon2 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 5px auto;
	border-radius: 8px;
	width: 120px;
	padding: 3px;
	height: 24px;
	line-height: 24px;
}

@media screen and (max-width: 414px) {
	#profile .icon-box .op-icon2 {
		font-size: 3.8647vw;
		border-radius: 1.9324vw;
		width: 28.9855vw;
	}
}

#top-realtime .g-info .icon-box .op-icon2 span,
#realtime .g-info .icon-box .op-icon2 span,
#profile .icon-box .op-icon2 span {
	display: inline-block;
	transform: rotate(-30deg);
}

#top-realtime .g-info .icon-box .op-icon2 span,
#realtime .g-info .icon-box .op-icon2 span {
	font-size: 16px;
}

@media screen and (max-width: 800px) {

	#top-realtime .g-info .icon-box .op-icon2 span,
	#realtime .g-info .icon-box .op-icon2 span {
		font-size: 2vw;
		vertical-align: middle;
		margin-left: 6%;
		margin-bottom: 4%;
	}
}

@media screen and (max-width: 414px) {

	#top-realtime .g-info .icon-box .op-icon2 span,
	#realtime .g-info .icon-box .op-icon2 span {
		font-size: 10px;
	}
}

#profile .icon-box .op-icon2 span {
	font-size: 16px;
	line-height: 23px;
}

.txt-space {
	text-align: center;
	font-size: 16px;
	padding: 0;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 25px;
	color: #000;
	margin: 10px auto;
}

@media screen and (max-width: 800px) {
	.txt-space {
		font-size: 2vw;
		height: 3.125vw;
		margin: 1.25vw auto;
	}
}

/*** /g-info icon-box ***/


/**** top-rank-king ***/
#top-rank-king {
	position: relative;
	margin: 50px auto;
}

/* 殿堂入り */
#top-rank-king h1 {
	margin: 10px auto;
}

#top-rank-king h1 img {
	width: 100%;
	max-width: 1200px;
}

#top-rank-king .slide-box {
	margin: 30px auto;
}

#top-rank-king .btn_prev img,
#top-rank-king .btn_next img {
	width: 50px;
}

@media screen and (max-width: 414px) {

	#top-rank-king .btn_prev img,
	#top-rank-king .btn_next img {
		width: 40px;
	}
}

#top-rank-king .btn_prev,
#top-rank-king .btn_next {
	position: absolute;
	top: 0;
	width: 100px;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 30;
}

@media screen and (max-width: 680px) {

	#top-rank-king .btn_prev,
	#top-rank-king .btn_next {
		width: 14.7059vw;
	}
}

@media screen and (max-width: 414px) {

	#top-rank-king .btn_prev,
	#top-rank-king .btn_next {
		width: 80px;
	}
}

#top-rank-king .btn_prev {
	left: 0;
}

#top-rank-king .btn_next {
	right: 0;
}

/* /殿堂入り */
/**** /top-rank-king ***/

/* 女性検索フォーム */

#gals h3 {
	background: url(../images/galser-bg.jpg) no-repeat center top;
	font-size: 24px;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	background-size: cover;
	margin: 0 auto 20px;
}

@media screen and (max-width: 414px) {
	#gals h3 {
		font-size: 20px;
		line-height: 35px;
	}
}

#gals h3 img {
	width: 20px;
	padding-right: 5px;
	vertical-align: middle;
}

@media screen and (max-width: 414px) {
	#gals h3 img {
		width: 18px;
	}
}

.search-box {
	background: url(../images/g-sbg.jpg) no-repeat center top;
	width: 94%;
	max-width: 800px;
	background-size: cover;
	margin: 20px auto;
	box-sizing: border-box;
	padding: 50px;
}

@media screen and (max-width: 640px) {
	.search-box {
		width: 100%;
		max-width: 600px;
		padding: 20px;
	}
}

.search-box dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	/* padding: 20px; */
	box-sizing: border-box;
}

.search-box dl dt {
	width: 100%;
	background: var(--yellowbg);
	padding: 10px;
	font-size: 20px;
	position: relative;
	border-radius: 8px;
	z-index: 2;
	text-align: left;
}


.search-box dl dt.tit1::before,
.search-box dl dt.tit2::before,
.search-box dl dt.tit3::before,
.search-box dl dt.tit4::before,
.search-box dl dt.tit5::before {
	content: "Name";
	position: absolute;
	top: 6px;
	right: 10px;
	color: var(--pink01);
	font-size: 30px;
	z-index: 1;
}

.search-box dl dt.tit1::before {
	content: "Name";
}

.search-box dl dt.tit2::before {
	content: "Rank";
}

.search-box dl dt.tit3::before {
	content: "Age";
}

.search-box dl dt.tit4::before {
	content: "Height";
}

.search-box dl dt.tit5::before {
	content: "Cup";
}

.search-box dl dt,
.search-box dl dd {
	margin-top: 10px;
}



.search-box dl dd {
	width: 100%;
	height: 50px;
	/* border-top: 1px solid #bbbbbb; */
	/* border-bottom: 1px solid #bbbbbb; */
	/* border-left: 1px solid #bbbbbb; */
	/* border-right: 1px solid #bbbbbb; */
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
}


.search-box dl dd:nth-of-type(2) {
	border-bottom: none;
}

.search-box dl dd:nth-of-type(3) {
	border-bottom: none;
}

.search-box dl dd:last-of-type {
	/* height: 0;
	border: none;*/
}

@media screen and (max-width: 640px) {
	.search-box dl dd:last-of-type {
		height: 50px;
	}
}

.search-box .sh_select select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 18px;
	padding: 4px;
}

.search-box .sh_select select::-ms-expand {
	display: none;
}

.search-box .sh_select {
	position: relative;
	/* background: #ffffff; */
	padding: 10px;
	box-sizing: border-box;
	/* height: 48px; */
	/* font-size: 18px; */
}

.search-box .sh_select {
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	height: 48px;
}

.search-box .sh_select::before {
	position: absolute;
	top: 1.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 13px solid #675400;
	pointer-events: none;
}

/* /select */
.search-box .sh_rbtn {
	width: 100%;
	/* margin: 2em auto; */
	text-align: left;
	/* padding-left: 10px; */
	padding: 18px 20px;
}

@media screen and (max-width: 640px) {
	.search-box .sh_rbtn {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		padding: 15px 15px;
	}
}

.search-box .sh_rbtn ul {
	/* margin: 0.5rem 0.5rem 2rem 0.5rem; */
	/* padding: 0.5rem 1rem; */
	/* list-style: none; */
}

.search-box .sh_rbtn .list_item {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.search-box .sh_rbtn label {
	line-height: 0;
	position: relative;
	margin: 5px;
	cursor: pointer;
	font-size: 16px;
	color: var(--cha);
	/* padding-bottom: 5px; */
}

@media screen and (max-width: 640px) {
	.search-box .sh_rbtn label {
		line-height: 25px;
	}
}

.search-box .sh_rbtn .option-input {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}

.search-box .sh_rbtn .option-input:before,
.search-box .sh_rbtn .option-input:after {
	position: absolute;
	z-index: 1;
	top: -0.125rem;
	left: -0.125rem;
	width: 1rem;
	height: 1rem;
	content: '';
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
	background: #ffffff;
}

.search-box .sh_rbtn .option-input:after {
	z-index: 0;
	top: -0.25rem;
	left: -0.25rem;
	width: 1.25rem;
	height: 1.25rem;
	background: #675400;
}

.search-box .sh_rbtn .option-input:checked:before {
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	border-width: 0.625rem;
	border-color: #675400;
}

/* /radio */

.search-box input[type="submit"].cp_btn {
	display: block;
	width: 200px;
	padding: 10px;
	margin: 20px auto;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 3px solid #e5c691;
	transition: .4s;
	background: linear-gradient(to right, #e5c691 0%, #ba822d 50%, #e5c691 100%);
	border-radius: 6px;
	font-size: 20px;
	font-weight: bold;
}

.search-box input[type="submit"].cp_btn:hover {
	background: #e5c691;
	color: #fff;
	cursor: pointer;
}

.search-box input[type="text"] {
	cursor: pointer;
	width: 100%;
	padding: 10px;
	background: #ffffff;
	height: 50px;
	box-sizing: border-box;
	font-size: 16px;
	border: none;
	border-radius: 10px;

}

/* /女性検索フォーム */

/* cover-info */

#top-cover {
	background: url(../images/headcover.jpg) no-repeat center top;
	background-size: cover;
	max-width: 1000px;
	padding-bottom: 30px;
	margin: auto;
}

#top-cover .side-box {
	line-height: 1em;
}

#top-cover .side-box .logo {
	width: 100%;
	padding-top: 43vh;
}

#top-cover .side-box .logo img {
	width: 86%;
	max-width: 600px;
}

#top-cover .side-box p {}

#top-cover .side-box p.line-txt {
	margin-left: 5px;
	margin-bottom: 5px;
}

#top-cover .side-box p.line-txt span {
	display: inline-block;
	transform: rotate(-30deg);
	font-size: 14px;
}

#top-cover .side-box p.line-txt img {
	width: 35px;
	margin-left: 5px;
}

#top-cover .side-box p.txt {
	background: #fff;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	width: 310px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 6px;
	text-align: center;
}

#top-cover .side-box p.txt img {
	width: 30px;
}

#top-cover .side-box .topcover_address {}

#top-cover .side-box .topcover_address .address_box {
	background: url(../images/top-cover-addressbg.jpg) no-repeat center center / 100%;
	max-width: 552px;
	width: 90%;
	margin: auto;
	align-content: center;
	text-align: center;
	aspect-ratio: 184 / 63;
	object-fit: cover;
	object-position: center top;
	color: #e70f89;

}

#top-cover .side-box .topcover_address .address_box a {
	color: #e70f89;
}

#top-cover .side-box .topcover_address .address_box .time,
#top-cover .side-box .topcover_address .address_box .mail {
	font-size: clamp(16px, 4vw, 24px);
	line-height: 1;
	margin: auto auto 7px;
	display: flex;
	justify-content: center;    line-height: 19px;

	span {
		font-size: 0.8em;
	}
}

#top-cover .side-box .topcover_address .address_box .time i,
#top-cover .side-box .topcover_address .address_box .mail i {
	margin: auto 5px auto 0;
	align-content: center;
}

#top-cover .side-box .topcover_address .address_box .time i img,
#top-cover .side-box .topcover_address .address_box .mail i img {
	width: 20px;
	margin: auto;
	display: block;
}

#top-cover .side-box .topcover_address .address_box .tel {
	font-size: clamp(28px, 6vw, 48px);
	line-height: 1;
	margin: auto auto 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#top-cover .side-box .topcover_address .address_box .tel i {
	display: block;
	margin: auto 5px auto 0;
}

#top-cover .side-box .topcover_address .address_box .tel i img {
	width: 20px;
	display: block;
	margin: auto;
}

#top-cover .side-box .topcover_address .address_box .add {
	font-size: clamp(13px, 2.5vw, 18px);
	line-height: 1;
	margin: auto;
	display: flex;
	justify-content: center;
}

#top-cover .side-box .topcover_address .address_box .add i {
	margin: auto 5px auto 0;
}

#top-cover .side-box .topcover_address .address_box .add i img {}

#top-cover .side-box .topcover_address .address_box .add address {}

#top-cover .side-box .topcover_address .address_box .add address span {}

#top-cover .l-box {
	margin: 0 auto;
}

#top-cover .l-box div img {
	width: 100%;
	max-width: 200px;
}

#top-cover .l-box a:hover {
	opacity: .8
}


#top .l-box2 {
	margin: 0 auto;
}

#top .l-box2 div {
	width: 25%;
}

#top .l-box2 div img {
	width: 100%;
	max-width: 200px;
}

#top .l-box2 a:hover {
	opacity: .8
}

/* /cover-info */

#system .sbg1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	max-width: 1600px;
}

#system .sbg2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	max-width: 1600px;
}

.g-rimg .rankimg {
	width: 100%;
	max-width: 400px;
}

#top-newface .g-rimg {
	width: 100%;
	max-width: 313px;
	margin: 10px auto;
}

#top-newface .g-rimg .rankimg {
	width: 100%;
	max-width: 313px;
}

#top-rank-king .g-rimg {
	width: 100%;
	max-width: 228px;
	margin: 10px 0;
}

#top-rank-king .g-rimg .rankimg {
	width: 100%;
	max-width: 228px;
}

#top-ranking .g-rimg {
	width: 100%;
	max-width: 340px;
	margin: 10px 0;
}

#top-ranking .g-rimg .rankimg {
	width: 100%;
	max-width: 340px;
}


#top-ranking .PopularityRanking {
	display: none;
}

#gals .g-rimg {
	width: 100%;
	max-width: 340px;
	margin: 10px auto 5px;
}

#gals .g-rimg .rankimg {
	width: 100%;
	max-width: 340px;
}

#newface .g-rimg {
	width: 100%;
	max-width: 340px;
	margin: 30px auto 0;
}

#newface .g-rimg .rankimg {
	width: 100%;
	max-width: 340px;
}

#profile .g-info .si-price {
	width: 98%;
	margin: 30px auto;
	padding: 5px;
	border: 3px solid var(--cha);
	box-sizing: border-box;
}

#profile .g-info .si-price p {
	text-align: center;
	color: var(--cha);
	font-size: 40px;
}

@media screen and (max-width: 640px) {
	#profile .g-info .si-price p {
		font-size: 30px;
	}
}

@media screen and (max-width: 414px) {
	#profile .g-info .si-price p {
		font-size: 24px;
	}
}

#gals button {
	padding: 0px;
	border: 0px;
	background-color: transparent;
	border-radius: 10px;
	outline: none;
	cursor: pointer;
	margin: 20px 0;
}

#gals button img {
	width: 98%;
	max-width: 1447px;
	margin: 0 auto;
}

#toggleMenu {
	overflow: hidden;
	transition: all 0.5s;
}

#top-topics article .topic-txt {
	width: 100%;
	overflow: auto;
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 5px;
}


/* 20240410 */
/*
#top-ranking h2 {
	background: url(../images/dendobg.jpg) no-repeat center top;
	font-size: 40px;
	height: 100px;
	font-weight: bold;
	background-size: contain;
	width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px;
}

#top-ranking h2 p {}

#top-ranking h2 p:first-of-type {
	font-size: 20px;
}

#top-ranking h2 p:last-of-type {
	font-size: 40px;
	margin-top: -8px;
}*/

/* 20240410 */
/*
#ranking h2,
#top-ranking h2 {
	font-size: 40px;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 10px 5px 2px;
	min-height: 100px;
	margin-top: 20px;
}

@media screen and (max-width: 414px) {

	#ranking h2,
	#top-ranking h2 {
		min-height: inherit;
		height: auto;
	}
}

#ranking h2.ranking01,
#top-ranking h2.ranking01 {
	background: url(../images/koukyubg.jpg) no-repeat center top;
}

@media screen and (max-width: 414px) {

	#ranking h2.ranking01,
	#top-ranking h2.ranking01 {
		background: url(../images/koukyubg.jpg) no-repeat center top;
		background-size: contain;
		padding: 2px 10px 3px;
	}
}

#ranking h2.ranking02,
#top-ranking h2.ranking02 {
	background: url(../images/taisyubg.jpg) no-repeat center top;
}

#ranking h2 p:first-of-type,
#top-ranking h2 p:first-of-type {
	font-size: 20px;
}

@media screen and (max-width: 414px) {

	#ranking h2 p:first-of-type,
	#top-ranking h2 p:first-of-type {
		font-size: 13px;
	}
}

#ranking h2 p:last-of-type,
#top-ranking h2 p:last-of-type {
	font-size: 40px;
	margin-top: -8px;
}

@media screen and (max-width: 414px) {

	#ranking h2 p:last-of-type,
	#top-ranking h2 p:last-of-type {
		font-size: 20px;
		margin-top: -8px;
	}
}*/

#ranking #rank-section1 .g-rimg,
#ranking #rank-section2 .g-rimg,
#ranking #rank-section3 .g-rimg {
	margin-top: 15px;
}

#ranking #rank-section1 .g-rimg .rankimg,
#ranking #rank-section2 .g-rimg .rankimg,
#ranking #rank-section3 .g-rimg .rankimg {
	width: 92%;
	max-width: 480px;
}


/* /20240410 */
.slick-dots li button:before {
	color: var(--pink01);
}

.slick-dots li.slick-active button:before {
	color: var(--pink01);
	background: var(--pink01);
}

.slick-dots li button {
	border: 2px solid var(--pink01);
}