@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&display=swap');

/*-- all --*/
.wrapper {
	background: rgba(255, 255, 255, 0.95);
}

#under .wrapper,
.world header div {
	background: rgba(150,3,71,0.9)
}

.wrapper:first-of-type {
	border-radius: 40px 0 0;
	padding: 100px 0 0
}

.world .wrapper:first-of-type {
	border-radius: 0;
	padding: 0 !important
}

article {
	overflow: hidden
}

.container {
	width: calc(100% - 75px);
	margin: 70vh 0 0 75px !important;
	position: relative;
	z-index: 2
}

#under .container {
	margin: 120px 0 0 75px !important;
}

#under.world .container {
	margin: 0 !important;
	width: auto !important;
	color: #000
}

.fluffy {
	animation: fluffy1 3s ease infinite;
	display: block
}

@keyframes fluffy1 {
	0% { transform:translateY(0) }
	5% { transform:translateY(0) }
	10% { transform:translateY(0) }
	20% { transform:translateY(-15px) }
	25% { transform:translateY(0) }
	30% { transform:translateY(-15px) }
	50% { transform:translateY(0) }
	100% { transform:translateY(0) }
}

::-webkit-scrollbar {
  width: 10px
}

::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3);
  border-radius: 5px
}

#chamo-window {
    z-index: 4999 !important
}

.common .box ul li .details > p:first-of-type,
.box ul li .details p:first-of-type,
#newface .box li > div .back dl dd div:first-of-type,
#newface.waiting .box li > div .back dl dt,
#newface.now .box li > div .back dl dt,
#under #waitingmap .u-box#area h3,
#under #waitingmap .u-box#play h3,
#under #waitingmap .u-box#plan h3,
#under #system .u-box.pt1 ul li.pickup div,
#under #review h3,
#playmanual .box div h4 {
	color: #ff0;
	animation: blinkAnimeS-common 1s infinite alternate
}

.common .box ul li .details > h3 + p {
	color: #fff !important;
	animation: unset !important;
}

@keyframes blinkAnimeS-common {
	0%  { color : #fff }
	100%{ color : #ff0 }
}

#right-down .tel > p,
header .h-left #hours div {
	animation: blinkAnimeS1 1s infinite alternate
}

@keyframes blinkAnimeS1{
	0%  { color : #fff }
	100%{ color : #000 }
}

#prof-info ul li.ok p,
#prof-info .option-r p:first-of-type span {
	animation: 1s ease 0s infinite alternate none running blinkAnimeS5
}

@keyframes blinkAnimeS5 {
	0%  { color : #960347 }
	100%{ color : #000 }
}

/* all-right-down */
#right-down {
	position: fixed;
	bottom: 0;
	right: 0;
	color: #fff;
	transition: all .3s ease-in;
	opacity: 0;
	z-index: -1
}

#right-down.-scrolled {
	transition: all .3s ease-in;
	opacity: 1;
	z-index: 10
}

#right-down .box {
	position: relative
}

#right-down .tel {
	background: linear-gradient(to left,#000000, #252525, #000000);
	padding: 10px 20px 20px;
	float: left;
	height: 65px;
	border-radius: 15px 0 0 0; 
	opacity: 0.95
}

#right-down .tel div {
	display: flex;
	align-items: center
}

#right-down .tel div img {
	width: 40px;
	display: flex;
	margin-right: 10px
}

#right-down .tel div > p {
	font-size: 30px
}

#right-down .tel > p {
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	animation: blinkAnimeS1 1s infinite alternate
}

@keyframes blinkAnimeS1{
	0%  { color : #fff }
	100%{ color : #000 }
}

#right-down .tel > p span {
	font-style: italic
}
/* /all-right-down */


/* all-nav */
.hamburer-in,
.hamburer-in .hamburer-close {
	transition: all .8s cubic-bezier(.04, .435, .315, .9);
	opacity: 0
}

.hamburer-in {
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	visibility: hidden;
	pointer-events: none;
	z-index: -1;
	background-color: rgba(255, 255, 255, .95);
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%
}

#hamburer-in.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 2000
}

#hamburer-in #hamburer-original {
	width: 100%;
	height: 100%;
	position: absolute;
}

#hamburer-in .hamburer-close {
	position: absolute;
	top: 39px;
	right: 55px;
	cursor: pointer;
	width: 40px;
	height: 40px
}

#hamburer-in .hamburer-close.is-open,
#hamburer-in .top-brand__list-item a:hover img[src*="h.png"] {
	opacity: 1
}

#hamburer-in .hamburer-close.is-open span:first-child {
	-webkit-transform: rotate(-45deg) translate(-1px, 0);
	transform: rotate(-45deg) translate(-1px, 0)
}

#hamburer-in .hamburer-close.is-open span:last-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#hamburer-in .hamburer-close span {
	display: block;
	width: 30px;
	height: 1px;
	background-color: #000;
	position: relative;
	top: 10px;
	left: 10px;
	transition: all .8s cubic-bezier(.04, .435, .315, .9)
}

#hamburer-in .hamburer-close span:first-child {
	-webkit-transform: rotate(180deg) translate(-1px, 0);
	transform: rotate(180deg) translate(-1px, 0)
}

#hamburer-in .hamburer-close span:last-child {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#hamburer-in .hamburer-side {
	width: 100px;
	position: relative
}

#hamburer-in .hamburer-side .group {
	position: relative;
	top: 25%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 1
}

#hamburer-in .hamburer-side .group div {
	position: relative
}

	@media (max-width: 1440px) {
		#hamburer-in .hamburer-side .group .is-contact {
			display: none
		}
	}

#hamburer-in .hamburer-side .group div .pagetop {
	position: relative;
	width: 210px;
	left: 54px;
	color: currentColor
}

#hamburer-in .hamburer-side .group div .pagetop-line {
	width: 70px;
	margin-right: 20px
}

#hamburer-in .hamburer-side .group div.is-flow .side-link {
	margin-top: 199px
}

#hamburer-in .hamburer-main {
	width: calc(100% - 100px);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

#hamburer-in .hamburer-main .box {
	overflow: hidden;
	font-size: 2.1rem;
	width: 1065px
}

	@media (max-width: 1440px) {
		#hamburer-in .hamburer-main .box {
			font-size: 1.8rem;
			width: 810px
		}
	}

#hamburer-in .hamburer-main ul {
	width: 780px;
	margin: 30px auto 0;
}

	@media (max-width: 1400px) {
		#hamburer-in .hamburer-main ul {
			width: 658px;
			margin: 30px auto 0;
		}
	}

#hamburer-in .hamburer-main ul li {
	margin: 0 15px;
	display: inline-block
}

#hamburer-in .hamburer-main ul li img {
	width: 226px;
	float: left;
	border: 1px solid #000;
	box-sizing: border-box
}

	@media (max-width: 1440px) {
		#hamburer-in .hamburer-main ul li img {
			width: 185px
		}
	}

#hamburer-in .logo {
	width: 250px;
	display: block;
	margin: 0 auto 60px
}

	@media (max-width: 1440px) {
		#hamburer-in .logo {
			width: 360px;
			margin: 0 auto 50px
		}
	}

#hamburer-in .logo img {
	width: 100%
}

#hamburer-in .side-link {
	margin: 310px 0 40px
}

#hamburer-in .side-link a {
	width: 40px;
	display: block;
	margin: 0 auto 22px;
	color: #fff;
	text-align: center
}

#hamburer-in .side-link a:hover .icon {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

#hamburer-in .side-link a .icon {
	display: inline-block;
	position: relative;
	transition: all .8s cubic-bezier(.04, .435, .315, .9);
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

#hamburer-in .side-link a .icon:before {
	color: currentColor
}

#hamburer-in .side-link a .icon-mail {
	font-size: 14px
}

#hamburer-in .side-link a .icon-fb,
.side-link a .icon-insta {
	font-size: 18px
}

#hamburer-in .side-link a .icon-tw {
	font-size: 15px
}

#hamburer-in .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#hamburer-in .hamburer-main .box a {
	position: relative;
	color: currentColor;
	overflow: hidden;
	margin: 0 60px 40px;
	display: flex;
	align-items: center;
	float: left;
	width: 230px
}

	@media (max-width: 1440px) {
		#hamburer-in .hamburer-main .box a {
			margin: 0 20px 25px
		}
	}

#hamburer-in .hamburer-main .box a img {
	width: 30px;
	margin-right: 15px
}

	@media (max-width: 1440px) {
		#hamburer-in .hamburer-main .box a img {
			width: 25px
		}
	}

nav .nav-obi .hamburer {
	transition: all .8s cubic-bezier(.04, .435, .315, .9)
}

nav .nav-obi .hamburer {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 100px;
	height: 100px;
	text-align: center;
	background: #000
}

nav .nav-obi .hamburer.is-open span:first-of-type {
	-webkit-transform: translate(0, 7px) rotate(0deg);
	transform: translate(0, 7px) rotate(0deg)
}

nav .nav-obi .hamburer.is-open span:nth-of-type(2) {
	-webkit-transform: translate(0, 7px) rotate(0deg);
	transform: translate(0, 7px) rotate(0deg);
	opacity: 0
}

nav .nav-obi .hamburer.is-open span:last-of-type {
	-webkit-transform: translate(0, 7px) rotate(0deg);
	transform: translate(0, 7px) rotate(0deg)
}

nav .nav-obi .hamburer:hover span:nth-of-type(2) {
	width: 30px
}

nav .nav-obi .hamburer:hover span:last-of-type {
	width: 20px
}

nav .nav-obi .hamburer span {
	display: block;
	width: 50px;
	height: 2px;
	background-color: #fff;
	transition: all .8s cubic-bezier(.04, .435, .315, .9);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1
}

nav .nav-obi .hamburer span:first-of-type {
	-webkit-transform: translate(25px, 29px) rotate(0deg);
	transform: translate(25px, 29px) rotate(0deg);
}

nav .nav-obi .hamburer span:nth-of-type(2) {
	-webkit-transform: translate(25px, 37px) rotate(0deg);
	transform: translate(25px, 37px) rotate(0deg)
}

nav .nav-obi .hamburer span:last-of-type {
	-webkit-transform: translate(25px, 45px) rotate(0deg);
	transform: translate(25px, 45px) rotate(0deg)
}

nav .nav-obi .hamburer p {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1.5px;
	margin-top: 55px
}

nav .nav-obi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 1000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	background: linear-gradient(to left,#960347, #630b35, #960347);
	opacity: 1;
	border-radius: 30px 0 0;
	color: #fff
}

nav .nav-obi.is-show {
	opacity: 1
}

nav .nav-obi.is-fixed {
	position: fixed;
	top: 0;
	left: 75px;
	border-radius: 0;
	width: calc(100% - 75px);
	opacity: 0.95
}

nav .nav-obi .sigma-icon {
	margin-left: 20px;
	display: block
}

nav .nav-obi .sigma-icon img {
	width: 75px
}

nav .nav-obi #nav-menu {
	position: absolute;
	right: 140px;
	font-size: 2.1rem
}

	@media screen and (max-width: 1620px) {
		nav .nav-obi #nav-menu {
			font-size: 1.8rem
		}
	}

	@media screen and (max-width: 1490px) {
		nav .nav-obi #nav-menu {
			display: none
		}
	}

.-scrolled nav .nav-obi #nav-menu,
.-scrolled nav .nav-obi #hamburer,
.-scrolled nav .nav-obi .sigma-icon img {
	visibility: visible !important
}

nav .nav-obi #nav-menu li {
	float: left;
	margin-right: 30px
}

nav .nav-obi #nav-menu li a {
	display: flex;
	align-items: center
}

nav .nav-obi #nav-menu li a span {
	padding:0 0 0 0;
	position: relative;
	display: inline-block;
	text-decoration: none
}

nav .nav-obi #nav-menu li a span::after {
	background: #fff;
	position: absolute;
	bottom: -7px;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .2s
}

nav .nav-obi #nav-menu li a:hover span::after {
	transform-origin: left top;
	transform: scale(1, 1)
}

nav .nav-obi #nav-menu li a img {
	width: 25px;
	margin-right: 10px
}

	@media screen and (max-width: 1400px) {
		nav .nav-obi #nav-menu li a img {
			width: 20px
		}
	}
/* /all-nav */


/* all-bubble */
#bubble,
#bubble:after {
    width: 2px;
    height: 2px;
    box-shadow: 451px 427px white, 1869px 1867px white, 783px 1804px white, 899px 1992px white, 1174px 1005px white, 526px 902px white, 1367px 277px white, 389px 114px white, 1496px 1771px white, 208px 420px white, 1639px 27px white, 1110px 736px white, 1526px 860px white, 639px 1028px white, 1151px 1211px white, 1652px 965px white, 1330px 640px white, 334px 1571px white, 188px 1443px white, 1259px 245px white, 1845px 1256px white, 1355px 1556px white, 1410px 264px white, 1685px 312px white, 121px 764px white, 1246px 1112px white, 755px 1391px white, 353px 1435px white, 1625px 171px white, 85px 563px white, 1806px 902px white, 131px 112px white, 145px 317px white, 1628px 1384px white, 1981px 1749px white, 1183px 1245px white, 1572px 1127px white, 1172px 553px white, 1736px 1541px white, 484px 705px white, 1930px 175px white, 1125px 1155px white, 952px 487px white, 1733px 1348px white, 715px 1740px white, 98px 195px white, 1730px 777px white, 1893px 1547px white, 1225px 79px white, 388px 1360px white, 1648px 1560px white, 1038px 1487px white, 72px 1877px white, 1058px 1182px white, 613px 1646px white, 840px 509px white, 829px 1331px white, 1721px 1699px white, 340px 1038px white, 334px 253px white, 198px 1592px white, 727px 1001px white, 1655px 1861px white, 1201px 471px white, 899px 1859px white, 996px 98px white, 797px 1466px white, 1906px 1940px white, 1629px 909px white, 804px 1121px white, 818px 370px white, 1185px 837px white, 1118px 943px white, 551px 912px white, 1164px 1835px white, 263px 98px white, 42px 12px white, 28px 1098px white, 1458px 217px white, 1247px 1348px white, 1701px 1909px white, 491px 1808px white, 8px 674px white, 30px 1016px white, 874px 104px white, 1958px 214px white, 946px 1807px white, 167px 31px white, 185px 1228px white, 312px 1642px white, 1222px 891px white, 1375px 1222px white, 1090px 348px white, 1932px 1456px white, 760px 94px white, 1183px 1375px white, 201px 502px white, 664px 1828px white, 1605px 1744px white, 337px 1010px white, 1017px 1709px white, 813px 1058px white, 149px 217px white, 734px 423px white, 446px 1654px white, 944px 1795px white, 266px 987px white, 114px 1263px white, 1275px 457px white, 486px 1038px white, 1036px 309px white, 851px 1028px white, 1949px 1244px white, 1835px 1586px white, 1580px 1251px white, 411px 620px white, 547px 1141px white, 184px 201px white, 26px 833px white, 671px 121px white, 1817px 1663px white, 401px 643px white, 631px 1212px white, 746px 659px white, 1389px 930px white, 1737px 619px white, 390px 620px white, 255px 795px white, 1415px 845px white, 1549px 1416px white, 1022px 1109px white, 1763px 600px white, 1766px 409px white, 1150px 110px white, 463px 16px white, 1150px 892px white, 26px 637px white, 1443px 949px white, 705px 318px white, 533px 1781px white, 329px 474px white, 1307px 566px white, 749px 1537px white, 56px 68px white, 45px 49px white, 1327px 1052px white, 244px 715px white, 165px 1784px white, 397px 1565px white, 1218px 1891px white, 1744px 197px white, 1581px 1875px white, 139px 1431px white, 1964px 449px white, 1558px 134px white, 1411px 1704px white, 1361px 1782px white, 326px 919px white, 1481px 245px white, 1512px 1778px white, 1082px 794px white, 190px 880px white, 1598px 1844px white, 1899px 273px white, 1662px 1915px white, 649px 383px white, 820px 1253px white, 1475px 814px white, 239px 1472px white, 673px 1425px white, 952px 342px white, 321px 1272px white, 1132px 258px white, 1070px 946px white, 632px 705px white, 1561px 1668px white, 1040px 275px white, 509px 1230px white, 1786px 997px white, 693px 1117px white, 1618px 393px white, 486px 7px white, 77px 1974px white, 1049px 1329px white, 1897px 1645px white, 1011px 1095px white, 1901px 1782px white, 1668px 222px white, 1738px 1451px white, 1251px 859px white, 847px 1121px white, 1397px 600px white, 1443px 99px white, 180px 1298px white, 1504px 901px white, 1642px 1341px white, 531px 1398px white, 1627px 249px white, 598px 394px white, 1122px 235px white, 693px 1617px white, 1592px 659px white, 418px 211px white, 1985px 1609px white, 40px 770px white, 358px 845px white, 1886px 1768px white, 88px 405px white, 1765px 125px white, 1947px 1284px white, 1074px 1921px white, 75px 1116px white, 1706px 23px white, 1033px 1366px white, 1334px 1490px white, 560px 1723px white, 476px 406px white, 1073px 538px white, 486px 1791px white, 1839px 1038px white, 188px 406px white, 1203px 1529px white, 225px 576px white, 833px 1443px white, 1715px 1644px white, 1866px 1661px white, 271px 114px white, 71px 1445px white, 689px 1402px white, 1770px 1829px white, 1769px 1779px white, 1376px 161px white, 175px 731px white, 1280px 1498px white, 1262px 1420px white, 933px 1835px white, 1190px 853px white, 480px 1331px white, 1277px 254px white, 525px 1615px white, 159px 920px white, 1640px 1381px white, 647px 396px white, 322px 964px white, 507px 286px white, 876px 1826px white, 1820px 662px white, 1365px 360px white, 221px 893px white, 1459px 1873px white, 1908px 1768px white, 1332px 1187px white, 1726px 841px white, 1491px 1320px white, 1191px 1433px white, 455px 1459px white, 1194px 250px white, 433px 1391px white, 763px 1005px white, 1922px 1436px white, 356px 280px white, 1910px 1958px white, 1616px 852px white, 558px 1434px white, 855px 979px white, 745px 682px white, 1792px 838px white, 1828px 1163px white, 1023px 134px white, 1238px 1494px white, 1315px 1521px white, 1805px 207px white, 1216px 465px white, 625px 1539px white, 631px 680px white, 1348px 419px white, 985px 1812px white, 1829px 1119px white, 1396px 969px white, 320px 1915px white, 711px 692px white, 780px 1925px white, 1578px 430px white, 1187px 1220px white, 1754px 1004px white, 1995px 197px white, 1676px 813px white, 1842px 1256px white, 1694px 560px white, 1664px 425px white, 529px 1532px white, 1924px 331px white, 535px 290px white, 571px 1189px white, 1766px 431px white, 1941px 666px white, 1566px 1888px white, 708px 1027px white, 1978px 1345px white, 173px 1898px white, 898px 495px white, 913px 644px white, 1393px 402px white, 580px 1578px white, 1311px 319px white, 1347px 562px white, 918px 776px white, 1617px 1233px white, 545px 1996px white, 622px 225px white, 903px 1481px white, 1022px 1203px white, 973px 1439px white, 358px 345px white, 1708px 1349px white, 240px 340px white, 656px 1543px white, 1112px 549px white, 1405px 984px white, 326px 1624px white, 1471px 1492px white, 87px 255px white, 954px 991px white, 1709px 1395px white, 558px 218px white, 1010px 569px white, 777px 226px white, 1700px 503px white, 169px 956px white, 1434px 649px white, 1493px 688px white, 835px 1767px white, 1829px 1965px white, 888px 257px white, 1342px 1893px white, 1022px 1339px white, 1284px 775px white, 1195px 976px white, 940px 340px white, 1057px 650px white, 371px 902px white, 304px 1595px white, 1746px 138px white, 1381px 1270px white, 1541px 4px white, 1514px 1977px white, 941px 747px white, 1636px 189px white, 1745px 559px white, 293px 1784px white, 591px 309px white, 1201px 977px white, 1139px 703px white, 1881px 504px white, 1895px 560px white, 1126px 1676px white, 1218px 1333px white, 1807px 734px white, 190px 1483px white, 420px 1589px white, 425px 86px white, 737px 986px white, 1800px 567px white, 445px 1016px white, 1720px 1649px white, 30px 1631px white, 323px 809px white, 1233px 1016px white, 1347px 1056px white, 1308px 143px white, 1755px 586px white, 1863px 722px white, 763px 109px white, 1579px 1662px white, 1759px 791px white, 249px 794px white, 1266px 762px white, 1684px 33px white, 1379px 396px white, 1784px 270px white, 1508px 1673px white, 581px 1206px white, 1793px 1182px white, 1899px 18px white, 554px 390px white, 1154px 746px white, 1249px 1819px white, 1405px 1085px white, 1737px 155px white, 1043px 1337px white, 1829px 1581px white, 805px 1040px white, 1981px 1747px white, 1793px 981px white, 1624px 714px white, 1123px 1352px white, 106px 1885px white, 399px 412px white, 297px 1252px white, 560px 1381px white, 1358px 877px white, 1473px 542px white, 1583px 491px white, 1038px 1435px white, 1785px 1050px white, 1917px 106px white, 1187px 1217px white, 1752px 910px white, 652px 1048px white, 1889px 1115px white, 1393px 144px white, 1245px 1229px white, 333px 152px white, 1280px 1653px white, 1752px 1267px white, 1647px 231px white, 573px 78px white, 1604px 1284px white, 493px 1522px white, 1461px 581px white, 1785px 964px white, 823px 597px white, 1735px 209px white, 963px 899px white, 49px 303px white, 609px 1414px white, 1677px 683px white, 1302px 1212px white, 1535px 1887px white, 294px 91px white, 146px 1795px white, 974px 1993px white, 1678px 72px white, 1934px 942px white, 886px 1092px white, 815px 1044px white, 1217px 1947px white, 1555px 145px white, 1337px 1224px white, 468px 274px white, 1354px 598px white, 1134px 1486px white, 1268px 176px white, 640px 354px white, 738px 278px white, 1522px 757px white, 1394px 1672px white, 212px 995px white, 1548px 43px white, 1545px 631px white, 1927px 1862px white, 1563px 1781px white, 555px 1419px white, 1566px 19px white, 1464px 1180px white, 424px 756px white, 744px 644px white, 1899px 1611px white, 500px 1360px white, 73px 630px white, 1694px 479px white, 488px 1545px white, 1278px 20px white, 298px 1077px white, 747px 1124px white, 417px 886px white, 1816px 271px white, 1039px 912px white, 1012px 1599px white, 554px 176px white, 1462px 692px white, 318px 867px white, 1944px 564px white, 1648px 253px white, 1699px 1974px white, 1441px 185px white, 1165px 1593px white, 1189px 1694px white, 564px 1521px white, 1309px 1797px white, 1114px 256px white, 379px 1291px white, 1566px 1287px white, 207px 1474px white, 466px 445px white, 432px 1124px white, 1075px 421px white, 144px 1755px white, 1371px 187px white, 997px 117px white, 402px 897px white, 302px 1719px white, 1824px 1728px white, 1240px 259px white, 1024px 1594px white, 498px 368px white, 1185px 551px white, 1951px 1632px white, 978px 501px white, 65px 1441px white, 451px 1012px white, 894px 823px white, 1122px 1907px white, 318px 554px white, 1136px 1316px white, 1506px 1693px white, 1418px 524px white, 430px 629px white, 922px 1212px white, 1697px 1025px white, 244px 1138px white, 1462px 1350px white, 56px 579px white, 493px 970px white, 905px 1688px white, 319px 1639px white, 1603px 504px white, 1433px 1565px white, 812px 1236px white, 1073px 202px white, 1236px 526px white, 795px 1846px white, 1894px 1107px white, 1816px 139px white, 1651px 465px white, 345px 726px white, 314px 875px white, 1934px 1434px white, 505px 610px white, 649px 1400px white, 288px 1017px white, 296px 1280px white, 1552px 1643px white, 1887px 1059px white, 1837px 1199px white, 400px 1560px white, 101px 1810px white, 50px 321px white, 308px 207px white, 1370px 1983px white, 1524px 1122px white, 678px 798px white, 1378px 971px white, 1956px 145px white, 1966px 1991px white, 602px 78px white, 446px 921px white, 1919px 973px white, 1568px 471px white, 1475px 1252px white, 1569px 1766px white, 1752px 608px white, 825px 244px white, 1559px 1693px white, 980px 566px white, 1314px 1180px white, 361px 1328px white, 1965px 1283px white, 906px 1799px white, 669px 1505px white, 1489px 999px white, 1321px 939px white, 1744px 1570px white, 1027px 1702px white, 1566px 1004px white, 1144px 1149px white, 817px 1394px white, 1941px 1119px white, 1096px 1890px white, 633px 1385px white, 536px 1821px white, 184px 1012px white, 1746px 1651px white, 1748px 1631px white, 87px 1477px white, 1317px 705px white, 1030px 289px white, 1296px 179px white, 996px 406px white, 413px 1642px white, 35px 1309px white, 1853px 600px white, 1891px 213px white, 1912px 1156px white, 695px 1765px white, 820px 1831px white, 1927px 1001px white, 1566px 612px white, 1557px 346px white, 863px 1517px white, 323px 1380px white, 1088px 1133px white, 1369px 913px white, 600px 518px white, 625px 539px white, 230px 917px white, 102px 148px white, 831px 1163px white, 1060px 185px white, 456px 177px white, 1518px 66px white, 1058px 965px white, 1795px 1395px white, 440px 245px white, 904px 1847px white, 1890px 1213px white, 726px 1126px white, 1291px 189px white, 955px 1062px white, 1084px 1144px white, 1673px 1221px white, 887px 1974px white, 1485px 1403px white, 204px 934px white, 86px 907px white, 980px 499px white, 333px 836px white, 613px 1409px white, 1207px 418px white, 1399px 1974px white, 1278px 1273px white, 163px 116px white, 220px 846px white, 149px 1679px white, 1648px 811px white, 668px 126px white, 1156px 1020px white, 1280px 786px white, 650px 780px white, 426px 484px white, 180px 904px white, 1253px 1193px white, 624px 1333px white, 234px 670px white, 928px 1617px white, 1659px 277px white, 1510px 1672px white, 1477px 874px white, 1213px 589px white, 1624px 1550px white, 654px 1814px white, 1686px 2000px white, 1234px 550px white, 1614px 1260px white, 1319px 668px white, 1103px 829px white, 143px 1124px white, 250px 1077px white, 1203px 660px white, 901px 439px white, 1475px 1443px white, 525px 51px white, 669px 1635px white, 1176px 1680px white, 1203px 1469px white, 442px 536px white, 1820px 1028px white, 537px 1683px white, 1719px 1488px white, 1222px 1706px white, 629px 822px white, 155px 1333px white, 316px 1835px white, 1780px 1730px white, 405px 1265px white, 385px 1802px white, 891px 1208px white, 13px 1509px white, 985px 858px white, 137px 1138px white, 724px 534px white, 1487px 440px white, 57px 1074px white, 1133px 1342px white, 439px 1692px white, 302px 46px white, 248px 317px white, 1366px 858px white, 1474px 1705px white, 650px 852px white, 524px 1903px white, 700px 1826px white, 1246px 861px white, 1215px 1742px white, 454px 1237px white, 1969px 1425px white, 1459px 1153px white, 332px 1972px white, 1451px 1062px white, 981px 28px white, 1623px 654px white, 62px 1781px white, 1838px 492px white, 1611px 356px white, 868px 1466px white, 1099px 561px white, 1078px 260px white, 923px 1749px white, 1072px 1253px white, 43px 1241px white;
    background: 0 0;
}

#bubble2,
#bubble2:after {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    box-shadow: 1251px 843px white, 580px 572px white, 1118px 204px white, 1671px 425px white, 802px 1047px white, 1437px 1651px white, 1842px 1735px white, 377px 1053px white, 1602px 1731px white, 499px 998px white, 191px 1827px white, 842px 788px white, 139px 686px white, 1895px 10px white, 1395px 1046px white, 337px 1256px white, 1186px 1033px white, 1092px 763px white, 269px 168px white, 353px 1827px white, 466px 1323px white, 670px 1358px white, 651px 1979px white, 607px 1058px white, 181px 1737px white, 1567px 908px white, 794px 524px white, 59px 98px white, 174px 1808px white, 1831px 1445px white, 1751px 1334px white, 1791px 1116px white, 98px 1063px white, 1720px 997px white, 1701px 656px white, 684px 720px white, 1381px 1436px white, 579px 618px white, 1554px 212px white, 239px 370px white, 1827px 1721px white, 1626px 555px white, 876px 725px white, 1000px 1949px white, 1501px 1395px white, 652px 406px white, 1988px 1467px white, 1121px 1522px white, 750px 1489px white, 654px 595px white, 29px 518px white, 1564px 98px white, 475px 1899px white, 622px 1441px white, 886px 801px white, 1412px 558px white, 800px 1330px white, 540px 519px white, 1916px 298px white, 605px 331px white, 399px 821px white, 1331px 781px white, 180px 146px white, 435px 1759px white, 1501px 456px white, 793px 1748px white, 1627px 1365px white, 1538px 1167px white, 1429px 1707px white, 1710px 1285px white, 944px 856px white, 951px 1205px white, 1513px 66px white, 1368px 420px white, 821px 1768px white, 1764px 1707px white, 102px 1616px white, 1645px 1279px white, 204px 314px white, 954px 1865px white, 1407px 1721px white, 1044px 553px white, 1906px 1629px white, 1187px 764px white, 424px 377px white, 1132px 1564px white, 1659px 1609px white, 1900px 275px white, 1929px 136px white, 1552px 111px white, 706px 91px white, 1934px 112px white, 260px 29px white, 39px 122px white, 221px 1809px white, 1916px 325px white, 742px 1814px white, 1191px 1280px white, 191px 717px white, 14px 1553px white, 1976px 1065px white, 1589px 1869px white, 1722px 1035px white, 1947px 1148px white, 286px 1899px white, 1563px 947px white, 716px 1205px white, 654px 717px white, 870px 574px white, 639px 1198px white, 431px 113px white, 392px 683px white, 777px 930px white, 911px 529px white, 1835px 413px white, 237px 350px white, 1165px 828px white, 1746px 1567px white, 153px 670px white, 1286px 1220px white, 448px 1398px white, 1087px 1636px white, 546px 986px white, 715px 57px white, 1278px 6px white, 1141px 288px white, 981px 682px white, 1504px 1257px white, 1730px 580px white, 4px 222px white, 1007px 897px white, 624px 567px white, 793px 1469px white, 1669px 999px white, 1846px 1509px white, 1566px 1280px white, 1938px 1397px white, 10px 461px white, 1071px 1073px white, 835px 1733px white, 1508px 1048px white, 1463px 446px white, 1728px 840px white, 1523px 789px white, 1912px 1482px white, 104px 895px white, 1303px 479px white, 379px 1846px white, 1287px 1286px white, 1639px 323px white, 1581px 1840px white, 1261px 508px white, 1230px 401px white, 1592px 388px white, 1750px 201px white, 322px 1512px white, 1394px 1329px white, 1048px 380px white, 535px 1166px white, 444px 545px white, 646px 1571px white, 1494px 1934px white, 92px 1398px white, 1917px 1426px white, 805px 1092px white, 979px 916px white, 1708px 152px white, 1317px 522px white, 1170px 684px white, 343px 708px white, 755px 885px white, 1487px 1824px white, 1160px 835px white, 1586px 1729px white, 236px 836px white, 1257px 1590px white, 1527px 649px white, 450px 1554px white, 1391px 714px white, 422px 828px white, 681px 1359px white, 773px 571px white, 1935px 1352px white, 757px 591px white, 1040px 743px white, 182px 1508px white, 1952px 1722px white, 58px 868px white, 1340px 338px white, 450px 49px white, 1069px 1013px white, 1053px 640px white, 1591px 1232px white, 603px 1085px white, 855px 1470px white, 1017px 1931px white, 788px 392px white, 737px 978px white, 1370px 116px white, 1466px 1429px white;
    background: 0 0;
}

#bubble3,
#bubble3:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    box-shadow: 515px 676px 1px white, 300px 146px 1px white, 1776px 493px 1px white, 1990px 1286px 1px white, 1420px 40px 1px white, 643px 1165px 1px white, 1562px 225px 1px white, 1502px 286px 1px white, 1586px 1268px 1px white, 136px 344px 1px white, 384px 943px 1px white, 1692px 1048px 1px white, 1368px 282px 1px white, 1833px 1997px 1px white, 401px 1120px 1px white, 686px 671px 1px white, 396px 431px 1px white, 57px 1561px 1px white, 1866px 1761px 1px white, 1395px 1622px 1px white, 723px 1699px 1px white, 1328px 1129px 1px white, 995px 1582px 1px white, 1318px 1388px 1px white, 1404px 268px 1px white, 1922px 771px 1px white, 87px 829px 1px white, 892px 1295px 1px white, 1883px 1780px 1px white, 1851px 147px 1px white, 853px 115px 1px white, 1185px 18px 1px white, 59px 1394px 1px white, 209px 1341px 1px white, 1350px 359px 1px white, 690px 1828px 1px white, 762px 1546px 1px white, 1816px 1715px 1px white, 989px 956px 1px white, 1280px 1979px 1px white, 1115px 1686px 1px white, 979px 1135px 1px white, 1504px 1742px 1px white, 827px 1660px 1px white, 1666px 1199px 1px white, 1293px 589px 1px white, 236px 1070px 1px white, 426px 1028px 1px white, 1402px 313px 1px white, 649px 1666px 1px white, 1796px 154px 1px white, 356px 354px 1px white, 1365px 777px 1px white, 838px 1539px 1px white, 504px 1477px 1px white, 1524px 801px 1px white, 1351px 1186px 1px white, 1863px 641px 1px white, 313px 1433px 1px white, 1076px 1065px 1px white, 1135px 706px 1px white, 1879px 1372px 1px white, 854px 1035px 1px white, 1970px 1087px 1px white, 700px 1866px 1px white, 1810px 783px 1px white, 1281px 1807px 1px white, 692px 795px 1px white, 1571px 1816px 1px white, 843px 946px 1px white, 1253px 1771px 1px white, 1780px 1372px 1px white, 1993px 1236px 1px white, 1807px 567px 1px white, 1379px 1251px 1px white, 276px 688px 1px white, 1129px 26px 1px white, 478px 166px 1px white, 1221px 1355px 1px white, 488px 721px 1px white, 1517px 1594px 1px white, 1554px 1975px 1px white, 836px 1387px 1px white, 1499px 1900px 1px white, 517px 188px 1px white, 395px 1285px 1px white, 878px 1746px 1px white, 475px 1493px 1px white, 1365px 1628px 1px white, 85px 405px 1px white, 193px 61px 1px white, 1884px 1082px 1px white, 679px 1642px 1px white, 1130px 1002px 1px white, 1816px 188px 1px white, 1469px 182px 1px white, 1288px 192px 1px white, 1846px 821px 1px white, 636px 1617px 1px white, 1819px 1545px 1px white;
}

#bubble2:after,
#bubble3:after,
#bubble:after {
    content: "";
    position: absolute;
    top: 4000px;
    background: 0 0
}

#bubble {
    animation: animBubble 42s linear infinite
}

#bubble2 {
    animation: animBubble1 28s linear infinite
}

#bubble3 {
    animation: animBubble2 14s linear infinite

}

@keyframes animBubble {
    0%   { transform: translate( calc(100vw * -0.20 ), calc(100vh * -4.0 )); opacity: 0.4;}
    100% { transform: translate( calc(100vw * 0.20 ), calc(100vh * -2.0 )); opacity: 1;}
}

@keyframes animBubble1 {
    0%   { transform: translate( calc(100vw * -0.22 ), calc(100vh * -3.5 )) scale(1.6); opacity: 0.4;}
    100% { transform: translate( calc(100vw * 0.22 ), calc(100vh * -1.5 )) scale(1.6); opacity:1;}
}

@keyframes animBubble2 {
    0%   { transform: translate( calc(100vw * -0.25 ), calc(100vh * -3.0 )) scale(2); opacity: 0.4;}
    100% { transform: translate( calc(100vw * 0.25 ), calc(100vh * -1.0 )) scale(2); opacity: 1;}
}
/* /all-bubble */


/*-- all-full --*/
@keyframes full {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.full {
	animation: full 1s ease-in-out infinite alternate;
	border: 3px solid #f00;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.8);
	display: flex
}

	@media (max-width: 428px) {
		.full {
			border: 2px solid #f00
		}
	}

#newface .full {
	height: 50vw;
	border-radius: 0 30px 30px 0
}

	@media (max-width: 428px) {
		#newface .full {
			border-radius: 0 15px 15px 0
		}
	}

#newface.now .full {
	border-radius: 30px 0 0 30px
}

	@media (max-width: 428px) {
		#newface.now .full {
			border-radius: 15px 0 0 15px
		}
	}

.full img {
	width: 100%
}
/*-- /all-full --*/


/* all-under */
header #sec04 h2 {
	position: absolute;
	padding-top: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

header #sec04 p:first-of-type img {
	position: absolute;
	top: 25px;
	width: 30px;
	margin-left: 5px;
	letter-spacing: 6px
}

header #sec04 p:last-of-type {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-top: 10px
}

header #sec04 p:last-of-type img {
	width: 25px;
	margin-right: 10px
}


/* all-underlayer-title */
header #sec04 {
	padding-top: 170px;
	position: relative;
	z-index: 1;
	font-size: 81px;
	font-family: didot, serif;
	color: #fff
}

	@media (max-width: 800px) {
		header #sec04 {
			padding-top: 230px;
		}
	}

header #sec04 hr {
	border-color: rgba(150,3,71,0.9);
	border-style: solid;
	border-width: 160px 0 0 0;
	z-index: -1;
	position: relative;
}

	@media (max-width: 800px) {
		header #sec04 hr {
			border-width: 110px 0 0 0;
		}
	}
/* /all-underlayer-title */


#under header #h-right {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2
}

#under header #h-right h1 {
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding: 10px 15px;
	font-size: 1.2rem;
	border-radius: 0 0 0 15px
}

#under header #h-right > .sigma-icon {
	width: 70px;
	background: linear-gradient(to right, #960347, #630b35);
	border-radius: 50%;
	padding: 3px;
	float: right;
	margin: 10px 15px 0 0
}

#under nav .nav-obi .sigma-icon {
	margin-left: 30px;
}

#under nav .nav-obi .sigma-icon img {
	width: 180px;
}

#under .layout1 .tit h2 {
	font-size: 2.1rem;
	float: none;
	padding: 35px 0 0;
	height: 65px;
	text-align: center;
	border-right: none !important
}

#under .all-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

#under .all-btn > li {
	float: left;
	width: calc(90%/5);
	color: #000
}

#under #waitingmap .all-btn > li {
	width: calc(1000px/3)
}

#under #system .all-btn > li {
	width: calc(640px/2)
}

#under .all-btn > li a {
	border-radius: 35px;
	text-align: center;
	font-size: 2.4rem;
	display: block;
	position: relative;
	padding: 5% 0;
	margin: 30px 2% 10px
}

#under #waitingmap .all-btn > li a {
	box-shadow: none;
	color: #960347;
	letter-spacing: 0;
	padding-left: 20px;
	background: #fff;
	border: 1px solid #960347;
	box-sizing: border-box
}

#under .all-btn > li a span {
	background: linear-gradient(to left,#960347, #630b35, #960347);
	width: 38px;
	height: 38px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px
}

#under .all-btn > li a em {
	z-index: 1;
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 23px;
	left: 25px;
	position: absolute;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff
}

#under .all-btn > li a img,
#under .all-btn > li .open_button img {
	width: 24px;
	margin-right: 10px
}

#under .u-box {
	width: 100%;
	border-top: 6px solid #000;
	border-bottom: 6px solid #000;
	background: #fff;
	margin-top: 50px;
	overflow: hidden
}

#under #system .u-box {
	border-bottom: 5px solid #000
}

#under #ranking .u-box:nth-of-type(n+3) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#under .u-box.area {
	border-bottom: 6px solid #fff;
	padding-bottom: 30px
}

#under #waitingmap section:first-of-type .u-box {
	margin-top: 20px
}

.world #concept .u-box {
	margin-bottom: 30px;
	display: inline-block
}
/* /all-under */


/* all-modal */
#search-form {
	font-size: 1.8rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#search-form .box {
	margin-bottom: 30px;
	background: #fff;
	padding: 3%;
	border-radius: 15px
}

#search-form .box label {
	color: #960347
}

#search-form .box label img,
#search-form .box.option p img {
	width: 20px;
	margin-right: 10px
}

#search-form .box.name label {
	margin-bottom: 15px;
	display: block
}

#search-form .box input {
	display: block;
	padding: 1%;
	border-radius: 15px;
	border: none;
	cursor: pointer;
	border: 1px solid #000;
	box-sizing: border-box
}

#search-form .box.name > input {
	width: 98%
}

#search-form .box.name > div {
	display: flex;
	align-items: center;
	margin-top: 15px;
	font-size: 1.6rem
}

#search-form .group {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap
}

#search-form .group .box {
	width: 26.5%;
	padding: 3% 3% 0;
	margin-right: 1%
}

#search-form .group .box:last-of-type {
	margin-right: 0
}

#search-form .box select {
	display: block;
	margin-top: 15px;
	width: 100%;
	padding: 4%;
	border-radius: 15px;
	border: none;
	cursor: pointer;
	border: 1px solid #000;
	box-sizing: border-box
}

#search-form .box.name select {
	padding: 1%
}

#search-form .box.option p {
	color: #960347;
	margin-bottom: 10px
}

#search-form .box.option div {
	margin-bottom: 10px;
	width: 28%
}

#search-form .box.option div,
#search-form .box.option div input {
	float: left;
	margin-right: 5%;
	font-size: 1.6rem
}

#search-form .box.option label {
	color: #000
}

#search-form .search {
	display: flex;
	justify-content: center;
	align-items: center
}

#search-form .search input {
	display: block;
	background: #fff;
	border: none;
	padding: 1.5% 5%;
	font-size: 2.1rem;
	border-radius: 35px;
	float: left;
	margin: 0 1% 4%;
	color: #960347;
	cursor: pointer
}

#search-form .search input:hover {
	opacity: 0.8
}

.modal_wrap input{
	display: none
}

.modal_overlay{
	display: flex;
	justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	transition: opacity 0.5s, transform 0s 0.5s;
	transform: scale(0)
}

.modal_trigger{
	position: absolute;
	width: 100%;
	height: 100%
}

.modal_content {
	align-self: center;
	width: 95%;
	max-width: 1000px;
	padding: 1.5% 1.5% 0;
	box-sizing: border-box;
	background: linear-gradient(to left,#960347, #630b35, #960347);
	line-height: 1.4em;
	transform: scale(0.3);
	transition: 0.5s;
	border: 1px solid #960347;
	border-radius: 15px
}

.close_button {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
	background: #fff;
	height: 32px;
	width: 35px;
	text-align: center;
	padding-top: 3px;
	border-radius: 35px
}

.close_button img {
	width: 15px
}

.modal_wrap input:checked ~ .modal_overlay{
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.5s
}

.modal_wrap input:checked ~ .modal_overlay .modal_content{
	transform: scale(1)
}

.open_button {
	cursor: pointer;
	border-radius: 35px;
	text-align: center;
	font-size: 2.4rem;
	display: block;
	position: relative;
	width: 95%;
	padding: 5% 0;
	margin: 30px 5px 10px
}
/* /all-modal */


/* all-under-hvr */
[class^="hvr-"] {
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@-webkit-keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

@keyframes hvr-ripple-out {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0
	}
}

.hvr {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative
}

.hvr:before {
	content: '';
	position: absolute;
	border: #000 solid 1px;
	box-sizing: border-box;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 60px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	background: #fff;
	z-index: -1
}

#prof-info .hvr:before {
	border: #fff solid 1px;
	background: none
}

#ranking .on a.hvr:before {
	border: #c7a63f solid 2px
}

#under #system #basic-price .u-box > div > div ul li a:before,
#under #system #option .u-box > div a.hvr:before {
	border-radius: 30px
}

.hvr:hover:before,
.hvr:focus:before,
.hvr:active:before {
	-webkit-animation-name: hvr-ripple-out;
	animation-name: hvr-ripple-out
}
/* /all-under-hvr */


/*-- all-back --*/
#all-back,
#under-all-back {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

#all-back a div,
#under-all-back div {
	display: block;
	width: 100%;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	/* background-size: cover; */
	background-position-y: 0px;
	background-position-x: left
}
/*-- /all-back --*/
/*-- /all --*/


/*-- header --*/
header .h-left {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	color: #fff
}

header .h-left .box {
	overflow: hidden
}

header .h-left .tel {
	background: linear-gradient(to left,#960347, #630b35, #960347);
	padding: 10px 20px 20px;
	float: left;
	height: 71px
}

header .h-left .tel div {
	display: flex;
	align-items: center
}

header .h-left .tel div img {
	width: 50px;
	display: flex;
	margin-right: 10px
}

header .h-left .tel div > p {
	font-size: 36px
}

header .h-left .tel > p {
	font-size: 21px;
	text-align: center;
	font-style: italic
}

header .h-left ul {
	background: linear-gradient(to right, #000, #252525, #000);
	padding: 10px 20px 20px;
	float: left;
	height: 71px
}

header .h-left ul li {
	display: flex;
	justify-content: center;
	align-items: center
}

header .h-left ul li:first-of-type img {
	width: 29px;
	margin-right: 10px
}

header .h-left ul li:last-of-type img {
	width: 157px;
	margin: 10px 0 0 10px
}

header .h-left ul li p {
	font-size: 18px
}

header .h-left ul li:last-of-type p {
	background: #fff;
	color: #000;
	padding: 10px 20px;
	border-radius: 20px;
	margin-top: 10px
}

header .h-left #hours {
	background: #fff;
	color: #ff008a;
	border-radius: 0 0 30px;
	padding: 5px 0;
	font-size: 2.1rem;
	display: flex;
	justify-content: center;
	align-items: center
}

header .h-left #hours div {
	display: flex;
	align-items: center
}

header .h-left #hours div img {
	width: 29px;
	margin-right: 10px
}

header .h-left #hours div span {
	font-style: italic;
	font-size: 2.2rem;
	margin-left: -5px
}

header #logo #syame {
	padding: 10px 25px 10px 30px;
	border-radius: 50px;
	color: #000;
	display: inline-block;
	background: rgba(255,255,255,0.8);
	margin-bottom: 10px
}

header #logo #syame p img {
	width: 25px;
	margin-right: 10px
}

header #logo #syame p {
	display: flex;
	align-items: center
}

header #logo #syame p span {
	font-style: italic;
	margin-left: -5px
}

header #logo {
	position: absolute;
	top: 35vh;
	left: 30px;
	z-index: 2
}

#under header #logo {
	top: 390px
}

header #logo h1 img {
	width: 450px;
	margin-bottom: 15px
}

header #logo > ol {
	font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background: #fff;
	padding: 5px 15px;
	border-radius: 30px;
	font-size: 12px;
	display: flex;
	float: left;
	align-items: center
}

header #logo > ol a {
	display: flex;
	align-items: center;
	color: #960347
}

header #logo > ol a img {
	width: 21px;
	margin-right: 5px
}

header #logo > ol a span  {
	display: flex;
	justify-content: center;
	align-items: center
}

header #logo > ol a em {
	content: "";
	width: 5px;
	height: 5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	margin: 0 15px 0 10px
}

header #h-icon {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 2;
	text-align: center
}

header #h-icon a {
	display: block
}

header #h-icon img {
	margin-bottom: 20px;
	max-width: 145px
}

	@media screen and (max-width: 1440px) {
		header #h-icon img {
			max-width: 120px
		}
	}

	@media screen and (max-width: 1400px) {
		header #h-icon img {
			max-width: 90px
		}
	}
/*-- /header --*/


/*-- top --*/
.wrapper:last-of-type article {
	margin-top: 120px
}

.wrapper:last-of-type article:first-of-type {
	padding-top: 0;
	margin: 0
}

.wrapper:last-of-type article:first-of-type + article {
	margin-top: 40px
}

.wrapper:last-of-type .slider-area,
.wrapper:last-of-type .slider-area + article {
	margin-top: 0 !important
}


/* top-disp */
#disp {
	position: absolute;
	bottom: 30px;
	right: 30px
}

#disp a:nth-child(n+2) {
	display: block;
	margin-top: 30px
}

#disp a img {
	width: 120px
}

#disp .close {
	font-size: 42px;
	color: #fff;
	background: #000;
	border-radius: 100%;
	position: absolute;
	left: -45px;
	top: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center
}
/* /top-disp */


/* top-side-nav */
.pagetop {
	width: 185px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	color: #3e3a39;
	position: absolute;
	top: 100px;
	left: 45px;
	cursor: pointer
}

.pagetop-line {
  width: 80px;
  height: 1px;
  display: block;
  background-color: currentColor;
  margin-right: 10px
}

.pagetop-text {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: .92308;
	letter-spacing: .2em;
	font-weight: bold
}

#js-side-nav.side-nav {
	position: absolute;
	left: -75px;
	width: 75px;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0.9) 7%, rgb(255, 255, 255)), url() center bottom / cover no-repeat
}

#js-side-nav.side-nav.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9)
}

#js-side-nav .side-nav-sns {
	margin: 330px auto 0;
	width: 40px
}

#js-side-nav .side-nav-sns a {
	width: 40px;
	margin: 0 0 30px;
	display: block;
	text-align: center
}

#js-side-nav .side-nav-sns a:hover .icon {
	-webkit-transform: scale(1.4);
	transform: scale(1.4)
}

#js-side-nav .side-nav-sns a .icon {
	display: inline-block;
	position: relative;
	transition: all .8s cubic-bezier(.04, .435, .315, .9);
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 40px
}
/* /top-side-nav */


/* top-deri */
main #deri {
	overflow: hidden
}

main #deri li {
	background: #fff;
	border-radius: 30px;
	box-shadow: 0px 2px 10px rgba(100,100,100,0.6);
	width: 46.5%;
	float: left
}

main #deri li:first-of-type {
	margin: 2% 0.5% 1% 2%
}

main #deri li:last-of-type {
	margin: 2% 2% 0 2%
}

main #deri li h2,
main #deri li iframe {
	border-radius: 30px 30px 0 0;
	text-align: center;
	padding: 2%;
	font-size: 2.4rem
}

main #deri li h2 {
	font-family: "Cinzel", serif;
	background: linear-gradient(to left,#000000, #252525, #000000);
	color: #fff
}

main #deri li iframe {
	border-radius: 0 0 30px 30px;
	width: 96%;
	margin-top: -1px;
	height: 285px !important
}
/* /top-deri */


/* top-topics */
#topics {
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: linear-gradient(to left,#000000, #252525, #000000)
}

#under #topics {
	margin-top: 0;
	border-top: none
}

#topics .tit {
	border-bottom: 1px solid #fff;
	height: 90px
}

#topics .tit h2 {
	font-size: 3rem;
	float: left;
	padding: 25px 60px 0px;
	border-right: 1px solid #fff;
	height: 65px
}

#topics .tit h2 img {
	width: 35px;
	margin-right: 10px
}

#topics .tit h3 {
	font-size: 2.1rem;
	padding: 35px 60px 0;
	float: left
}

#topics .tit ul {
	font-size: 1.8rem;
	float: right;
	border-left: 1px solid #fff;
	height: 20px;
	padding: 35px
}

#topics .box {
	padding: 1.5% 0 1.5% 1.5%;
	overflow: hidden
}

#under #topics .box {
	padding: 0;
	display: flex;
	flex-wrap: wrap
}

#topics .box ul {
	float: left;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	width: 25%
}

	@media screen and (max-width: 1919px) {
		#topics .box ul {
			width: 40%
		}
		#topics .box ul:last-of-type {
			display: none
		}
		#under #topics .box ul:last-of-type {
			display: inline
		}
	}

	@media screen and (max-width: 1420px) {
		#topics .box ul {
			width: 98.5%;
			float: none;
			border-right: none;
			border-bottom: 1px solid #fff;
		}
		#topics .box ul:first-of-type {
			padding-bottom: 10px
		}
	}

#under #topics .box ul {
	width: 50%
}

	@media screen and (max-width: 1550px) {
		#under #topics .box ul {
			width: 100%
		}
	}

#topics .box ul:first-of-type {
	width: 48.5%
}

	@media screen and (max-width: 1919px) {
		#topics .box ul:first-of-type {
			width: 58.5%
		}
	}

	@media screen and (max-width: 1420px) {
		#topics .box ul:first-of-type {
			width: 98.5%
		}
	}

#under #topics .box ul {
	border-bottom: 1px solid #fff;
	padding: 30px
}

#topics .box ul li {
	padding: 1.5% 3%;
	display: flex;
	width: auto
}

#under #topics .box ul li {
	padding: 0;
	width: 100%
}

#topics .box ul:first-of-type li {
	padding: 0
}

#topics .box ul:nth-of-type(n+2) li:first-of-type {
	border-bottom: 1px solid #fff
}

#under #topics .box ul:nth-of-type(n+2) li:first-of-type {
	border-bottom: none
}

#topics .box ul li a > div {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	box-sizing: border-box
}

#topics .box ul li.interview a > div {
	border: 3px solid #ff00ff
}

#topics .box ul li.recommended a > div {
	border: 3px solid #00d7d7
}

#topics .box ul li.column a > div {
	border: 3px solid #965cff
}

#topics .box ul li.newcast a > div {
	border: 3px solid #8dc600
}

#topics .box ul li.topics a > div {
	border: 3px solid #ccbf00
}

#topics .box ul li.hot a > div {
	border: 3px solid #ff0000
}

#topics .box ul li.notification a > div {
	border: 3px solid #ff570d
}

#topics .box ul li.discount a > div {
	border: 3px solid #2eabff
}

#topics .box ul li.guerrilla a > div {
	border: 3px solid #00d991
}

#topics .box ul li.recruitment a > div {
	border: 3px solid #ed1b68
}

#topics .box ul li a {
	position: relative
}

#topics .box ul:first-of-type li a > div,
#under #topics .box ul li a > div {
	width: 300px;
	height: 300px
}

#topics .box ul:first-of-type li a > p:first-of-type {
	background-size: cover;
	width: 65px;
	height: 65px;
	margin: 15px 0 0 15px
}

#topics .box ul li a > p:first-of-type {
  animation-name: rotate;
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
  animation-iteration-count: infinite
}

@keyframes rotate{
	0% {
		transform: rotateZ(0)
	}
	100% {
		transform: rotateZ(360deg)
	}
}

#topics .box ul li.interview a > p:first-of-type {
	background-image: url(../images/icon/new/interview.svg)
}

#topics .box ul li.recommended a > p:first-of-type {
	background-image: url(../images/icon/new/recommended.svg)
}

#topics .box ul li.column a > p:first-of-type {
	background-image: url(../images/icon/new/column.svg)
}

#topics .box ul li.newcast a > p:first-of-type {
	background-image: url(../images/icon/new/newcast.svg)
}

#topics .box ul li.topics a > p:first-of-type {
	background-image: url(../images/icon/new/topics.svg)
}

#topics .box ul li.hot a > p:first-of-type {
	background-image: url(../images/icon/new/hot.svg)
}

#topics .box ul li.notification a > p:first-of-type {
	background-image: url(../images/icon/new/notification.svg)
}

#topics .box ul li.discount a > p:first-of-type {
	background-image: url(../images/icon/new/discount.svg)
}

#topics .box ul li.guerrilla a > p:first-of-type {
	background-image: url(../images/icon/new/guerrilla.svg)
}

#topics .box ul li.recruitment a > p:first-of-type {
	background-image: url(../images/icon/new/recruitment.svg)
}

#topics .box ul:first-of-type li a > p:last-of-type {
	position: absolute;
	top: 39px;
	left: 25px;
	font-size: 1.8rem;
	font-weight: bold
}

#topics .box ul li div img {
	width: 100%
}

#topics .box ul li dl {
	padding: 20px 0 0 3%;
	overflow: hidden;
	width: 100%
}

#topics .box ul:first-of-type li dl {
	padding: 20px 3% 0;
	width: 100%
}

#under #topics .box ul:first-of-type li dl {
	padding: 20px 0 0 3%
}

#topics .box ul li dl dt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#under #topics .box ul li dl dt {
	white-space: normal;
	line-height: 36px;
}

#topics .box ul:first-of-type li dl dt,
#under #topics .box ul li dl dt {
	font-size: 2.4rem
}

#topics .box ul li dl dd:first-of-type,
#under #topics .box ul li dl dd:first-of-type {
	margin: 20px 0;
	font-weight: bold
}

/* new-color */
#topics .box ul li.interview dl dd:first-of-type {
	animation: blinkAnimeS-interview 1s infinite alternate
}
@keyframes blinkAnimeS-interview{
	0%  { color : #fff }
	100%{ color : #ff00ff }
}

#topics .box ul li.recommended dl dd:first-of-type {
	animation: blinkAnimeS-recommended 1s infinite alternate
}
@keyframes blinkAnimeS-recommended{
	0%  { color : #fff }
	100%{ color : #00d7d7 }
}

#topics .box ul li.column dl dd:first-of-type {
	animation: blinkAnimeS-column 1s infinite alternate
}
@keyframes blinkAnimeS-column{
	0%  { color : #fff }
	100%{ color : #965cff }
}

#topics .box ul li.newcast dl dd:first-of-type {
	animation: blinkAnimeS-newcast 1s infinite alternate
}
@keyframes blinkAnimeS-newcast{
	0%  { color : #fff }
	100%{ color : #8dc600 }
}

#topics .box ul li.topics dl dd:first-of-type {
	animation: blinkAnimeS-topics 1s infinite alternate
}
@keyframes blinkAnimeS-topics{
	0%  { color : #fff }
	100%{ color : #ccbf00 }
}

#topics .box ul li.hot dl dd:first-of-type {
	animation: blinkAnimeS-hot 1s infinite alternate
}
@keyframes blinkAnimeS-hot{
	0%  { color : #fff }
	100%{ color : #ff0000 }
}

#topics .box ul li.notification dl dd:first-of-type {
	animation: blinkAnimeS-notification 1s infinite alternate
}
@keyframes blinkAnimeS-notification{
	0%  { color : #fff }
	100%{ color : #ff570d }
}

#topics .box ul li.discount dl dd:first-of-type {
	animation: blinkAnimeS-discount 1s infinite alternate
}
@keyframes blinkAnimeS-discount{
	0%  { color : #fff }
	100%{ color : #2eabff }
}

#topics .box ul li.guerrilla dl dd:first-of-type {
	animation: blinkAnimeS-guerrilla 1s infinite alternate
}
@keyframes blinkAnimeS-guerrilla{
	0%  { color : #fff }
	100%{ color : #00d991 }
}

#topics .box ul li.recruitment dl dd:first-of-type {
	animation: blinkAnimeS-recruitment 1s infinite alternate
}
@keyframes blinkAnimeS-recruitment{
	0%  { color : #fff }
	100%{ color : #ed1b68 }
}
/* /new-color */

#topics .box ul li.interview dl dd:first-of-type {
	color: #ff00ff
}

#topics .box ul li.recommended dl dd:first-of-type {
	color: #00d7d7
}

#topics .box ul li.column dl dd:first-of-type {
	color: #965cff
}

#topics .box ul li.newcast dl dd:first-of-type {
	color: #8dc600
}

#topics .box ul li.topics dl dd:first-of-type {
	color: #ccbf00
}

#topics .box ul li.hot dl dd:first-of-type {
	color: #ff0000
}

#topics .box ul li.notification dl dd:first-of-type {
	color: #ff570d
}

#topics .box ul li.discount dl dd:first-of-type {
	color: #2eabff
}

#topics .box ul li.guerrilla dl dd:first-of-type {
	color: #00d991
}

#topics .box ul li.recruitment dl dd:first-of-type {
	color: #ed1b68
}

#topics .box ul:first-of-type li dl dd:first-of-type,
#under #topics .box ul li dl dd:first-of-type {
	font-size: 2.1rem;
	font-weight: bold
}

#topics .box ul li dl dd:first-of-type span {
	font-style: italic
}

#topics .box ul li dl dd:last-of-type {
	line-height: 1.6;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	text-align: justify;
	text-justify: inter-ideograph
}

#topics .box ul:first-of-type li dl dd:last-of-type {
	overflow-y: scroll;
	max-height: 180px
}

#under #topics .box ul:first-of-type li dl dd:last-of-type {
	max-height: 260px
}

#topics .box ul:nth-of-type(n+2) li dl dd:last-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 30px
}

#under #topics .box ul:nth-of-type(n+2) li dl dd:last-of-type {
	max-height: 260px;
	height: auto;
	white-space: normal;
	overflow-y: scroll
}
/* /top-topics */


/* top-layout1 */
#newface.layout1,
#schedule.layout1,
#review.layout1 {
	background: linear-gradient(to left,#000000, #252525, #000000)
}

#under #newface.layout1,
#under #schedule.layout1,
#under #review.layout1 {
	background: none !important
}

#now.layout1,
#waiting.layout1,
#history.layout1 {
	background: linear-gradient(to left,#960347, #630b35, #960347);
	color: #fff
}

#under .layout1 {
	border-bottom: 2px solid #000
}

#waitingmap.layout1 {
	padding-bottom: 40px
}

#system {
	padding-bottom: 40px
}

#waitingmap #system {
    border-bottom: none;
	padding-bottom: 0
}

.main-tit {
	text-align: center;
	font-size: 120px;
	font-family: "Cinzel", serif;
	line-height: 1;
	position: relative;
	height: 133px;
	letter-spacing: 6px;
	z-index: 1
}

#newface .main-tit,
#schedule .main-tit,
#review .main-tit {
	color: #fff
}

.main-tit img {
	width: 40px;
	position: absolute;
	top: 30px;
	margin-left: 20px
}

.main-tit-new div span {
	position: relative;
	display: inline-block;
	width: 100%
}
.main-tit-new div span.inText {
	opacity: 0
}

.main-tit-new div.slideIn span.inText {
	animation: passing-txt ease 0.95s forwards;
	font-size: 120px;
	font-family: "Cinzel", serif;
	font-style: italic;
	padding: 10px 0 3px
}
.main-tit-new div span::before {
	content: '';
	display: inline-block;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
#newface .main-tit-new div span::before,
#schedule .main-tit-new div span::before,
.main-tit.schedule .main-tit-new div span::before,
#review .main-tit-new div span::before {
	background: #960347
}

#now .main-tit-new div span::before,
#waiting .main-tit-new div span::before,
#history .main-tit-new div span::before {
	background: linear-gradient(to left,#000000, #252525, #000000);
}

.main-tit-new div span.inText img {
	width: 40px;
	position: absolute;
	top: 20px;
	margin-left: 20px
}

#review .box .slider li > div {
	margin: 30px 1.5%;
	width: 48%;
	overflow: hidden;
	float: left;
	display: flex;
	align-items: center
}

#review .box .slider li > div:first-of-type {
	margin: 30px 0.5% 30px 1.5%
}

#review .box .slider li > div:last-of-type {
	margin: 30px 1.5% 30px 0.5%
}

#under #review .box .slider li > div {
	margin: 0
}

.main-tit-new:not(.footer_recruit) div.slideIn span:before {
	-webkit-animation: sliding_bg_horizon 1s cubic-bezier(0.19, 1, 0.22, 1) forwards;
	animation: sliding_bg_horizon 1s cubic-bezier(0.19, 1, 0.22, 1) forwards
}

@keyframes sliding_bg_horizon {
	0% {
		left: 0;
		width: 0
	}
	50% {
		left: 0;
		width: 100%
	}
	51% {
		left: 0;
		width: 100%
	}
	100% {
		left: 100%;
		width: 0
	}
}
@keyframes passing-txt{
	0% {
		opacity:0
	}
	50% {
		opacity:0
	}
	100% {
		opacity:1
	}
}
@keyframes inOpacity {
	0% {
		opacity:0
	}
	100% {
		opacity:1
	}
}

.layout1 .tit {
	height: 90px;
	background: #fff;
	color: #000
}

#newface.layout1 .tit,
#schedule.layout1 .tit,
#review.layout1 .tit {
	border-bottom: 2px solid #000
}

#under .layout1 .tit {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000
}

.layout1 .tit h2 {
	font-size: 3rem;
	float: left;
	padding: 25px 60px 0px;
	height: 65px
}

	@media (max-width: 1380px) {
		.layout1 .tit h2 {
			font-size: 2.7rem;
			padding: 25px 40px 0px
		}
	}

#newface.layout1 .tit h2,
#schedule.layout1 .tit h2,
#review.layout1 .tit h2 {
	border-right: 2px solid #000
}

#now.layout1 .tit h2,
#waiting.layout1 .tit h2,
#history.layout1 .tit h2 {
	border-right: 2px solid #960347
}

#playmanual.layout1 .tit h2 {
    border-right: 6px solid #ff5a00
}

#topics.layout1 .tit h2 {
    border-right: 6px solid #d7ff38
}

.layout1 .tit h2 img,
.layout2 .tit h2 div:last-of-type img {
	width: 35px;
	margin-right: 10px
}

	@media (max-width: 1380px) {
		.layout1 .tit h2 img,
		.layout2 .tit h2 div:last-of-type img {
			width: 30px
		}
	}

.layout1 .tit h3 {
	font-size: 2.1rem;
	padding: 35px 0 0 60px;
	float: left
}

	@media (max-width: 1380px) {
		.layout1 .tit h3 {
			font-size: 1.8rem;
			padding: 35px 0 0 40px
		}
	}

.layout1 .tit ul {
	font-size: 1.8rem;
	float: right;
	height: 20px;
	padding: 35px
}

	@media (max-width: 1380px) {
		.layout1 .tit ul {
			font-size: 1.6rem
		}
	}

#newface.layout1 .tit ul,
#schedule.layout1 .tit ul,
#review.layout1 .tit ul {
	border-left: 2px solid #000
}

#now.layout1 .tit ul,
#waiting.layout1 .tit ul {
	border-left: 2px solid #960347
}

#history.layout1 .tit ul {
	border-left: 6px solid #00ffc0
}

.u-line__txt {
	position: relative;
	border: 0;
	text-decoration: none;
	padding-bottom: 8px
}

.u-line__txt:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #960347
}

#topics .u-line__txt:after {
	height: 1px;
	background-color: #fff
}

.u-line.is-line .u-line__txt:after {
	transform: scale(0, 1)
}

.u-line:hover .u-line__txt:after {
	animation-name: lineanim;
	animation-duration: .6s;
	animation-timing-function: ease
}

.u-line.is-line .u-line__txt:after {
	transition: transform var(--transition);
	transform-origin: top right
}

.u-line.is-line:hover .u-line__txt:after {
	animation: none;
	transform: scale(1, 1);
	transform-origin: top left
}

@keyframes lineanim {
	0% {
		transform: scale(1, 1);
		transform-origin: top right
	}
	50% {
		transform: scale(0, 1);
		transform-origin: top right
	}
	51% {
		transform: scale(0, 1);
		transform-origin: top left
	}
	100% {
		transform: scale(1, 1);
		transform-origin: top left
	}
}

.layout1 .box {
	overflow: hidden
}

.common.layout1 .box {
	overflow: hidden;
	padding: 1%
}

#review.layout1 .box {
    background: #fff
}

#review.common.layout1 .box {
	padding: 0
}
/* /top-layout1 */


/* top-newface */
#newface .box li > div {
	float: left;
	overflow: hidden;
	border-radius: 30px;
	height: 21vw;
	width: 47.75%
}

#under #newface .box li > div {
	border: 2px solid #fff;
	box-sizing: border-box
}

#newface .box li > div {
	margin: 30px 0.75% 30px 1.5%
}

#newface .box li > div:nth-of-type(2n) {
	margin: 30px 1.5% 30px 0.75%
}

#under #review .box section > div {
	padding: 1%;
	overflow: hidden
}

#under #review .box section > div > .box {
	width: 50%;
	float: left;
	display: flex;
	align-items: center
}

	@media (max-width: 1400px) {
		#under #review .box section > div > .box {
			width: 100%
		}
	}

#newface .box li > div .back {
	overflow: hidden
}

#newface .box li > div .back,
#newface .box li > div .right {
	float: left
}

#newface.now .box li > div .back,
#newface.now .box li > div .right {
	float: right
}

#newface .box li > div .back {
	width: 65%;
	background: #000;
	position: relative
}

#newface .box li > div .back > img {
	width: 100%;
	opacity: 0.25
}

#newface .box li > div .back dl {
	position: absolute;
	top: 0;
	z-index: 100;
	width: 100%;
	box-sizing: border-box
}

#newface .box li > div .back dl dt {
	font-size: 3.6rem;
	display: inline-flex;
	align-items: center;
	color: #9eff00;
	border-bottom: 3px solid #fff;
	padding: 5% 5% 2.5%;
	animation: blinkAnimeS-newface 1s infinite alternate
}

	@media (max-width: 1550px) {
		#newface .box li > div .back dl dt {
			font-size: 2.2vw;
		}
	}

@keyframes blinkAnimeS-newface {
	0%  { color : #fff }
	100%{ color : #9eff00 }
}

#newface.now .box li > div .back dl dt {
	font-size: 3rem;
	color: #96efff
}

	@media (max-width: 1550px) {
		#newface.now .box li > div .back dl dt {
			font-size: 1.9355vw
		}
	}

#newface.waiting .box li > div .back dl dt {
	font-size: 3rem;
	color: #ff0
}

	@media (max-width: 1550px) {
		#newface.waiting .box li > div .back dl dt {
			font-size: 1.9355vw
		}
	}

#newface .box li > div .back dl dt span {
	font-size: 3rem;
	margin-left: 10px
}

	@media (max-width: 1550px) {
		#newface .box li > div .back dl dt span {
			font-size: 1.9355vw;
		}
	}

#newface .box li > div .back dl dt img {
	width: 30px;
	margin-right: 20px
}

	@media (max-width: 1550px) {
		#newface .box li > div .back dl dt img {
			width: 1.9355vw
		}
	}

#newface .box li > div .back dl dd {
	padding: 3.5% 7% 0
}

#newface .box li > div .back dl dd div:first-of-type {
	display: flex;
	align-items: center;
	font-size: 2.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	@media (max-width: 1550px) {
		#newface .box li > div .back dl dd div:first-of-type {
			font-size: 1.5484vw
		}
	}

#newface.now .box li > div .back dl dd div:first-of-type,
#newface.waiting .box li > div .back dl dd div:first-of-type {
	animation: none;
	color: #fff
}

#newface .box li > div .back dl dd div:nth-of-type(2) {
	display: flex;
	align-items: center;
	font-size: 2.1rem;
	color: #fff;
	margin: 3% 0
}

	@media (max-width: 1630px) {
		#newface .box li > div .back dl dd div:nth-of-type(2) {
			font-size: 1.16vw
		}
	}

#newface .box li > div .back dl dd div:last-of-type {
	padding: 2.5% 4%;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	border-radius: 15px;
	line-height: 1.8;
	max-height: 8.5vw;
	overflow: auto;
	background: #fff
}

	@media (max-width: 1550px) {
		#newface .box li > div .back dl dd div:last-of-type {
			max-height: 7.5vw;
			font-size: 1.0323vw
		}
	}

#newface .box li > div .back dl dd div img {
	width: 25px;
	margin-right: 2%
}

	@media (max-width: 1550px) {
		#newface .box li > div .back dl dd div img {
			width: 1.6129vw
		}
	}

#history .box ul li .details > p:first-of-type img {
	width: 25px
}

	@media (max-width: 1550px) {
		#history .box ul li .details > p:first-of-type img {
			width: 1.6129vw
		}
	}

#newface .box li > div .right {
	width: 35%;
	overflow: hidden;
	position: relative
}

#newface .box li > div .right > p {
	position: absolute;
	left: 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: 100%;
	text-align: center;
	background: linear-gradient( #960347, #960347, #960347);
	color: #fff;
	font-size: 2.4rem;
	padding: 0 5px
}

	@media (max-width: 1550px) {
		#newface .box li > div .right > p {
			font-size: 1.4724vw
		}
	}

#newface.now .box li > div .right > p {
    left: auto;
    right: 0
}

#newface .box li > div .right img {
	width: 100%
}
/* /top-newface */


/* top-layout2 */
.layout2 .tit {
	max-width: 40%;
	width: 100%;
	height: 345px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 135px 0 0 0;
	color: #fff
}

#pickup .tit {
	background-image: url(../images/pickup.jpg);
	float: left
}

#ranking.layout2 .tit {
	background-image: url(../images/ranking.jpg);
	float: right
}

.layout2 .tit > img {
	height: 100%;
	position: absolute;
	top: 0
}

#pickup .tit > img {
	right: 0
}

#ranking.layout2 .tit > img {
	left: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.layout2 .tit h2 div:first-of-type {
	font-family: "Cinzel", serif;
	font-style: italic;
	font-size: 7.2rem;
	letter-spacing: 3px
}

	@media (max-width: 1400px) {
		.layout2 .tit h2 div:first-of-type {
			font-size: 4.8rem
		}
	}

.layout2 .tit h2 div:last-of-type {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3rem;
	margin: 20px 0 60px;
	font-weight: bold
}

.layout2 .tit ul {
	position: absolute;
	top: 199px;
	z-index: 10;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
	width: 130px;
	height: 130px;
	margin: 3px 0 0 30px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 2.1rem
}

#pickup.layout2 .tit ul {
	right: -100px;
	background: #960347
}

#ranking.layout2 .tit ul {
	left: 0;
	background: #960347;
	color: #000
}

.layout2 .tit ul:hover {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#pickup.layout2 .tit ul:hover {
	animation: flash-pickup 1s both
}
@keyframes flash-pickup {
	0% { background: #960347 }
	10% { background: #ffe1e1 }
	100% { background: #960347 }
}

#ranking.layout2 .tit ul:hover {
	animation: flash-ranking 1s both
}
@keyframes flash-ranking {
	0% { background: #b68c3d }
	10% { background: #e6d6b9 }
	100% { background: #b68c3d }
}

.layout2 .tit ul li {
	-webkit-transform: rotate(180deg);
	transform: rotate(45deg);
	animation: blinkAnimeS-pickup 1s infinite alternate
}
@keyframes blinkAnimeS-pickup{
	0%  { color : #fff }
	100%{ color : #000 }
}

.layout2 .tit h3 {
	font-size: 2.1rem;
	font-weight: bold
}

	@media (max-width: 1400px) {
		.layout2 .tit h3 {
			font-size: 1.8rem
		}
	}

.layout2 .girl > div {
	width: 20%;
	height: 480px;
	overflow: hidden;
	float: left;
	position: relative;
	background: #eee
}

	@media (max-width: 1600px) {
		.layout2 .girl > div {
			width: 30%
		}
		.layout2 .girl > div:last-of-type {
			display: none
		}
	}

.layout2 .girl > div span,
.layout2 .girl > div > div span {
	position: absolute;
	bottom: 0;
	padding: 4.3%
}

.layout2 .girl > div:first-of-type span {
	background: linear-gradient(210deg, rgba(170, 126, 43, 0) 0%, rgba(170, 126, 43, 0.5) 50%, rgba(170, 126, 43, 1)), url() center bottom / cover no-repeat;
	width: 50%
}

.layout2 .girl > div:nth-of-type(2) span {
	background: linear-gradient(210deg, rgba(93, 93, 93, 0) 0%, rgba(93, 93, 93, 0.5) 50%, rgba(93, 93, 93, 1)), url() center bottom / cover no-repeat;
	width: 40%
}

.layout2 .girl > div > div {
	height: 50%;
	position: relative;
	background: #000;
	background: #fff
}

.layout2 .girl > div > div:first-of-type span {
	background: linear-gradient(210deg, rgba(142, 62, 4, 0) 0%, rgba(142, 62, 4, 0.5) 50%, rgba(142, 62, 4, 1)), url() center bottom / cover no-repeat;
	width: 30%
}

.layout2 .girl > div > div:last-of-type span {
	background: linear-gradient(210deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 1)), url() center bottom / cover no-repeat;
	width: 25%
}

.layout2 .girl > div img {
	width: 100%
}
/* /top-layout2 */


/* top-foot */
.top-foot {
	height: 880px;
	background: #000
}

.top-foot .wrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.top-foot-photo {
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%)
}

	@media screen and (max-width: 414px) {
		.top-foot-photo {
			top: 40%
		}
	}

.top-foot .js-scimg-item {
	position: relative;
	width: 2000px;
	height: 1250px;
	background-size: 2000px 1250px;
	background-image: url("../images/all_back.jpg");
	background-repeat: no-repeat;
	opacity: 1
}

	@media screen and (max-width: 768px) {
		.top-foot .js-scimg-item {
			width: 221.3542vw;
			height: 144.2708vw;
			background-size: 221.3542vw 144.2708vw
		}
	}

	@media screen and (max-width: 414px) {
		.top-foot .js-scimg-item {
			width: 414px;
			height: 696px;
			background-size: 414px 696px;
			background-image: url("../images/all_back_sp.jpg")
		}
	}

#slider-box {
	max-width: 1000px;
	margin: 90px auto 0
}

	@media screen and (max-width: 1600px) {
		#slider-box {
			width: 85%
		}
	}

#under #slider-box {
	max-width: 1300px;
	margin: 0 auto 30px
}
/* /top-foot */


/*-- top-hover --*/
.common .box ul li a .hover-text,
#newface .box li > div .right a .hover-text,
#review .box .img a .hover-text,
#history .box ul li .img a .hover-text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transition: .3s ease-in-out;
	z-index: 1;
	line-height: 21px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 3%;
	box-sizing: border-box
}

.common .box ul li a .hover-text {
	display: block;
	border-radius: 15px
}

.common .box ul li a .hover-text .text1,
#newface .box li > div .right a .hover-text .text1,
#review .box .img a .hover-text .text1,
#history .box ul li .img a .hover-text .text1 {
	font-size: 3rem;
	margin: 52% 0 10%;
	text-align: center;
	font-weight: normal;
	font-style: italic
}

.common .box ul li a .hover-text .text2,
#newface .box li > div .right a .hover-text .text2,
#review .box .img a .hover-text .text2,
#history .box ul li .img a .hover-text .text2 {
	font-size: 1.8rem;
	text-align: center;
	background: #fff;
	border-radius: 50px;
	display: inline-block;
	padding: 3% 5%;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 24px;
	color: #960347
}

.common .box ul li a .hover-text .text2 img,
#newface .box li > div .right a .hover-text .text2 img,
#review .box .img a .hover-text .text2 img,
#history .box ul li .img a .hover-text .text2 img {
	width: 20px;
	margin-right: 10px
}

.common .box ul li a:hover .hover-text,
#newface .box li > div .right a:hover .hover-text,
#review .box .img a:hover .hover-text,
#history .box ul li .img a:hover .hover-text {
	opacity: 1;
	padding-top: 10px
}

.common .box ul li a .hover-text p:last-of-type span,
#newface .box li > div .right a:hover .hover-text p:last-of-type span,
#review .box .img a:hover .hover-text p:last-of-type span,
#history .box ul li .img a:hover .hover-text p:last-of-type span {
	background-image: url("../images/icon/favorite_w.svg");
	width: 60px;
	height: 60px;
	background-size: 60px;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 15% 0 2.5%
}
/*-- /top-hover --*/


/* top-common */
.common .box ul {
	display: flex;
	flex-wrap: wrap
}

.common .box ul li {
	width: 19%;
	position: relative;
	margin: 0.5%;
	border-radius: 15px;
	overflow: hidden;
	float: left
}

	@media screen and (max-width: 1650px) {
		.common .box ul li {
			width: 24%;
		}
	}

	@media screen and (max-width: 1380px) {
		.common .box ul li {
			width: 32%;
		}
	}

.common .all-btn .box ul li {
	width: auto;
	position: static;
	margin: auto;
	overflow: static
}

#under .common .box ul li > a {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden
}

#under .common .box .all-btn li > a {
	margin: 10px 3%;
	position: static;
	width: auto;
	display: block;
	overflow: visible
}

#under #cosplay.common .box ul li a {
	text-align: center;
	font-size: 2.1rem
}

#under #topics.common .box ul li a {
	width: auto;
	overflow: initial
}

.common .box ul li .img img {
	width: 100%;
	border-radius: 15px
}

.common .box ul li a .icon-left,
.common .box ul li a .icon-right {
	position: absolute;
	top: 10px;
	width: 65px
}

.common .box ul li a .icon-right {
	width: 50px
}

.common .box ul li a .icon-left {
	left: 10px
}

.common .box ul li a .icon-right {
	right: 10px
}

.common .box ul li a .icon-left img,
.common .box ul li a .icon-right img {
	width: 100%
}

.common .box ul li a .icon-right img:first-of-type {
	margin-bottom: 5px
}

.common .box ul li .today {
	background: linear-gradient(to left,#960347, #960347);
	border-radius: 30px;
	position: absolute;
	bottom: 10px;
	left: 10px
}

.common .box ul li .icon-bottom .nomination-fee img {
	width: 18px;
	margin-right: 5px
}

#schedule.common .box ul li .today {
	bottom: 105px
}

#under #schedule.common .box ul li .today {
	bottom: 10px
}

.standby.common .box ul li .today {
	bottom: 135px
}

.common .box ul li .today img {
	width: 21px;
	margin-right: 7px
}

.common .box ul li .today p {
	float: left
}

.common .box ul li .today p:first-of-type {
	padding: 7px 10px;
	font-weight: bold;
	display: flex;
	align-items: center;
	color: #ff0
}

.common .box ul li .today p:last-of-type {
	background: #fff;
	color: #960347;
	padding: 7px 10px;
	float: left;
	margin: 2.5px 2.5px 0 0;
	border-radius: 0 30px 30px 0;
	animation: blinkAnimeS-today 1s infinite alternate
}

@keyframes blinkAnimeS-today {
	0%  { color : #fff }
	100%{ color : #960347 }
}

.common .box ul li .details {
	position: absolute;
	bottom: 0;
	width: 96%;
	padding: 15px 0 15px 15px;
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 25%, rgb(0, 0, 0, 0.9)), url() center bottom / cover no-repeat;
	color: #fff
}

#under .common .box ul li .details {
	position: static;
	bottom: 0;
	width: auto;
	padding: 15px 0 15px 15px;
	background: none;
	color: #fff
}

.layout1 .box ul li .details > p {
	display: flex;
	align-items: center
}

.layout1 .box ul li .details > p.long {
	margin: 0;
	display : inline-block;
	padding-left: 100%;
	white-space : nowrap;
	animation : scrollSample02 5s linear infinite !important
}

.layout1 .box ul li .details > h3 p.long {
	margin: 0;
	display : inline-block;
	padding-left: 100%;
	white-space : nowrap;
	animation : scrollSample02 5s linear infinite !important
}

@keyframes scrollSample02 {
	0% { transform: translateX(0)}
	100% { transform: translateX(-100%)}
}

.common .box ul li .details > h3,
.common .box ul li .details > p:first-of-type,
#history .box ul li .details p:first-of-type {
	font-size: 2.1rem
}

.common .box ul li .details > h3 + p{
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: inherit !important;
}

.standby.common .box ul li .details > p:nth-of-type(2) {
	margin-bottom: 10px
}

.standby.common .box ul li .details > h3 + p{
	margin-bottom: 10px
}

.common .box ul li .details > p:nth-of-type(2),
#history .box ul li .details p:nth-of-type(2),
#under .common .box ul li .details > p:last-of-type {
	margin-top: 15px
}

.common .box ul li .details > p img,
#review .box .details > p img,
#history .box ul li .details > p img {
	width: 20px;
	margin-right: 10px
}

.common .box ul li .details > h3 + p img {
	width: 20px !important;
	margin-right: 10px
}

.common .box ul li .details > p:first-of-type img {
	width: 25px
}

.common .box ul li .details > h3 img {
	width: 25px;
	margin-right: 10px
}

#waiting.common .box ul li .details > p:first-of-type span,
#newface.waiting .box li > div .back dl dt span {
	color: #f00;
	animation: blinkAnimeS-waiting 1s infinite alternate;
	font-weight: bold;
	margin-left: 0
}

@keyframes blinkAnimeS-waiting {
	0%  { color : #fff }
	100%{ color : #f00 }
}

ul li .details.panel {
	padding: 10px !important;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	background: rgba(0,0,0,0.9) !important
}

#under ul li .details.panel {
	padding: 12px 10px 0 !important;
	background: none !important
}

ul li .details.panel p {
	line-height: 1.4 !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important
}

#under ul li .details.panel p {
	text-decoration: underline
}
/* /top-common */


/*　top-external */
#external {
	width: 95%;
	margin: 0 auto
}

#external > div {
	overflow: hidden;
	border: 1px solid #000;
	padding: 0 0 40px;
	border-radius: 30px
}

#external > div h2 {
	text-align: center;
	padding: 20px 0;
	font-size: 2.4rem;
	margin-bottom: 10px;
	background: linear-gradient(to left,#960347, #630b35, #960347);
	color: #fff
}

#external > div .deli-box2 h2 {
	background: linear-gradient(to left,#000000, #252525, #000000)
}

#external > div > div {
	background: #fff;
	width: 18%;
	float: left;
	overflow: hidden;
	margin: 20px 1% 0;
	height: 200px
}
/*　/top-external */


/* top-review */
#review .box .img a {
	width: 270px;
	height: 270px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
	position: relative
}

#review .box .img img {
	width: 100%
}

#review .box .details {
	float: left;
	position: relative;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-radius: 0 0 0 20px;
	padding: 20px 2%;
	margin-left: 2%;
	width: 64%;
	color: #000
}

	@media screen and (max-width: 1400px) {
		#review .box .details {
			width: 70%
		}
	}

#review .box .details p,
#history .box ul li .details p {
	margin-bottom: 10px;
	display: flex;
	align-items: center
}

#review .box .details p:last-of-type,
#history .box ul li .details p:nth-of-type(3) {
	margin-bottom: 0
}

#history .box ul li .details p:nth-of-type(4) {
	margin-top: 10px;
	height: 20px;
	align-items: start;
	line-height: 21px
}

#history .box ul li .details p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#history .box ul li .details p:nth-of-type(3) {
	height: 20px;
	align-items: start;
	line-height: 21px
}

#history .box ul li .details p:nth-of-type(n+5) {
	display: none
}

#review .box .details p:nth-of-type(3) {
	color: #960347
}

#review .box .details p:first-of-type {
	font-size: 1.8rem;
	color: #000;
	animation: none
}

#review .box .line {
	position: absolute;
	top: 125px;
	left: -40px;
	width: 40px;
	height: 12px
}

#review .box .line:before,
#review .box .line:after {
	display: block;
	content: '';
	position: absolute;
	background-color: #000;
	width: 40px;
	height: 1px
}

#review .box .line:before {
	top: 0;
	left: 0;
	transform: rotate(-16deg)
}

#review .box .line:after {
	bottom: 0;
	left: 0;
	transform: rotate(16deg)
}

#review .box .line span {
	position: absolute;
	top: -5px;
	left: 39px;
	width: 2px;
	height: 22px;
	background: #fff;
}

#review .box .details > p span {
	display: block;
	overflow-y: scroll;
	height: 130px;
	line-height: 1.6;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	font-size: 1.4rem;
	width: 100%
}
/* /top-review */


/* top-history */
#under #history .box ul {
	overflow-x: visible;
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0.5% 5px
}

#under #history .box ul li {
	width: 19%;
	margin: 0.5% 0.5% 1.5%
}

	@media screen and (max-width: 1700px) {
		#under #history .box ul li {
			width: 23.5%
		}
	}

#history .box ul.slider-history li > div {
	float: left;
	width: 19%;
	margin: 30px 0.5%
}

#history .box ul li div.more {
	margin: 130px 50px 0
}

#history .box ul li a div.more {
	width: 100px;
	display: block;
	text-align: center
}

#history .box ul li div.more div {
	border: 6px solid #fff;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	position: relative;
	margin: 0 auto 15px
}

#history .box ul li div.more div::before {
	content: "";
	position: absolute;
	top: 39%;
	right: 5px;
	left: 0;
	margin: 0 auto;
	width: 12px;
	height: 12px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	transform: rotate(45deg)
}

#history .box ul li div.more p {
	font-size: 1.8rem;
	font-weight: bold
}

#history .box ul li .img {
	width: 100%;
	height: 17.2vw;
	border-radius: 60px 0;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative
}

#under #history .box ul li .img {
	width: 100%;
	height: 17vw
}

	@media screen and (max-width: 1700px) {
		#under #history .box ul li .img {
			height: 21vw
		}
	}

#history .box ul li .img img {
	width: 100%
}

#history .box ul li .details {
	padding: 0 10px
}
/* /top-history */


/* top-group */
#group {
	overflow: visible;
	margin-top: 180px
}

.router {
	position: relative;
	color: #000
}

.router .group-head img,
.page-top .group-body img {
	width: 100%
}

.router .group-head h2 img {
  max-width: 485px
}

.router .group-head p {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	text-align: center;
	padding: 30px 0;
	font-size: 4.2rem;
	margin: 30px 0
}

	@media (max-width: 1440px) {
		.router .group-head p {
			font-size: 3.6rem;
		}
	}

.router .group-head p strong {
	font-size: 6rem;
	margin-left: 5px
}

	@media (max-width: 1300px) {
		.router .group-head p strong {
			font-size: 5.4rem;
		}
	}

.router .group-head > div {
	width: 50%;
	margin: 0 auto 30px
}

#under .router .group-head > div {
	width: 100%;
	margin: 0 auto 30px
}

.router .group-head > a > div {
	text-align: center;
	border: 3px solid #000;
	padding: 25px 50px
}

.page-top .group-head {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 12.5%;
	max-width: 428px;
	position: -webkit-sticky;
	position: sticky;
	top: 15%;
	height: 100%;
	float: left
}

#under .page-top .group-head {
	width: 33%
}

html.ie11 .page-top .group-head {
	height: auto
}

.page-top .group-body {
	margin-top: -7rem;
	width: 55%;
	margin-left: auto;
	position: relative;
	margin-right: 5%
}

	@media (max-width: 1400px) {
		.page-top .group-body {
			font-size: 1.6rem;
		}
	}

.page-top .group-body ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.page-top .group-body ul li {
	border: 3px solid #000;
	box-sizing: border-box;
	width: 43%;
	float: left;
	font-size: 1.8rem;
	margin: 0 3% 6%
}

	@media (max-width: 1400px) {
		.page-top .group-body ul li {
			width: 47%;
			margin: 0 1.5% 6%
		}
	}

.page-top .group-body ul li:nth-of-type(-n+2) {
	margin: 15px 3% 6%
}

	@media (max-width: 1400px) {
		.page-top .group-body ul li:nth-of-type(-n+2) {
			margin: 15px 1.5% 6%
		}
	}

.page-top .group-body ul li:nth-last-child(-n+2) {
	margin: 0 3% 0;
	max-height: 338px;
}

	@media (max-width: 1400px) {
		.page-top .group-body ul li:nth-last-child(-n+2) {
			margin: 0 1.5% 0
		}
	}

.page-top .group-body ul li h3 {
	width: 259px;
	margin: 20px auto
}

.page-top .group-body ul li h4 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 5%;
	padding: 20px 0;
	line-height: 1.6;
	text-align: center
}

	@media (max-width: 1400px) {
		.page-top .group-body ul li h4 {
			font-size: 1.6rem
		}
	}

.page-top .group-body ul li p {
	margin: 30px 10%
}

.page-top .group-body ul li p span {
	background-image: url("../images/group/link.svg");
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	float: right
}

.mod-cliantList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -2.5rem
}

.mod-cliantList:after {
  content: "";
  display: block;
  width: 32%
}
/* /top-group */
/*-- /top --*/


/*-- under --*/
/* under-profile */
#prof-info .inner {
    width: 380px;
	margin: 0 auto ;
}


/* under-profile-today */
#prof-info .today {
	font-size: 2.3rem;
	background: linear-gradient(to right, rgb(255, 0, 138), rgb(255, 58, 165));
	border-radius: 30px
}

#prof-info .today {
    display: inline-block;
    width: 380px;
	margin: 0px auto 20px
}

#prof-info .today img {
	width: 21px;
	margin-right: 7px
}

#prof-info .today p {
	float: left
}

#prof-info .today p:first-of-type {
	padding: 13px 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	color: #ff0
}

#prof-info .today p:last-of-type {
    background: #fff;
    color: #ff008a;
    padding: 10px;
    float: left;
    margin: 2.5px 2.5px 0px 0px;
    width: 189px;
    border-radius: 0px 30px 30px 0px;
    animation: 1s ease 0s infinite alternate none running blinkAnimeS-today;
	text-align: center
}
/* /under-profile-today */


/* under-profile-nom */
.nom-p1 {background: #0033ff;}
.nom-p2 {background: #6633ff;}
.nom-p3 {background: #ff0000;}
.nom-p4 {background: #09bf09;}
.nom-p5 {background: #0096ff;}
.nom-p6 {background: #ff00ff;}
.nom-p7 {background: #ff8f00;}
.nom-p8 {background: #9700ff;}
.nom-p9 {background: #808080;}
.nom-p10 {background: #bf8a24;}
.nom-vip {background: linear-gradient(-45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
/* /under-profile-name-color */


#prof-info .nom {
	font-size: 2.1rem;
	border-radius: 50px;
	display: flex;
	align-items: center;
	background-color: #730202;
}

#prof-info .nom p {
	float: left;
	text-align: center;
	padding: 15px 0
}

#prof-info .nom p:first-of-type {
	font-weight: bold;
	width: 28%;
	padding: 15px 0 15px 2%;
	color: #fff
}

#prof-info .nom p:last-of-type {
	background: #fff;
	margin: 1% 1% 1% 0;
	width: 70%;
	border-radius: 0px 30px 30px 0px
}

#prof-info .nom p:last-of-type span {
	font-size: 2.7rem
}

#prof-info .nom p:last-of-type em {
	display: block;
	font-size: 1.8rem;
	margin-top: 5px
}

#prof-info .nom p:last-of-type em span {
	font-size: 2.1rem
}

#prof-info .nom-vip p {
	color: #4f2121
}
/* /under-profile-nom */


#prof-info ul li {
    border: none;
    width: 96%;
    border-radius: 15px;
    margin:0 3% 30px;
	height: auto
}

#prof-info ul li h3 {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px;
    font-size: 24px;
    border-radius: 10px 10px 0px 0px;
	position: relative;
	font-weight: bold
}

#prof-info ul li h3 img {
    width: 30px;
    margin-right: 10px
}

#prof-info ul li h3 a {
    position: absolute;
    top: 3px;
    right: 40px;
    background: linear-gradient(to left,#960347, #630b35, #960347);
    border-radius: 30px;
    font-size: 18px;
    padding: 15px;
    color: #fff;
    text-align: center;
    width: 200px
}

#prof-info ul li p {
	margin: 5% 10%;
	color: #fff
}

#prof-info ul li.no p {
	color: #333
}

#prof-info .bg {
    background: linear-gradient(to left,#960347, #630b35, #960347);
    border-radius: 0px 0px 15px 15px;
    padding: 20px
}

#prof-info .bg iframe + ul li:first-of-type {
    margin-top: 15px
}

#prof-info .detail.sns {
	border: 3px solid #fff
}

#prof-info .detail.sns h3 {
	background: #fff;
	font-size: 30px;
	font-weight: normal;
	padding: 10px 0 15px
}

#prof-info .detail.sns ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

#prof-info .detail.sns ul li {
	width: 115px;
	margin: 3% 1%;
	text-align: center;
	border: 2px solid #fff;
	box-sizing: border-box;
	color: #fff
}

#prof-info .detail.sns ul li a {
	display: block;
	padding: 10px
}

#prof-info .detail.sns ul li a img {
    width: 70px;
    margin-bottom: 5px
}
/* /under-profile-sns */

#prof-info .type-icon {
	margin: 20px 3% 30px
}

#prof-info .type-icon li {
	border: 3px solid #fff;
	box-sizing: border-box;
	padding: 1.5% 1%;
	width: 31.3333333333333333333333333%;
	text-align: center;
	margin: 1%;
	background: linear-gradient(to left,#960347, #630b35, #960347);
	border-radius: 50px;
	color: #fff
}

#prof-info .color4 .bg ul li {
	display: inline-block;
	width: 49%;
	margin: 10px 0.5%;
	text-align: center
}

#prof-info .color4 .bg ul li a {
	position: relative;
	font-size: 2.1rem;
	padding: 20px 0;
	border: 1px solid #fff;
	display: inline-block;
	border-radius: 40px;
	box-sizing: border-box;
	width: 100%;
	color: #fff
}

#prof-info .color4 .bg ul li a::before {
	content: "";
	position: absolute;
	top: 44%;
	right: 25px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg)
}


/* under-profile-detail */
#prof-info .detail {
	border: 3px solid #fff;
	background: rgba(150,3,71,0.9)
}

#prof-info .detail h3 {
	font-weight: bold;
	background: #fff;
	color: #960347
}

#prof-info .detail p {
    margin: 30px 0;
    text-align: center;
    color: #ff0
}

#prof-info .detail p:first-of-type {
    font-size: 42px
}

#prof-info .detail p:nth-of-type(2) {
    font-size: 21px;
    color: #fff;
    border-bottom: 3px solid #fff;
    padding-bottom: 25px
}

#prof-info .detail p:last-of-type {
    font-size: 27px
}
/* /under-profile-detail */


/* /under-profile-qa */
#prof-info .qa {
    border: none;
    width: 96.5%;
    margin: 30px 3%;
    height: auto
}

#prof-info .qa dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 15px;
	line-height: 24px;
	background: rgba(150,3,71,0.9);
	color: #fff
}

#prof-info .qa dl dt,
#prof-info .qa dl dd {
    box-sizing: border-box;
    padding: 15px;
	border-bottom: 1px solid #fff
}

#prof-info .qa dl dt:last-of-type,
#prof-info .qa dl dd:last-of-type {
    border-bottom: 0px
}

#prof-info .qa dl dt {
    width: 30%;
	box-sizing: border-box;
	border-right: 1px solid #fff
}

	@media (max-width: 1530px) {
		#prof-info .qa dl dt {
    		width: 35%;
		}
	}

#prof-info .qa dl dd {
    width: 70%
}

	@media (max-width: 1530px) {
		#prof-info .qa dl dd {
			width: 65%
		}
	}
/* /under-profile-qa */


/* under-profile-layout */
#prof-info .layout {
	padding: 5px;
	background: #fff
} 

#prof-info .layout h3 {
	font-size: 30px;
	font-weight: bold;
	color: #960347
} 
/* /under-profile-layout */


/* under-profile-play */
#prof-info .icon {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

#prof-info .icon li {
	width: 24%;
	text-align: center;
	margin: 1% 0.5%;
	border-radius: 16px;
	justify-content: center;
	align-items: center;
	display: flex
}

	@media (max-width: 1400px) {
		#prof-info .icon li {
			width: 32%
		}
	}

#prof-info .icon li p {
    margin: 0px;
	padding: 8px 0;
    font-size: 18px;
	line-height: 24px
}

#prof-info .icon li span {
    margin: 0;
    padding: 10px
}

#prof-info .icon.play li {
    border: solid 1px #fff;
	box-sizing: border-box
}

#prof-info .icon.option li.ok {
	box-sizing: border-box;
	background: #fff;
	color: #000
}

#prof-info .icon.option li.no {
    border: solid 1px #333;
    color: #333;
	box-sizing: border-box
}

#prof-info .option-r {
    border-top: 1px solid #fff;
    margin-top: 20px
}

#prof-info .option-r p {
    width: 375px;
    margin: 30px auto
}

#prof-info .option-r p span {
    background: none;
    width: auto;
    height: auto;
    display: unset;
    float: none;
    border-radius: 16px;
    padding: 5px 10px;
    margin-right: 20px
}

#prof-info .option-r p:first-of-type span {
	color: #fff;
	background: #fff
}

#prof-info .option-r p:last-of-type span {
	border: solid 1px #333;
	color: #333
}
/* /under-profile-play */


/* under-profile-comment */
#prof-info .com {
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	line-height: 2.5em;
    text-align: center;
    font-size: 1.6rem;
	color: #fff
}
/* /under-profile-comment */


/* under-profile-schedule */
#prof-info .layout.color5 .bg {
    padding: 0
}

#prof-info .sch {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#prof-info .day {
    text-align: center;
    font-size: 16px;
    width: calc(100%/7);
    border-right: 1px solid #fff;
	box-sizing: border-box
}

#prof-info .day:last-of-type {
    border-right: none
}

#prof-info .day p {
    border-bottom: 1px solid #fff;
	box-sizing: border-box;
    margin: 0
}

#prof-info .day p:first-of-type {
    color: #fff;
    font-size: 2.4rem;
    padding: 15% 0px;
	background: rgba(255,255,255,0.1)
}

	@media (max-width: 1400px) {
		#prof-info .day p:first-of-type {
			font-size: 2.1rem
		}
	}

#prof-info .day p:last-of-type {
    font-size: 2.1rem;
    border-bottom: none;
    margin: 20px 0px
}

	@media (max-width: 1400px) {
		#prof-info .day p:last-of-type {
    		font-size: 1.8rem
		}
	}

#prof-info .day a {
    display: block;
    background: #fff;
    border-radius: 15px;
    width: 70%;
    margin: -5px auto 20px;
    padding: 5px;
	color: #000
}

#prof-info .day a:hover {
    opacity: .8
}
/* /under-profile-schedule */


/* under-profile-movie */
#prof-info .mov {
	padding: 15px
}

#prof-info .mov video {
	margin-bottom: 10px
}

#prof-info .mov video:last-of-type {
	margin-bottom: 0
}

#prof-info .mov p {
    font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	line-height: 3rem;
	text-align: center;
	font-size: 1.6rem
}
/* /under-profile-movie */


/* under-profile-review */
#prof-info .review dl {
    border-bottom: 2px dotted #fff;
    margin: 20px auto 25px
}

#prof-info .review dl dt {
    text-align: center;
    color: #ff0;
    font-size: 24px
}

#prof-info .review dl dt span {
	color: #fff;
    font-size: 18px
}

#prof-info .review dl dd {
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	line-height: 2em;
    font-size: 18px;
    padding: 20px;
	color: #fff
}

#prof-info .review a {
    display: block;
    width: 200px;
    padding: 20px 10px;
    text-align: center;
    margin: 0 auto;
	color: #fff
}
/* /under-profile-review */


/* under-profile-slider-icon */
.prof-thum {
	position: relative
}

.prof-thum .icon-left,
.prof-thum .icon-right {
    position: absolute;
    top: 10px
}

.prof-thum .icon-left {
    left: 10px
}

.prof-thum .icon-right {
	right: 10px
}

.prof-thum .icon-left img {
	width: 80px;
	margin-bottom: 10px
}

.prof-thum .icon-right img {
	width: 55px;
	margin-bottom: 10px
}
/* /under-profile-slider-icon */


.btn-h {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    z-index: 2
}

.btn-h:hover {
	color: #fff!important
}

.btn-h::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
	background: rgb(255, 170, 49);
	background: -moz-linear-gradient(-45deg,  rgba(255, 170, 49,1) 0%, rgba(255, 150, 0,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255, 170, 49,1) 0%,rgba(255, 150, 0,1) 100%);
	background: linear-gradient(135deg,  rgba(255, 170, 49,1) 0%,rgba(255, 150, 0,1) 100%);
    transform-origin: left;
    transform: scale(0, 1);
    transition: transform .1s;
	border-radius: 30px
}

.btn-h:hover::before {
	transform-origin: left;
	transform: scale(1, 1);
	color: #fff
}

#under .router {
	border-bottom: 2px solid #000
}
/* /under-profile */


/* under-playmanual */
#playmanual .container {
	width: 90%;
	height: auto
}

#playmanual .box {
	margin-bottom: 60px
}

#playmanual .box .img {
	width: 520px;
	float: left
}

#playmanual .box:nth-child(2n) .img {
	float: right
}

#playmanual .box div {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	min-height: 336px;
	position: relative;
	margin-left: 550px;
	color: #fff
}

#playmanual .box:nth-child(2n) div {
	margin-left: 0;
	margin-right: 550px
}

#playmanual .box div h4 {
    font-size: 3.6rem;
    letter-spacing: 0.5rem;
	margin: 50px 0px 30px 25px;
	color: #ff0
}

#playmanual .box div p {
	line-height: 3.6rem;
	margin: 0px 0px 40px 30px;
	font-size: 1.8rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#playmanual .box div p span {
	color: #ff0;
	font-size: 2.1rem
}

#playmanual .box div .img2 {
	width: 40px;
	position: absolute;
	right: 0
}
/* /under-playmanual */


/* under-waitingmap , under-members */
#under #waitingmap .u-box h3,
#under #members .u-box h3 {
	text-align: center;
	font-size: 3.6rem;
	padding: 25px 0;
	background: linear-gradient(to left,#960347, #630b35, #960347);
	color: #fff
}

#under #members .u-box h3 {
	font-size: 4.8rem
}

#under #waitingmap .u-box#area dl dt,
#under #waitingmap .u-box#play ul li div p:first-of-type,
#under #waitingmap .u-box#play ul li div p:last-of-type strong,
#under #members .u-box ul li div p:first-of-type {
	color: #000;
	animation: blinkAnimeS-waitingmap 1s infinite alternate
}

#under #waitingmap.access .access-map p {
	font-size: 1.8rem;
	margin: 30px 0 0 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	line-height: 30px;
	border-left: 5px solid #960347;
	padding-left: 20px
}

#under #waitingmap.access .access-map iframe {
	padding: 30px;
	border-top: 1px solid #fff;
	height: 600px;
	width: 100%;
	box-sizing: border-box
}

#under #waitingmap.access .access-map p {
	font-size: 1.8rem;
	margin: 30px 0 0 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	line-height: 30px;
	border-left: 5px solid #960347;
	padding-left: 20px
}

#under #waitingmap.access .access-map iframe {
	padding: 30px;
	border-top: 1px solid #fff;
	height: 600px;
	width: 100%;
	box-sizing: border-box
}

#under #waitingmap .notice {
	background: #fff;
	border-bottom: 6px solid #000;
	padding: 20px
}

#under #waitingmap .notice dt {
	border-left: solid 4px #960347;
	font-size: 2.1rem;
	padding-left: 0.5em;
	margin-bottom: 15px
}

#under #waitingmap .notice dd {
	margin-bottom: 30px;
	line-height: 1.6;
	font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif
}

@keyframes blinkAnimeS-waitingmap {
	0%  { color : #000 }
	100%{ color : #960347 }
}

#under #members .u-box > .line {
	display: block;
	text-align: center;
	padding: 60px 0
}

#under #waitingmap .u-box h3 span {
	font-size: 3rem
}

#under #waitingmap .u-box h4 {
	background: #eee;
	text-align: center;
	padding: 15px 0;
	color: #000;
	font-size: 3rem
}

#under #waitingmap .u-box dl dt {
	font-size: 3rem;
	margin: 30px 0 15px 60px
}

#under #waitingmap .u-box dl dd:first-of-type {
	margin-left: 60px;
	line-height: 30px
}

#under #waitingmap .u-box dl dd:nth-of-type(2) {
	overflow-x: scroll;
	display: flex;
	margin: 0 20px
}

#under #waitingmap .u-box dl dd img {
	width: 33%;
	margin: 25px 0.5%;
	border-radius: 15px
}

	@media (max-width: 1920px) {
		#under #waitingmap .u-box dl dd img {
			width: 585px
		}
	}

#under #waitingmap .u-box dl dd iframe {
	width: 97%;
	height: 600px;
	margin: 0 1.5% 1.5%
}

#under #waitingmap .u-box#play > ul,
#under #members .u-box > ul {
	overflow: hidden;
	padding: 1%;
	display: flex;
	flex-wrap: wrap
}

#under #waitingmap .u-box#play > ul > li,
#under #members .u-box > ul > li {
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 30px;
	width: 48%;
	margin: 1%;
	float: left;
	overflow: hidden
}

	@media (max-width: 1520px) {
		#under #waitingmap .u-box#play > ul > li,
		#under #members .u-box > ul > li {
			width: 100%
		}
		#under #waitingmap.access .u-box#play > ul > li {
			width: 48%
		}
	}

#under #waitingmap .u-box#play > ul > li:last-of-type {
	width: 98%
}

#under #waitingmap.access .u-box#play > ul > li:last-of-type {
	width: auto;
	border: 6px solid #960347
}

#under #waitingmap.access .u-box#play > ul > li.long {
	width: 60%;
	margin: 1% auto
}

#under #waitingmap .u-box#play > ul > li figure,
#under #members .u-box > ul > li figure {
	float: left;
	margin-right: 30px
}

#under #waitingmap.access .u-box#play > ul > li figure {
	float: none;
	margin-right: 0
}

#under #waitingmap .u-box#play > ul > li figure img,
#under #members .u-box > ul > li figure img {
	border-radius: 30px 0 0 30px
}

#under #waitingmap.access .u-box#play > ul > li figure img {
  	width: 100%;
	border-radius: 0
}

#under #waitingmap .u-box#play > ul > li > div,
#under #members .u-box > ul > li > div,
#under #waitingmap.access .u-box#play > ul > li:last-of-type > div {
	padding: 30px
}

#under #waitingmap .u-box#play > ul > li:last-of-type > div {
	padding: 1.5%
}

#under #waitingmap .u-box#play > ul > li > div > p:first-of-type,
#under #members .u-box > ul > li > div > p:first-of-type {
	font-size: 4.8rem;
	margin-bottom: 10px
}

#under #waitingmap .u-box#play > ul > li > div > p:first-of-type strong,
#under #members .u-box > ul > li > div > p:first-of-type strong {
	font-size: 6rem
}

#under #waitingmap .u-box#play > ul > li > div > p:last-of-type,
#under #members .u-box > ul > li > div > p:last-of-type {
	line-height: 1.6;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#under #members .u-box > ul > li > ul > li {
	text-align: center;
	margin: 35px 0 20px
}

#under #members .u-box > ul > li > ul > li > a {
	padding: 30px 40px;
	border-radius: 45px;
	display: inline-block;
	font-size: 2.4rem;
	background: linear-gradient(to left,#960347, #630b35, #960347);
	color: #fff
}

#under #members .u-box > ul > li > p {
	text-align: center;
	line-height: 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	padding: 0 20px 20px
}
/* /under-waitingmap , under-members */


/* under-ranking */
#under #ranking .u-box:last-of-type {
	margin-bottom: 40px
}

#under #ranking .u-box .month,
#under #ranking .u-box .genre {
	position: relative;
	margin: 0 auto;
	padding: 40px 0;
	display: flex;
	justify-content: center;
	align-items: center
}

#under #ranking .u-box .month li:first-of-type a,
#under #ranking .u-box .month li:last-of-type a {
	font-size: 2.1rem;
	padding: 15px 30px;
	border-radius: 30px;
	margin: 0 25px
}

#under #ranking .u-box .month li h3 {
	font-size: 2.7rem
}

#under #ranking .u-box .genre {
	background: #eee;
	border-top: 1px solid
}

#under #ranking .u-box .genre li a {
	font-size: 2.1rem;
	padding: 15px 50px;
	border-radius: 30px;
	margin: 0 15px;
	position: relative
}

#under #ranking .u-box .genre li.on a {
	color: #c7a63f;
	font-weight: bold;
	animation: blinkAnimeS-ranking 1s infinite alternate
}

@keyframes blinkAnimeS-ranking{
	0%  { color : #000 }
	100%{ color : #c7a63f }
}

#under #ranking .u-box .genre li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	margin-top: -5px
}

#under #ranking .u-box .genre li.on a:after {
	border-top: 2px solid #c7a63f;
	border-right: 2px solid #c7a63f
}


/* under-ranking-pt1 */
#under #ranking .u-box.pt1 .detail {
	padding: 30px;
	display: flex;
	justify-content: center;
	align-items: center
}

#under #ranking .u-box.pt1 .detail dt,
#under #ranking .u-box.pt1 .detail dd {
	width: 30%;
	margin: 0 1%
}

#under #ranking .u-box.pt1 .detail dd:last-of-type {
	max-height: 230px;
	overflow-y: scroll
}

#under #ranking .u-box.pt1 img {
	width: 100%
}

#under #ranking .u-box.pt1 .detail dd p {
	text-align: center
}

#under #ranking .u-box.pt1 .detail dd p:first-of-type {
	font-size: 3.6rem;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px
}

#under #ranking .u-box.pt1 .detail dd p:last-of-type {
	font-size: 1.8rem
}

#under #ranking .u-box.pt1 .detail dd:first-of-type {
	padding: 40px 0;
	border-radius: 30px;
	border: 3px solid #c7a63f;
	box-sizing: border-box;
	color: #c7a63f
}

#under #ranking .u-box.pt1 .detail dd:last-of-type {
	line-height: 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#under #ranking .u-box.pt1 .img {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid
}

#under #ranking .u-box.pt1 .img p {
	width: 33.33333333%
}

/* under-ranking-pt2 */
#under #ranking .u-box.pt2 .group {
	width: 50%;
	float: left;
	border-right: 1px solid #000;
	box-sizing: border-box
}

#under #ranking .u-box.pt2 .group:last-of-type {
	border-right: none
}

#under #ranking .pt2.pt3 .group {
	width: 33.3333333%
}

#under #ranking .pt2.pt4 .group {
	width: 25%
}

#under #ranking .u-box.pt2 .detail {
	padding: 30px;
	display: flex;
	justify-content: center;
	align-items: center
}

#under #ranking .u-box.pt3 .detail,
#under #ranking .u-box.pt4 .detail {
	padding: 20px 25px
}

#under #ranking .u-box.pt2 .detail dt,
#under #ranking .u-box.pt2 .detail dd {
	width: 48%;
	margin: 0 1%
}

#under #ranking .u-box.pt2 img {
	width: 100%
}

#under #ranking .u-box.pt3 .detail img {
	width: 75%
}

#under #ranking .u-box.pt2 .detail dd p,
#under #ranking .u-box.pt2 .group li:first-of-type {
	text-align: center
}

#under #ranking .u-box.pt2 .detail dd p:first-of-type,
#under #ranking .u-box.pt2 .group li:first-of-type p:first-of-type {
	font-size: 3rem;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 20px
}

#under #ranking .u-box.pt2 .group .detail dd p:last-of-type,
#under #ranking .u-box.pt2 .group li:first-of-type p:last-of-type {
	font-size: 1.8rem
}

#under #ranking .u-box.pt2 .group .detail dd:first-of-type,
#under #ranking .u-box.pt2 .group ul:first-of-type li:first-of-type {
	border: 3px solid #000;
	box-sizing: border-box;
	padding: 30px 10px;
	border-radius: 30px
}

#under #ranking .u-box:nth-of-type(3) .group:first-of-type .detail dd:first-of-type {
	border: 3px solid #8f8f8f;
	color: #8f8f8f
}

#under #ranking .u-box:nth-of-type(3) .group:last-of-type .detail dd:first-of-type {
	border: 3px solid #d18b00;
	color: #d18b00
}

#under #ranking .u-box.pt2 .group ul:first-of-type {
	margin: 0 30px 25px
}

#under #ranking .u-box .detail .group > div {
	border: 3px solid #fff;
	box-sizing: border-box;
	padding: 30px 0;
	border-radius: 30px
}

#under #ranking .u-box.pt2 .img {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid
}

#under #ranking .u-box.pt2 .img p {
	width: 50%
}

#under #ranking .u-box.pt3 .img p,
#under #ranking .u-box.pt4 .img p {
	width: 75%;
	border-radius: 30px;
	overflow: hidden
}

#under #ranking .u-box.pt2 .group > p,
#under #ranking .u-box.pt3 .group ul:first-of-type li:last-of-type,
#under #ranking .u-box.pt4 .group ul:first-of-type li:last-of-type {
	padding: 0 30px;
	line-height: 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	max-height: 200px;
	overflow-y: scroll;
	margin-bottom: 30px
}

#under #ranking .u-box.pt2 .group ul:first-of-type li:last-of-type {
	padding: 0;
	margin-top: 20px
}

#under #ranking .u-box:nth-of-type(3) .group ul:first-of-type li:last-of-type {
	padding: 0;
	margin-top: 0;
	border: none
}

#under #ranking .u-box:nth-of-type(n+2) ul:last-of-type li a {
	width: 250px;
	display: block;
	text-align: center;
	line-height: 48px;
	border-radius: 30px;
	margin: 0 auto 30px;
	font-size: 1.8rem
}
/* /under-ranking */


/* under-system */
#under #system .heading {
	margin-top: 90px
}

#under #system section:first-of-type .heading {
	margin-top: 60px
}

#under #system .heading {
	color: #fff
}

#under #system .heading p {
	text-align: center;
	font-size: 2.1rem;
	margin-bottom: 15px;
	letter-spacing: 3px
}

#under #system .heading h3 {
	display: flex;
	align-items: center;
	font-size: 4.8rem;
	font-weight: 400;
	letter-spacing: 7px;
	justify-content: center
}

#under #system .heading h3::before,
#under #system .heading h3::after {
	width: 70px;
	height: 10px;
	display: block;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: ""
}

#under #system .heading h3 span {
	font-size: 3rem;
	margin: 0px -15px;
}

#under #system .heading h3::before {
  margin-right: 25px
}

#under #system .heading h3::after {
  margin-left: 20px
}

#under #system .u-box ul {
	display: flex;
	flex-wrap: wrap
}

#under #system .course .u-box ul,
#under #system #option .u-box ul {
	border-top: 1px solid #000;
	box-sizing: border-box
}

#under #system .u-box > ul > li {
	border-right: 1px solid #000;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	float: left;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #000;
	padding: 30px 0;
	width: calc(100%/4)
}

	@media (max-width: 1590px) {
		#under #system .u-box > ul > li {
			width: calc(100%/3)
		}
	}

#under #system #option .u-box > ul > li,
#under #system #service .u-box div > ul {
	padding: 0;
	display: inline-block;
	text-align: center
}

#under #system #waiting-plan .u-box ul li,
#under #system .u-box#plan ul li {
	width: calc(100%/3)
}

#under #system #waiting-plan .u-box ul li:nth-of-type(n+4),
#under #system .u-box#plan ul li:nth-of-type(n+4),
.world #system #basic-price .u-box.pt2 ul:last-of-type li {
	width: calc(100%/2)
}

#under #system #option .u-box ul li {
	width: calc(100%/5)
}

#under #system #option .u-box ul li:nth-of-type(n+11) {
	width: calc(100%/4)
}

#under #system #basic-price .u-box > ul > li:nth-of-type(n+5):nth-of-type(-n+8){
	background: #eee
}

	@media (max-width: 1590px) {
		#under #system #basic-price .u-box > ul > li:nth-of-type(n+5):nth-of-type(-n+8){
			background: none
		}

		#under #system #basic-price .u-box.pt1 > ul > li:nth-of-type(n+4):nth-of-type(-n+6),
		#under #system #basic-price .u-box.pt1 > ul > li:nth-of-type(n+10):nth-of-type(-n+12) {
			background: #eee
		}
	}

#under #system .u-box#plan ul li:nth-of-type(n+4):nth-of-type(-n+7){
	background: #eee
}

#under #system #waiting-plan .u-box ul li:nth-of-type(n+1):nth-of-type(-n+3) {
	background: #eee
}

#under #system .course .u-box ul li:nth-of-type(n+1):nth-of-type(-n+3){
	background: #eee
}

#under #system .u-box.pt1 ul li p:first-of-type {
	font-size: 2.1rem;
	background: #960347;
	border-radius: 50%;
	line-height: 21px;
	letter-spacing: 0;
	margin-right: 15px;
	width: 65px;
	height: 52px;
	text-align: center;
	padding-top: 13px;
	color: #fff
}

.world.chinese #system .u-box.pt1 ul li p:first-of-type {
	font-size: 1.6rem !important;
	line-height: 24px !important
}

#under #system .u-box.pt1 ul li.pickup p:first-of-type {
	background: #f00;
	color: #fff
}

#under #system .u-box.pt1 ul li.pickup div {
	background: linear-gradient(to right, #f00, #ff2929);
	padding: 10px 0;
	border-radius: 30px;
	font-size: 2.1rem;
	font-weight: bold;
	width: 85%;
	text-align: center;
	margin-top: 20px
}

#under #system #basic-price .u-box.pt1 ul li.pickup div {
	margin-top: 0
}

#under #system .u-box#plan ul li div {
	margin-top: 20px
}

#under #system .u-box#plan ul li.pickup div {
	width: 65%
}

#under #system .u-box.pt1 ul li.pickup div span {
	font-style: italic;
}

#under #system .u-box.pt1 ul li.pickup div img {
	width: 25px;
	margin-right: 10px
}

#under #system .u-box.pt1 ul li p:first-of-type span {
	display: block;
	font-size: 3.3rem
}

#under #system .u-box.pt1 ul li p:last-of-type,
#under #system #option .u-box ul li div p:last-of-type,
#under #system #transportation .u-box div ul li p:first-of-type {
	font-size: 4.2rem;
	display: flex;
	justify-content: center;
	align-items: center
}

	@media (max-width: 1900px) {
		#under #system .u-box.pt1 ul li p:last-of-type,
		#under #system #option .u-box ul li div p:last-of-type {
			display: grid
		}
	}

#under #system .u-box.pt1 ul li p:last-of-type span,
#under #system #option .u-box ul li div p:last-of-type span,
#under #system #transportation .u-box div ul li p:first-of-type span {
	font-size: 2.1rem;
	margin-top: 15px;
	color: #000
}

#under #system .u-box > .txt,
#under #system .u-box > div .txt {
	line-height: 21px;
	text-align: center;
	background: #eee;
	padding: 30px;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#under #system #waiting-plan .u-box > p,
#under #system .u-box#plan > p {
	border-top: 1px solid #fff;
	box-sizing: border-box;
	font-size: 3rem
}

#under #system #waiting-plan .u-box > p {
	background: #fff
}

#under #system .u-box > ul > li.pickup p:last-of-type {
	color: #f00 !important
}

#under #system .u-box ul li > strong,
#under #system #option .u-box > ul > li strong {
	display: inline-block;
	margin: 20px 20px 0;
	line-height: 25px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	padding: 10px 20px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	font-size: 1.4rem;
	width: 100%;
	text-align: center
}

#under #system #option .u-box > ul > li strong {
	margin: 0;
	font-size: 1.6rem;
	border-bottom: 0;
	color: #fff;
	background: linear-gradient(to left,#960347, #630b35, #960347);
	font-weight: bold
}

.world #system #option .u-box > ul > li strong {
	background: linear-gradient(to right, #ff008a, #ff3aa5) !important
}

/* under-system-basic-price */
@media (max-width: 1870px) {
	#under #system #basic-price .u-box.pt2 ul li {
		width: calc(100%/2)
	}
}

#under #system #basic-price .u-box.pt2 ul:first-of-type li {
	min-height: 168px
}

#under #system #basic-price .u-box.pt2 ul:last-of-type li {
	font-size: 2.4rem;
	color: #960347
}

.world #system #basic-price .u-box.pt2 ul:last-of-type li {
	font-size: 1.4rem !important;
	color: #fff !important
}

#under #system #basic-price .u-box.pt2 ul:last-of-type li img {
	width: 25px;
	margin-right: 10px
}

#under #system .u-box.pt1 ul li p:last-of-type,
#under #system .u-box.pt2 ul li div > p:last-of-type {
	color: #960347
}

#under #system #option .u-box ul li div p:last-of-type {
	color: #960347
}

.world #system #option .u-box ul li div p:last-of-type {
	color: #960347 !important
}

#under #system #transportation .u-box div ul li p:first-of-type {
	color: #960347
}

#under #system #basic-price .u-box ul li div,
#under #system #basic-price .u-box ul li div > p {
	display: flex;
	justify-content: center;
	align-items: center
}

#under #system #basic-price .u-box ul li div > p:first-of-type {
	background: #960347;
	color: #fff;
	font-size: 1.8rem;
	border-radius: 30px;
	margin-right: 15px;
	min-width: 100px;
	text-align: center;
	line-height: 40px;
	padding: 0 15px
}

.world #system #basic-price .u-box ul li div > p:first-of-type {
	width: 280px !important
}

#under #system #basic-price .u-box ul li div > p:first-of-type span {
	letter-spacing: 0
}

#under #system #basic-price .u-box ul li:last-of-type div > p:first-of-type span {
	letter-spacing: -3px
}

#under #system #basic-price .u-box ul li div > p:last-of-type {
	font-size: 3.3rem
}

#under #system #basic-price .u-box.pt2 ul li:nth-of-type(2) div > p:last-of-type {
	font-size: 2.7rem
}

#under #system #basic-price .u-box ul li div > p:last-of-type span {
	font-size: 1.8rem;
	color: #000;
	margin-top: 10px
}

#under #system #basic-price .u-box ul li div > p:last-of-type em {
	font-size: 1.8rem;
	margin-top: 5px
}

#under #system #basic-price .u-box.pt2 ul li > p {
	border: 1px solid #000;
	border-radius: 15px;
	padding: 10px 15px;
	line-height: 25px;
	margin: 15px 30px 0;
	width: 100%;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	color: #000
}

#under #system #basic-price .u-box h4 {
	font-size: 3.6rem;
	text-align: center;
	background: #eee;
	padding: 30px 0;
	border-bottom: 1px solid #000
}

#under #system #basic-price .u-box h4:last-of-type {
	border-top: 1px solid #000
}

#under #system #basic-price .u-box h4 span {
	font-size: 1.8rem;
	display: block;
	margin-top: 15px
}

#under #system #basic-price .u-box > div {
	padding: 2%;
	overflow: hidden;
	width: 80%;
	margin: 0 auto
}

	@media (max-width: 1320px) {
		#under #system #basic-price .u-box > div {
			width: 95%
		}
	}

@media (max-width: 1880px) {
	#under #system #basic-price .u-box > div > div:first-of-type {
		float: none !important
	}
}

#under #system #basic-price .u-box > div > div:last-of-type {
	text-align: center
}

	@media (max-width: 1880px) {
		#under #system #basic-price .u-box > div > div:last-of-type {
			float: none !important;
			width: 400px;
			margin: 30px auto 0
		}
	}

#under #system #basic-price .u-box > div:first-of-type > div:first-of-type {
	float: left
}

#under #system #basic-price .u-box > div:first-of-type > div:last-of-type {
	float: right
}

#under #system #basic-price .u-box > div:last-of-type > div:first-of-type {
	float: right
}

#under #system #basic-price .u-box > div:last-of-type > div:last-of-type {
	float: left
}

#under #system #basic-price .u-box > div > div h5 {
	font-size: 3rem
}

#under #system #basic-price .u-box > div > div h5 > img {
	width: 30px;
	margin-right: 15px
}

#under #system #basic-price .u-box > div > div p {
	line-height: 36px;
	font-size: 1.8rem;
	margin-top: 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#under #system #basic-price .u-box > div > div p span {
	color: #960347;
	font-size: 2.1rem
}

#under #system #basic-price .u-box > div > div ul li {
	font-size: 3rem;
	display: flex
}

#under #system #basic-price .u-box > div > div ul li a {
	display: block;
	border-radius: 30px;
	width: 400px;
	line-height: 120px;
	text-align: center;
	margin: 0 2%
}

#under #system #basic-price .u-box > div > div > img {
	margin-top: 30px
}
/* /under-system-basic-price */


/* under-system-basic-play */
#under #system #basic-play .u-box > p {
	font-size: 2.1rem;
	text-align: center;
	padding: 30px;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	line-height: 2.1
}

	@media (max-width: 1360px) {
		#under #system #basic-play .u-box > p {
			font-size: 1.8rem;
			line-height: 1.8
		}
	}

#under #system #basic-play .u-box div {
	background: #eee;
	padding: 40px 0 30px;
	border-top: 1px solid #000;
	box-sizing: border-box
}

#under #system #basic-play .u-box div h4 {
	position: relative;
	padding: 15px 20px;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	width: 320px;
	text-align: center;
	margin: 0 auto;
	font-size: 30px;
	color: #960347;
	box-sizing: border-box
}

#under #system #basic-play .u-box div h4:before,
#under #system #basic-play .u-box div h4:after {
	content: '';
	position: absolute;
	top: -12px;
	width: 1px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 26px);
	background-color: #000
}

#under #system #basic-play .u-box div h4:before {
	left: 12px
}

#under #system #basic-play .u-box div h4:after {
	right: 10px
}

#under #system #basic-play .u-box div h4 span {
	font-style: oblique
}

#under #system #basic-play .u-box div ol {
	width: 1080px;
	margin: 0 auto;
	font-size: 2.4rem;
	color: #960347;
	overflow: hidden
}

#under #system #basic-play .u-box div ol li {
	float: left;
	width: 250px;
	text-align: center;
	border: 1px solid #000;
	box-sizing: border-box;
	line-height: 48px;
	border-radius: 15px;
	margin: 40px 10px 30px
}

#under #system #basic-play .u-box div p {
	text-align: center;
	line-height: 30px;
	font-size: 1.8rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}
/* /under-system-basic-play */


/* under-system-course */
#under #system .course .u-box ul li {
	width: calc(100%/3)
}

#under #system .course#hotel .u-box ul li {
	width: calc(100%/2)
}

#under #system .course .u-box .explanation {
	text-align: center;
	border-bottom: 1px solid #fff;
	padding: 30px 0
}

#under #system .course .u-box .explanation > p {
	font-size: 3rem;
	color: #960347;
	border-bottom: 3px solid #960347;
	display: inline-block;
	padding-bottom: 10px
}

#under #system .course .u-box .explanation > p strong {
	font-size: 3.6rem
}

#under #system .course .u-box .explanation > div {
	margin-top: 30px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center
}

#under #system .course .u-box .explanation > div > p {
	font-size: 2.4rem;
	float: left;
	display: flex;
	align-items: center
}

#under #system .course .u-box .explanation > div > p img {
	width: 50px;
	margin-right: 10px
}

#under #system .course .u-box > p {
	font-size: 2.4rem;
	text-align: center;
	padding: 30px;
	border-bottom: 1px solid #fff
}

#under #system .course .u-box > p span {
	display: block;
	margin-top: 15px;
	color: #960347
}
/* /under-system-course */


/* under-system-option */
#under #system #option .u-box > div {
	text-align: center;
	border-bottom: 1px solid #fff
}

#under #system #option .u-box > div a {
	text-align: center;
	padding: 30px 60px;
	border-radius: 30px;
	font-size: 3rem;
	margin: 30px 0;
	color: #960347
}

#under #system #option .u-box ul li div p:first-of-type {
	background: #eee;
	padding: 20px;
	font-size: 2.4rem
}

#under #system #option .u-box ul li div p:last-of-type {
	padding: 30px
}
/* /under-system-option */


/* under-system-transportation */
#under #system #transportation .u-box ul {
	display: block
}

#under #system #transportation .u-box ul li {
	padding: 30px;
	border-bottom: 1px solid #000
}

#under #system #transportation .u-box ul li:nth-of-type(2n) {
	background: #eee
}

#under #system #transportation .u-box ul li p:last-of-type {
	text-align: center;
	font-size: 2.1rem;
	margin-top: 20px;
	line-height: 36px
}

#under #system .u-box > div .txt {
	font-size: 2.4rem
}

#under #system #transportation .u-box > div .txt {
	font-size: 2.1rem;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}
/* /under-system-transportation */


/* under-system-service */
#under #system #service .u-box dl {
	width: 100%;
	background: #eee;
	border-bottom: 1px solid #000;
	display: flex;
	align-items: center
}

#under #system #service .u-box dl dt {
	width: 20%;
	text-align: center;
	font-size: 4.8rem
}

#under #system #service .u-box dl dt span {
	font-size: 6rem
}

#under #system #service .u-box dl dd {
	width: 80%;
	font-size: 1.8rem;
	line-height: 36px;
	background: #fff;
	border-left: 1px solid #000;
	padding: 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#under #system #service .u-box dl dd strong {
	color: #960347
}

#under #system #service .u-box > .txt {
	font-size: 3rem;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}

#under #system #service .u-box > .txt > span {
	font-size: 2.4rem;
	display: block;
	margin-top: 15px
}

#under #system #service .u-box > p,
.world #system #concept .u-box > p {
	font-size: 1.8rem;
	padding: 30px;
	line-height: 36px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#under #system #service .u-box > p > strong {
	font-size: 2.1rem;
	margin-bottom: 20px;
	display: block;
	color: #960347;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}
/* /under-system-service */

/* under-system-d-point-card */
#under #system #d-point-card .heading h3 em {
	font-size: 3.9rem;
	margin-top: 2px
}

#under #system #d-point-card .u-box div {
	font-size: 4.2rem;
	text-align: center
}

#under #system #d-point-card .u-box div p {
	padding: 30px 0;
	color: #960347
}

#under #system #d-point-card .u-box div p span:nth-of-type(1) {
	font-size: 3.6rem
}

#under #system #d-point-card .u-box div p span:nth-of-type(2) {
	font-size: 2.1rem;
	margin-top: 15px
}

#under #system #d-point-card .u-box div p span:nth-of-type(3) {
	font-size: 3rem
}
/* /under-system-d-point-card */
/* /under-system */


/* under-discount */
#under #discount section {
	width: 90%;
	margin: 60px auto;
	overflow: hidden
}

#under #discount section img {
	float: left;
	margin-right: 3%;
	width: 40%
}

#under #discount section dl {
	width: 57%;
	border-radius: 15px;
	display: inline-block
}

#under #discount section .red dl {
	background: linear-gradient(to right, #ff0000, #ff3131)
}
#under #discount section .purple dl {
	background: linear-gradient(to right, #fc00ff, #fc2bff)
}
#under #discount section .blue dl {
	background: linear-gradient(to right, #0096ff, #2ea9ff)
}
#under #discount section .green dl {
	background: linear-gradient(to right, #00a828, #00c72f)
}
#under #discount section .yellow dl {
	background: linear-gradient(to right, #ff9600, #ffaa31)
}
#under #discount section .orange dl {
	background: linear-gradient(to right, #ff5400, #ff702a)
}

#under #discount section dl dt {
	font-size: 2.4rem;
	padding: 1.5% 3%
}

#under #discount section dl dt h3 {
	display: flex;
	align-items: center;
	font-weight: bold;
	line-height: 30px;
	color: #fff
}

#under #discount section dl dt h3 img {
	width: 30px;
	margin-right: 1.5%;
	float: left
}

#under #discount section dl dd {
	padding: 3%;
	line-height: 30px;
	border-radius: 0 0 15px 15px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	background: #fff;
	margin: 3px;
	font-size: 1.8rem
}

#under #discount hr {
	border: 1px solid #fff
}
/* /under-discount */


/* under-cosplay */
#under #cosplay.common .box ul li a img {
	width: 100%
}

#under #cosplay.common .box ul li a .marquee,
#under #cosplay.common .box ul li a > p {
	padding: 10px 0
}

#under #cosplay.common .box ul li a .marquee,
#under #cosplay.common .box ul li a > p:first-of-type {
	background: linear-gradient(to left,#000000, #252525, #000000);
	color: #fff
}

#under #cosplay.common .box ul li a .marquee p {
	margin: 0;
	display : inline-block;
	padding-left: 100%;
	white-space : nowrap;
	animation : scrollSample01 10s linear infinite
}

@keyframes scrollSample01 {
	0% { transform: translateX(0)}
	100% { transform: translateX(-100%)}
}

#under #cosplay.common .box ul li a > p:last-of-type {
	background: #eee;
	color: #000
}
/* /under-cosplay */


/* under-enquete */
#enquete .bna {
	text-align: center;
	margin-top: 60px
}

#enquete .bna img {
	border-radius: 30px
}

#enqueteform {
	padding: 60px;
	width: 1600px;
	margin: 0 auto
}

	@media screen and (max-width: 1660px) {
		#enqueteform {
			width: 1000px
		}
	}

#enqueteform form {
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 30px;
	background: #fff
}

#enqueteform dl {
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: center
}

#enqueteform dl dt {
	padding: 30px;
	font-size: 18px
}

#enqueteform dl dt,
#enqueteform dl dd {
	padding: 30px
}

#enqueteform dl dd input,
#enqueteform .partner {
	padding: 20px;
	width: 1010px
}

	@media screen and (max-width: 1660px) {
		#enqueteform dl dd input,
		#enqueteform .partner {
			width: 440px
		}
	}

#enqueteform dl dt {
	width: 335px;
	line-height: 30px;
}
	@media screen and (max-width: 1660px) {
		#enqueteform dl dt {
			width: 390px
		}
	}

#enqueteform dl dd {
	border-left: 1px solid #fff
}

#enqueteform input[type="radio"] {
	display: none
}

#enqueteform input[type="radio"]:checked + label {
	background: linear-gradient(to left,#960347, #630b35, #960347);
	border: 1px solid #960347;
	color: #fff
}

#enqueteform label {
	display: inline-block;
	width: 180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	padding: 0 5px;
	padding-left: 5px;
	cursor: pointer;
	color: #333333;
	background: #ADADAD;
	border: 1px solid #ADADAD;
	transition: 0.5s;
	border-radius: 4px;
	margin: 5px
}

#enqueteform dl dt span {
	background: #960347;
	padding: 5px;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 1.4rem;
	color: #fff
}

#enqueteform .nowjob {
	padding: 20px;
	width: 10vw
}

#enqueteform .element-gender li {
	float: left
}

#enqueteform dl th span {
	background: #f00;
	padding: 5px;
	border-radius: 5px;
	margin-left: 10px
}

#enqueteform button {
	font-family: didot, serif;
	padding: 8px 15px;
	width: 100%;
	appearance: none;
	border: none;
	border-radius: 100px;
	height: 80px;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box
}

#enqueteform form > div {
	width: 300px;
	margin: 40px auto
}

#enqueteform form > div button {
	background: #960347
}
/* /under-enquete */


/* under-day-search */
#under #day-search {
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0
}

	@media (max-width: 1510px) {
		#under #review #day-search {
			display: block;
			padding: 1% 2%
		}
	}

#under #schedule #day-search,
#under .waiting #day-search {
	padding: 20px 0;
	margin-top: 20px;
	border-top: 3px solid #000
}

#under #day-search div {
	display: flex;
	align-items: center
}

	@media (max-width: 1510px) {
		#under #review #day-search div:first-of-type {
			margin-bottom: 15px
		}
	}

#under #day-search div p {
	float: left;
	font-size: 2.4rem;
	margin-right: 10px
}

#under #day-search div p {
	color: #960347
}

#under #day-search div select {
	background: none;
	border: 1px solid #000;
	padding: 10px;
	border-radius: 15px;
	margin-right: 30px
}

#under #day-search div select option {
	color: #000
}

#under #day-search div ul {
	width: 890px
}

#under #schedule #day-search div ul,
#under .waiting #day-search div ul {
	display: flex;
	align-items: center
}

#under #schedule #day-search div ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#under #day-search div ul li {
	width: auto;
	margin: 5px
}

#under #day-search div ul li a {
	width: 94px;
	border: 1px solid #000;
	padding: 10px;
	border-radius: 35px;
	text-align: center;
	font-size: 2.1rem;
	display: block
}

#under #review h3,
#under #schedule h3,
#under .waiting h3 {
	color: #000;
	font-size: 2.4rem;
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
	margin-bottom: 20px
}

#under #review h3 {
	background: #960347
}

#under #schedule h3,
#under .waiting h3 {
	background: #fff;
	animation: blinkAnimeS-schedule 1s infinite alternate
}

@keyframes blinkAnimeS-schedule{
	0%  { color : #000 }
	100%{ color : #960347 }
}
/* /under-day-search */


/* under-hotel-list */
#under #hotel-list .u-box {
	background: #fff;
	text-align: center;
	padding: 30px 0
}

#under #hotel-list .u-box h3 {
	font-size: 3rem;
	color: #960347;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}

#under #hotel-list .u-box.hotel ul {
  max-width: 500px;
  width: 100%;
  margin: 30px auto;
  border: 1px solid #000;
  border-radius: 50px
}

#under #hotel-list .u-box.area ul {
	margin-top: 20px
}

#under #hotel-list .u-box.area ul li {
	display: inline-block;
	width: 23%;
	margin: 10px 0.5%
}

#under #hotel-list .u-box.area ul li a {
	font-size: 2.1rem;
	padding: 20px 0;
	border: 1px solid #000;
	display: inline-block;
	border-radius: 40px;
	box-sizing: border-box;
	width: 100%
}

#under #hotel-list .u-box ul li input,
#under #hotel-list .u-box ul li select {
	width: 100%;
	padding: 20px;
	border-radius: 40px;
	border: none;
	background: #fff
}

#under #hotel-list .u-box form > input {
	padding: 15px 0;
	width: 200px;
	border-radius: 30px;
	border: none
}

#under #hotel-list p {
	text-align: center;
	padding: 50px 0;
	font-size: 1.8rem;
	color: #fff
}

#under #hotel-list .box {
	padding: 0 2% 50px
}

#under #hotel-list .box.tit {
	padding: 0
}

#under #hotel-list .box h4 {
	text-align: center;
	background: #fff;
	padding: 20px 0;
	font-size: 2.4rem;
	border-radius: 15px 15px 0 0
}

#under #hotel-list .box dl {
	display: table;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #fff
}

#under #hotel-list .box dl:first-of-type {
	color: #ff0;
	text-align: center;
	font-size: 2.1rem
}

#under #hotel-list .box dl dt,
#under #hotel-list .box dl dd {
	display: table-cell;
	width: calc(100%/3);
	box-sizing: border-box;
	padding: 1.5%;
	font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	vertical-align: middle
}

#under #hotel-list .box dl:first-of-type dt,
#under #hotel-list .box dl:first-of-type dd {
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
}

#under #hotel-list .box dl dt {
	border: 1px solid #fff;
	border-top: none
}

#under #hotel-list .box dl dt a {
	text-decoration: underline
}

#under #hotel-list .box dl:last-of-type dt {
	border-radius: 0 0 0 15px
}

#under #hotel-list .box dl dd {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	word-break: break-all
}

#under #hotel-list .box dl dd a {
	display: block;
	font-size: 1.4rem;
	margin-top: 10px
}

#under #hotel-list .box dl:last-of-type dd:last-of-type {
	border-radius: 0 0 15px 0
}
/* under-hotel-list */


/* under-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; color: #fff}
.space-a {justify-content: space-around!important}
.space-b {justify-content: space-between!important}
.item-c {align-items: center}
/* /under-flex */


/* under-form-color */
.entry-form dl dt span {
	color: #960347
}

.entry-form dl {
	background: #000
}

.entry-form input.input-field,
.entry-form .textarea-field,
.entry-form .select-field,
.confirm dd {
    border: 5px solid #000
}

.entry-form .select {
	border: 5px solid #000
}

#enquete .entry-form input[type="submit"],
#enquete .entry-form input[type="button"] ,
#enquete .thanks .prev-btn a {
    background: #fff;
	color: #960347
}
/* /under-form-color */


/* enquete.html */
#enquete .entry-form dl:nth-of-type(4) {
    width: 70%
}

#enquete .entry-form dl:nth-of-type(4) dt {
    width: 34%
}

#enquete .entry-form dl:nth-of-type(4) dd {
    width: 65.7%
}

#enquete .entry-form dl:last-of-type dt {
    height: 200px;
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
	padding-left: 1.5%
}
/* /enquete.html */


/* contact.html */
#contact .entry-form dl:nth-of-type(4) {
    width: 70%
}

#contact .entry-form dl:nth-of-type(4) dt {
    width: 34%
}

#contact .entry-form dl:nth-of-type(4) dd {
    width: 65.7%
}

#contact .entry-form dl:last-of-type dt {
    height: 200px;
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
	padding-left: 1.5%
}

#contact .sns-box {
	display: flex;
	width: 90%;
	margin: 30px auto;
	flex-wrap: wrap;
	justify-content: center;
}

#contact .sns-box li {
	margin: 5px;
}

#contact .sns-box li a {
	width: 90px;
	display: block;
}
/* /contact.html */


/* reserve.html */
#reserve .entry-form dl:nth-of-type(5),
#reserve .entry-form dl:nth-of-type(7),
#reserve .entry-form dl:nth-of-type(8) {
    width: 70%
}

#reserve .entry-form dl:nth-of-type(5) dt,
#reserve .entry-form dl:nth-of-type(7) dt,
#reserve .entry-form dl:nth-of-type(8) dt {
    width: 34%
}

#reserve .entry-form dl:nth-of-type(5) dd,
#reserve .entry-form dl:nth-of-type(7) dd {
    width: 65.7%
}

#reserve .entry-form dl:last-of-type dt {
    height: 200px;
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
	padding-left: 1.5%
}

#reserve .entry-form .radio-bg {
    border-radius: 0px 16px 16px 0px;
    background: #000;
	width: 50%
}

#reserve .sns-box {
	display: flex;
	width: 90%;
	margin: 30px auto;
	flex-wrap: wrap;
	justify-content: center;
}

#reserve .sns-box li {
	margin: 5px;
}

#reserve .sns-box li a {
	width: 90px;
	display: block;
}
/* /reserve.html */


/* reviewform.html */
#reviewform .entry-form dl:nth-of-type(4),
#reviewform .entry-form dl:nth-of-type(6) {
    width: 70%
}

#reviewform .entry-form dl:nth-of-type(4) dt,
#reviewform .entry-form dl:nth-of-type(6) dt {
    width: 34%
}

#reviewform .entry-form dl:nth-of-type(4) dd,
#reviewform .entry-form dl:nth-of-type(6) dd {
    width: 65.7%
}

#reviewform .entry-form .radio-bg {
    border-radius: 0px 16px 16px 0px;
    background: #ff9600;
	width: 50%
}
/* /reserve.html */


/* form-all */
.bg-set {
    border-radius: 0 16px 16px 0;
    box-sizing: border-box
}

.cont_form {
    width: 100%;
    margin: 0px auto;
    max-width: 1600px
}

.entry-form {
    width: 100%;
    margin: 55px auto
}

.entry-form dl {
    margin: 30px 20px;
    border-radius: 20px;
    padding: 0 0 0 5px
}

.entry-form dl dt {
    border: 0px;
    text-align: left;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 24.5%;
    padding-left: 2%;
    height: 85px;
    box-sizing: border-box;
    border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center
}

	@media screen and (max-width: 1350px){
		.entry-form dl dt {
			width: 30%
		}
	}

.entry-form dl:last-of-type dt {
    height: 200px
}

.entry-form dl dt img {
    width: 25px;
    margin-right: 15px
}

	@media screen and (max-width: 1700px){
		.entry-form dl dt img {
			margin-right: 0.8824vw
		}
	}

.entry-form dl dt span {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", Meiryo, メイリオ, sans-serif;
    background: #fff;
    font-weight: normal;
    padding: 5px 11px;
    border-radius: 10px;
    font-size: 15px;
    margin-left: 20px
}

	@media screen and (max-width: 1700px){
		.entry-form dl dt span {
			margin-left: 1.1765vw
		}
	}

.entry-form dl dt:before {
	content: none
}

.entry-form dl dd {
    width: 75.3%
}

	@media screen and (max-width: 1350px){
		.entry-form dl dd {
			width: 70%
		}
	}

.entry-form label {
	display: block
}

.entry-form label > span {
	width: 100px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px
}

.entry-form span.required {
	color: red
}

.entry-form input.input-field {
    width: 100%;
    height: 85px;
    min-width: 500px
}

.entry-form input.input-field,
.entry-form .textarea-field,
.entry-form .select-field {
    box-sizing: border-box;
    padding: 7px;
    outline: none;
    line-height: 1.6;
    height: 85px;
    appearance: none;
    font-size: 18px;
    border-radius: 0px 16px 16px 0px
}

.entry-form .select-field {
	width: 35%;
	height: 45px;
	font-size: 17px
}

.entry-form .input-field:focus,
.entry-form .textarea-field:focus,
.entry-form .select-field:focus {
	border: 5px solid #0084ff
}

.entry-form .textarea-field {
	height:200px;
	width: 100%
}

/* form-all-radio */
.f-btn .list_item {
    margin: 0px;
    padding: 24px
}

.f-btn label {
    font-family: Arial, sans-serif;
    line-height: 135%;
    position: relative;
    margin: 0.5rem;
    cursor: pointer;
    font-size: 20px
}

.f-btn .option-input {
    position: relative;
    margin: 7px 20px 0px 0px;
    cursor: pointer
}

.f-btn .option-input::before,
.f-btn .option-input::after {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -5px;
    width: 15px;
	height: 15px;
    content: "";
    transition: all 0.3s ease-in-out 0s;
    border: 2px solid #333;
    border-radius: 50%;
    background: #ffffff
}

.f-btn .option-input:after {
	z-index: 0;
	top: 0;
	border: none
}

.f-btn .option-input:checked:before {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
	background: #333
}
/* /form-all-radio */

.entry-form .f-submit {
    width: 100%;
    max-width: 300px;
    margin: 20px auto
}

.entry-form .f-submit label {
	margin: 0
}

.entry-form input[type="submit"],
.entry-form input[type="button"] {
	font-family: didot, serif;
    padding: 8px 15px;
    width: 100%;
    appearance: none;
    border: none;
    border-radius: 100px;
    height: 80px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	color: #960347
}

.entry-form input[type=submit]:hover,
.entry-form input[type=button]:hover {
	opacity: .8
}

.entry-form dd.select {
	position: relative
}

.entry-form dd.select label::before {
    position: absolute;
    top: 0.9em;
    right: 17.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 15px solid #000;
    pointer-events: none
}

.entry-form dd.select select option {
	line-height: 1
}

.parsley-custom-error-message,
.parsley-required,
.parsley-equalto,
.parsley-errors-list filled {
	color: #f00;
	font-size: 18px;
	padding: 30px 20px;
	background: #fff;
	border: 5px solid #f00;
	border-radius: 0 0 20px 20px;
	margin-bottom: 5px;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", Meiryo, メイリオ, sans-serif
}

.entry-form dl dt.item {
	color: #9d8aee
}

.entry-form dl dd.form-txt {
    font-size: 16px;
    padding: 10px 0
}

/* form-all-select */
.entry-form .select {
	background: #fff;
    box-sizing: border-box;
    padding: 7px;
    outline: none;
    line-height: 2;
    height: 85px;
    appearance: none;
    font-size: 18px;
    border-radius: 0px 16px 16px 0px;
	position: relative
}

.entry-form .select::after {
	position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    right: 18px;
    top: 46%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 3px solid #8c8a8b;
    border-right: 3px solid #8c8a8b
}

.entry-form .select2 {
    background: #ffffff;
    height: 60px;
    width: 170px;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 12px
}

	@media screen and (max-width: 1700px){
		.entry-form .select2 {
			width: 9.4118vw;
			margin: 12px 0.7059vw
		}
	}

	@media screen and (max-width: 1500px){
		.entry-form .select2 {
			width: 8vw;
			margin: 12px 0.8vw
		}
	}

.entry-form label {
	font-size: 20px
}

.entry-form .select2::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    z-index: -1
}

.entry-form select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #333;
    font-size: 18px;
    width: 100%;
    height: 100%;
    padding: 0 10px
}
/* /form-all-select */

::placeholder {
	color: #ccc
}
/* /form-all */


/* confirm */
.submit-box {
    width: 680px;
    margin: 0 auto
}

.confirm .check {
	text-align: center;
	color: #ff0;
	font-size: 2.1rem
}

#enquete .entry-form.confirm dl,
#contact .entry-form.confirm dl,
#reserve .entry-form.confirm dl,
#reviewform .entry-form.confirm dl {
    background: #fff
}

.confirm dl.conf dt {
	color: #960347
}

#enquete .confirm dl.conf dt,
#contact .confirm dl.conf dt,
#reserve .confirm dl.conf dt,
#reviewform .confirm dl dt {
	height: auto;
	background: none;
	border-radius: 0
}

#enquete .confirm dl.conf dd,
#contact .confirm dl.conf dd,
#reserve .confirm dl.conf dd,
#reviewform .confirm dl.conf dd {
	background: none;
	border-radius: 0;
	border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
	display: flex;
	align-items: center
}

#enquete .confirm dl.conf dt:last-of-type,
#contact .confirm dl.conf dt:last-of-type,
#reserve .confirm dl.conf dt:last-of-type,
#reviewform .confirm dl.conf dt:last-of-type,
#enquete .confirm dl.conf dd:last-of-type,
#contact .confirm dl.conf dd:last-of-type,
#reserve .confirm dl.conf dd:last-of-type,
#reviewform .confirm dl.conf dd:last-of-type {
    height: 200px;
	border-bottom: 0
}

.confirm dl.conf:last-of-type dt {
    height: auto
}

.confirm dl.conf {
    width: 100%;
    margin: 50px auto;
    max-width: 1200px;
    background: #000;
    border: 1px solid #000;
    border-radius: 40px;
    padding: 0
}

	@media screen and (max-width: 1350px){
		.confirm dl.conf {
			width: 90%
		}
	}

	@media screen and (max-width: 1200px){
		.confirm dl.conf {
			max-width: 980px
		}
	}

.confirm dl.conf dt,
.confirm dl.conf dd {
	border-radius: 0;
    border-bottom: 1px solid #000
}

.confirm dl.conf dd {
	box-sizing: border-box;
	padding: 7px 0 7px 25px;
	outline: none;
	height: 85px;
	appearance: none;
	font-size: 18px;
	border-radius: 0px 16px 16px 0px;
	color: #000;
	line-height: 6rem
}

.confirm dl.conf dd .inner {
	overflow-y: auto;
	height: 180px;
	margin: 0 15px 0 0;
	line-height: 30px
}
/* /confirm */

/* thanks */
.thanks .check {
    text-align: center;
	font-size: 20px;
	line-height: 2em;
	color: #ff0
}

.thanks .prev-btn {
    width: 100%;
    max-width: 300px;
    margin: 50px auto
}

.thanks .prev-btn a {
    font-family: didot, serif;
    padding: 27px 15px;
    width: 100%;
    appearance: none;
    border: none;
    border-radius: 100px;
    height: 80px;
    font-size: 24px;
    color: rgb(255, 255, 255);
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
	background: #fff;
	color: #960347
}

.thanks .prev-btn a:hover {
	opacity: .8
}
/* /thanks */

/* under-link */
#link.layout1 {
	padding-bottom: 40px;
}

#link .link-sec {
	margin: 50px auto 0;
	border-bottom: 6px solid #fff;
}

#link .link-sec .left {
	margin-right: 25px;
}

	@media screen and (max-width: 1582px){
		#link .link-sec .left {
			margin-right: 0;
		}
	}

#link .link-sec .left h3 {
	background: #fff;
	padding: 25px 0;
	border-radius: 40px;
	color: #000;
	text-align: center;
	font-size: 30px;
	box-sizing: border-box;
	height: 80px;
	width: 550px;
	margin: 30px auto;
}

#link .link-sec .left h3 img {
	width: 30px;
	margin-right: 15px;
}

#link .link-sec .left p {
	text-align: center;
	font-size: 24px;
	line-height: 4rem;
	color: #fff
}

#link .link-sec .left .add-txt {
	border: 3px solid #fff;
	padding: 20px 30px;
	border-radius: 40px;
	font-size: 20px;
	margin: 30px auto;
	color: #fff
}

#link .link-sec .left .add-txt span {
	color: #ff0
}

#link .link-sec .right {
	margin-left: 25px;
	padding-top: 20px;
}

#link .link-sec .right li {
	margin: 15px auto;
}

#link .link-sec .right img {
}

#link .link-list {
	background: rgba(150,3,71,0.9);
	border-bottom: 6px solid #fff
}

#link .link-list h3 {
	color: #fff;
	text-align: center;
	font-size: 30px;
	border-bottom: 2px solid #fff;
	padding: 20px;
}

#link .link-list .link-box {
	margin: 30px;
}

#link .link-list .link-box h4 {
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 24px;
	padding: 15px;
	border-radius: 14px 14px 0px 0px;
}

#link .link-list .link-box .link-bn {
	margin: 1% 2%
}

#link .link-list .link-box .link-bn li {
	margin: 1% 0.5%;
	width: 30%;
	max-width: 100px;
	text-align: center
}

#link .link-list .link-box .link-bn li img {
	width: 100%
}

#link .link-list .link-box .link-bn li p {
	margin: 10px 1%;
	font-size: 1rem
}
/* /under-link */


/* under-sns */
.sns-box {
	margin-bottom: 3%;
	overflow: hidden;
	color: #fff
}

.sns-box p {
	position: relative;
	background: #333;
	width: 48%;
	padding: 3% 0;
	text-align: center;
	margin: 0 1% 2%;
	float: left;
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	box-sizing: border-box
}

.sns-box p.instagram {
	background: linear-gradient(to right, #4c64d3 0%, #cf2e92 45%, #f26939 60%, #f26939 100%)
}

.sns-box p.twitter {
	background: linear-gradient(to right, #1da1f2 0%, #60baf2 100%)
}

.sns-box p.facebook {
	background: linear-gradient(to right, #1877f2 0%, #4791f1 100%)
}

.sns-box p.tiktok {
	background: linear-gradient(to right, #f300ff 0%, #00ffe4 100%)
}

.sns-box p.whats-app {
	background: linear-gradient(to right, #1bc83e 0%, #42ec61 100%)
}

.sns-box p.we-chat {
	background: linear-gradient(to right, #01bdbc 0%, #00c743 100%)
}

.sns-box.one p {
	width: 98%;
	font-size: 2.1rem
}

.sns-box p::after {
	content: "";
	position: absolute;
	top: 44%;
	right: 8%;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg)
}

.sns-box p::before {
	content: "";
	margin-right: 5%;
	width: 20px;
	height: 20px
}

.sns-box.one p::before {
	width: 25px;
	height: 25px
}

.sns-box p.instagram::before {
	background: url("https://www.dress-okayama.com/assets/images/icon/sns/sns_page/instagram.svg") center center no-repeat
}

.sns-box p.twitter::before {
	background: url("https://www.dress-okayama.com/assets/images/icon/sns/sns_page/twitter.svg") center center no-repeat
}

.sns-box p.facebook::before {
	background: url("https://www.dress-okayama.com/assets/images/icon/sns/sns_page/facebook.svg") center center no-repeat
}

.sns-box p.tiktok::before {
	background: url("https://www.dress-okayama.com/assets/images/icon/sns/sns_page/tiktok.svg") center center no-repeat
}
/* /under-sns */
/*-- /under --*/


/*-- footer --*/
#footer {
	background: rgba(255,255,255,0.9);
	padding: 120px 5%;
	font-size: 1.6rem
}

#under #footer {
	background: rgba(255,255,255,0.8)
}

.world #footer {
	display: block;
	padding: 0 0 90px
}

#footer div {
	overflow: hidden
}

#footer div ul {
	width: 73%;
	float: left
}

	@media (max-width: 1400px) {
		#footer div ul {
			width: 65%
		}
	}

#footer div ul li {
	float: left;
	border-right: 1px solid #000;
	padding-right: 20px;
	margin: 0 25px 20px 0
}

#index #footer div ul li {
	border-right: 1px solid #fff
}

#footer > div > div > div {
	float: right;
	margin-top: 15px
}

#footer > div > div > div img {
	width: 300px
}

#footer address {
	text-align: center;
	padding-top: 90px
}

.bottom-top-btn {
	position: relative;
	display: block;
	background-color: #f5568b;
	color: #fff;
	font-size: 18px;
	width: 300px;
	padding: 1em 2em;
	text-align: center;
	border-radius: 30px;
	margin: 20px auto;
}
/*-- /footer --*/


/*-- index --*/
#index video {
	position: fixed;
	top: 0;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	transform: translateX(-50%);
	object-fit: cover;
}

#index header h1 {
	text-align: center;
	margin-top: 17vw
}

#index header h1 img {
	width: 650px
}

#index header > ul:first-of-type {
	margin: 50px auto 14vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

#index header > ul:first-of-type li a {
	line-height: 70px;
	border-radius: 40px;
	width: 300px;
	text-align: center;
	color: #fff;
	margin: 0 10px;
	display: block;
	background: linear-gradient(to right, #ff8a00, #ffa841)
}



#index header > ul:first-of-type li:first-of-type a {
	box-shadow: 0px 20px 25px 0 rgba(147,0,0,.25);
	font-size: 30px;
	letter-spacing: 5px;
	padding-right: 20px;
	width: 280px;
	background: linear-gradient(to right, #960347, #630b35);
	position: relative
}

#index header > ul:first-of-type li:first-of-type a::after {
	content: "";
	margin-left: 0.4em;
	transition: all .2s ease-in;
	background: url("../images/index/arrow.svg") center center no-repeat;
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: 10px
}

#index header div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#index header div > ul {
	background: rgba(255,255,255,0.9);
	padding: 20px 30px;
	border-radius: 15px 15px 0 0
}

#index header div > ul li {
	float: left
}

#index header div > ul > li:first-of-type {
	display: flex
}

#index header div > ul > li:first-of-type p {
	font-size: 1.4rem;
	line-height: 21px;
	padding-top: 10px
}

#index header div > ul > li:first-of-type p a {
	border-bottom: 1px solid #000;
	padding-bottom: 2px
}

#index header div > ul > li:first-of-type img {
	width: 58px;
	float: left;
	margin-right: 10px
}

#index header div > ul > li:nth-of-type(2) ul li a {
	border: 1px solid #000;
	padding: 20px 25px;
	border-radius: 15px;
	width: 150px;
	display: block;
	text-align: center;
	margin-left: 10px
}

#index header div > ul > li:nth-of-type(2) ul li:first-of-type a {
	margin-left: 30px
}

#index header div > ul li .sns-title{
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: center;
	margin-left: 30px;
}

#index header div > ul > li:last-of-type ul {
	display: flex;
	justify-content: center;
}

#index header div > ul > li:last-of-type ul li {
	float: left;
	padding: 4px 0 4px 10px
}

#index header div > ul > li:last-of-type ul li:first-of-type {
	padding: 4px 0;
	margin-left: 30px
}

#index header div > ul > li:last-of-type ul li img {
	width: 50px
}

#index main {
	background: rgba(150,3,71,0.9)
}

#index main > h2 {
	color: #fff;
	text-align: center;
	padding: 30px 0
}

#index footer > iframe {
	width: 90%;
	margin: 60px auto 0;
	display: block;
	height: 350px
}

#index footer {
	background: rgba(150,3,71,0.9);
	padding: 60px 5% 0;
	color: #fff
}

#index #footer ul#enter-banner {
	width: 996px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden
}

#index #footer ul#enter-banner li {
	float: left;
	margin: 15px;
	height: 60px
}

#index #footer address {
	text-align: center;
	padding: 50px 0 60px
}
/*-- /index --*/


/* under-world */
.world h1 {
	background: rgba(255,255,255,0.8);
	text-align: center;
	padding: 90px 0 60px
}

.world h1 img {
	width: 500px
}

.world {
	color: #fff
}

.world header dl {
	text-align: center;
	background: #000;
	padding: 25px 0 30px
}

.world header dl dt {
	font-size: 6rem
}

.world header dl dd {
	font-size: 3rem;
	background: #fff;
	display: inline-block;
	padding: 10px 50px;
	border-radius: 30px;
	color: #960347;
	margin-top: 15px
}
/* /under-world */


.grecaptcha-badge{
	bottom: 114px !important;
	z-index: 10
}

.credit-note {
	display: block;
	margin: 40px auto 0px
}

.credit-note-nav {
	width: 98%;
	max-width: 800px;
	display: block;
	margin: 10px auto 0px
}


/*-- effect --*/
.spring-effect,
.summer-effect,
.autumn-effect {
	position: fixed;
	width: 100%;
	z-index: 1;
	top: 0
}

.leaf {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	animation: animate-leaf 8s linear
}

.summer-effect .leaf {
	animation: 8s linear kirakira
}

.spring-effect .leaf-1 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/cherry_blossoms1.svg')
}

.spring-effect .leaf-2 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/cherry_blossoms2.svg')
}

.spring-effect .leaf-3 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/cherry_blossoms3.svg')
}

.summer-effect .leaf-1 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/star1.svg')
}

.summer-effect .leaf-2 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/star2.svg')
}

.summer-effect .leaf-3 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/star1.svg')
}

.autumn-effect .leaf-1 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/leaf1.svg')
}

.autumn-effect .leaf-2 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/leaf2.svg')
}

.autumn-effect .leaf-3 {
	background-image: url('https://www.dress-okayama.com/assets/images/top_effect/leaf3.svg')
}

@keyframes animate-leaf {
	0% {
		opacity: 0;
		top: 0;
		transform: rotate(0)
	}
	10% {
		opacity: 1
	}
	90% {
		opacity: 1
	}
	100% {
		opacity: 0;
		top: 100vh;
		transform: rotate(1080deg)
	}
}

@keyframes kirakira {
	0% {
		transform:translateY(0) rotateY(0)
	}
	100% {
		transform:translateY(calc(100vh + 1em)) rotateY(3600deg)
	}
}

#particles-js { 
	position: absolute;
	top: 0;
	z-index: 1
}

.winter-effect {
	position: absolute;
	z-index: 2
}
/*-- /effect --*/

/*--Languageページ --*/
#language{
	position: relative;
}

#language #right-down {
	position: fixed;
	bottom: 0;
	right: 0;
	color: #fff;
	transition: all .3s ease-in;
	opacity: 1;
	z-index: 10;
}

#language header #sec04 h2 img {
	width: 270px;
	margin-top: -110px;
}

#under #language .container {
	margin: 160px 0 0 75px !important;
}

#language .wrapper:first-of-type {
	border-radius: 40px 0 0;
	padding: 50px 0 0;
}

#language #concept h2 {
	font-size: 81px;
	font-family: didot, serif;
	color: #fff;
	text-align: center;
}

#language #concept h2 span{
	display: block;
	font-size: 16px;
}

#under #language .u-box {
	background: unset;
}

#language #concept .u-box p {
	background-color: #fff;
	padding: 30px;
	line-height: 36px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
}

#language #concept #notice .u-box{
	border-bottom: 5px solid #f00;
	border-top: 5px solid #f00;
}

#language #playmanual.layout1 {
	border-bottom: 6px solid #fff;
	margin-top: 30px;
}

#language #manual {
	padding-top: 70px;
}

#language #manual h2 {
	color: #fff;
	font-size: 81px;
	font-family: didot, serif;
	text-align: center;
}

#language #manual h2 span{
	display: block;
	font-size: 16px;
}

#language .layout1 .tit {
	height: auto;
	border: unset;
	background: linear-gradient(to right, #f6eaec, #f9f3f4, #f6eaec);
}

#language .layout1 .tit h3 {
	font-size: 2.1rem;
	padding: 35px 0;
	float: unset;
	text-align: center;
}

#language #notes {
	padding-top: 70px;
}

#language #notes h2 {
	color: #fff;
	font-size: 81px;
	font-family: didot, serif;
	text-align: center;
}

#language #notes h2 span{
	display: block;
	font-size: 16px;
}

#language #notes .wrap {
	position: relative;
	padding-bottom: 40px;
}

#language #notes .wrap .txt {
	text-align: center;
	margin-top: 20px;
	line-height: 1.6em;
	color: #fff;
}

#language #notes .layout1 {
	border-bottom: 6px solid #fff;
	margin-top: 30px;
}

#language #notes .wrap .notes-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

#language #notes .wrap .notes-list li {
	width: calc(calc(100%/4) - 10px);
	margin: 20px 5px 10px;
}

#language #notes .wrap .notes-list li img {
	width: 100%;
}

#language #notes .wrap .notes-list li figcaption {
	padding: 0.5em;
	line-height: 1.4em;
	color: #fff;
}

#language .btn-enter {
	display: flex;
	height: 280px;
	background-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(123, 123, 123));
	justify-content: center;
	align-items: center;
	font-size: 60px;
	background-size: 200% 200%;
	animation: bggradient 20s ease infinite;
	color: #fff;
}

@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/*--Languageページ_enter_top --*/
#index .enter-language-btn {
	margin: -30px auto 12vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: solid 1px #000;
	padding: 50px 20px 20px;
	width: 1000px;
	border-radius: 20px;
}

#index .enter-language-btn li a {
	box-shadow: 0px 20px 25px 0 rgba(81, 81, 81, 0.25);
	font-size: 18px;
	background: linear-gradient(to right, #000, #1e1e1e);
	position: relative;
	width: 150px;
	display: block;
	padding: 1em 25px 1em 0px;
	border-radius: 100px;
	margin: 0 10px;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
}

#index .enter-language-btn li a::after {
	content: "";
	margin-left: 0.4em;
	transition: all .2s ease-in;
	background: url("../images/index/arrow.svg") center center no-repeat;
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 9px;
	right: 7px;
}

#index header div > ul > li:nth-of-type(2) ul li a {
	border: unset;
	padding: unset;
	border-radius: unset;
	width: unset;
	display: unset;
	text-align: unset;
	margin-left: unset !important;
}

#index .contry-title {
	display: flex;
	align-items: center;
	width: 900px;
	margin: -150px auto 0;
}
 
#index .contry-title:before,
#index .contry-title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #000;
}
 
#index .contry-title:before {
    margin-right: 1rem;
}
 
#index .contry-title:after {
    margin-left: 1rem;
}

#language .caution {
	animation: blinking 1s ease-in-out infinite alternate;
	color: #ff0;
	text-align: center;
	margin-bottom: 60px;
	font-size: 1.2em;
}
 
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

#language {
	position: relative;
	background: #fff;
}

#language #right-down {
	position: fixed;
	bottom: 0;
	right: 0;
	color: #fff;
	transition: all .3s ease-in;
	opacity: 1;
	z-index: 10;
	display: block !important;
}

/*-- 翻訳語topページ --*/
#language #under-all-back div {
	background-position: center;
	background-position-y: top;
	background-size: contain;
	aspect-ratio: 16 / 9;
	min-width: 1400px;
}

#language header #sec04 h2 img {
	width: 410px;
	margin-left: 70px;
	margin-top: -40px;
}

#language .staff-img {
	position: absolute;
	width: 280px;
	right: 10px;
	top: 60px;
}

#under #language #system .u-box {
	background: #fff;
}

#under #language #system .main-tit {
	background: linear-gradient(to right, #f6eaec, #fbf8f9, #f6eaec);
}

#language .info-box {
	position: relative;
	width: 540px;
	margin: 0 auto 50px;
}

#language .info-box ul .tel {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 38px;
	color: #fff;
	background: linear-gradient(to right, #960347, #630b35);
	padding: 10px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#language .info-box ul .tel img {
	width: 50px;
}

#language .info-box ul .tel p {
	margin-left: 10px;
}

#language .info-box ul .open {
	background-color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	line-height: 1.2em;
}

#language .info-box ul .open em {
	display: block;
	border-top: dotted 1px #000;
	margin-top: 10px;
	padding-top: 10px;
}

#under #language #waiting.layout1 .tit h2 {
	font-size: 3rem;
	float: left;
	padding: 25px 60px 0px;
	height: 65px;
	border-right: 2px solid #a00000 !important;
}

#under #language .main-tit-new div.slideIn span.inText {
	font-size: 80px;
}

#language .contact-box {
	position: relative;
	width: 80%;
	max-width: 740px;
	margin: 70px auto 40px;
	background-color: #fff;
	border-radius: 20px;
	border: solid 2px #000;
}

#language .contact-box p {
	background-color: #fff;
	position: absolute;
	top: -70px;
	left: 0;
	right: 0;
	margin: auto;
	width: 600px;
	padding: 1em;
	text-align: center;
	font-size: 18px;
	border-radius: 10px;
	animation: fuwafuwa 2s infinite;
}

@keyframes fuwafuwa {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}
}

#language .contact-box p::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff;
}

#language .contact-box h2 {
	background: linear-gradient(to right, #cccccc, #ffffff, #cccccc);
	padding: 16px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	font-size: 30px;
	text-align: center;
}

#language .contact-box ul {
	padding: 20px;

	display: flex;
	justify-content: center;
	gap: 20px;
}

#language .contact-box ul li img {
	width: 100px;
}

#language #waiting {
	counter-reset: number 0;

}

#language #profile {
	position: relative;
	overflow: unset;

}

#language #profile .number {
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #FFF;
	font-size: 40px;
	background: #fcbb45;
	border-radius: 50%;
	box-sizing: border-box;
	z-index: 1000;
	top: -15px;
	left: -10px;

}

#language #profile .number:before {
	content: "";
	position: absolute;
	bottom: -12px;
	right: -12px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #fcbb45;
	z-index: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#language #profile .number::after {
	counter-increment: number 1;
	content: counter(number) " ";
}

#language #profile .details h3 {
	overflow: hidden;
}

#language .layout1 .tit {
	height: auto;
}

#language .layout1 .tit .notice {
	display: block;
	text-align: center;
	padding: 1em 0;
	line-height: 1.4;
}

#language #right-down-credit-box {
	position: fixed;
	bottom: 110px;
	right: 10px;
	display: flex;
	gap: 6px;
	display: none;
}

#language #under #system section:first-of-type .heading {
	margin-top: 60px;
	margin-bottom: 20px;
}

#language #right-down-credit-box .credit-box {
	z-index: 10;
}

#language #right-down-credit-box .credit-box .box {
	display: block;
	background: linear-gradient(to right, #040404, #373737, #000);
	padding: 12px 10px;
	border-radius: 10px;
}

#language #right-down-credit-box .credit-box .box img {
	width: 130px;
	display: block;
	margin: 0 auto;
}

#language #right-down-credit-box .credit-box .box p {
	color: #fff;
	font-size: 13px;
	margin-top: 0.5em;
	text-align: center;
	letter-spacing: 0.1em;
}

#bloglist.layout1 {
	position: relative;
	background: #960347;
	color: #fff;
}

#under #bloglist.layout1 {
	position: relative;
	background: unset;
	color: unset;
}

#bloglist.layout1 .tit h2 {
	border-right: 2px solid #960347;
}

#bloglist .main-tit-new div span::before {
	background: #eee;
}

#bloglist.layout1 .tit ul {
	border-left: 2px solid #960347;
}

/* top-blog */
.top-blog-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 1%;

	li {
		width: calc(100% / 5 - 8px);
		background-color: #fff;
		border-radius: 15px;

		>a {
			display: block;
			padding: 20px 30px;
			box-sizing: border-box;

			.pic-box {
				width: 100%;
				overflow: hidden;
				aspect-ratio: 1 / 1;
			}

			.thum {
				width: 100%;
				transition: transform 0.3s ease;
			}

			.title {
				font-size: 21px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				margin-top: 0.6em;
				color: #000;
				font-weight: bold;

				.b-icon {
					width: 20px;
					margin-right: 10px;
					display: inline-block;
					margin-bottom: 2px;
				}
			}

			.day-time {
				font-size: 14px;
				color: #777;
				margin-top: 0.4em;
			}

			.txt {
				font-size: 15px;
				margin-top: 0.6em;
				line-height: 1.4;
				color: #000;
			}

			.prof-box {
				border-top: solid 1px #bababa;
				display: flex;
				margin-top: 15px;
				align-items: center;
				padding-top: 15px;
				gap: 10px;

				.pic {
					border-radius: 50%;
					width: 50px;
					overflow: hidden;
					aspect-ratio: 1 / 1;
					flex-shrink: 0;

					.thum-min {
						width: 100%;
					}
				}

				.name {
					color: #777;
					font-size: 15px;
					line-height: 1.4;
				}
			}
		}

		a:hover .thum {
			transform: scale(1.1);
		}
	}
}

/* / top-blog */

/* under-bloglist */
#under #bloglist {
	position: relative;

	.search-box {
		display: flex;
		position: relative;
		margin: 40px auto 0;
		align-items: center;
		width: fit-content;

		&::after {
			position: absolute;
			right: 15px;
			width: 10px;
			height: 7px;
			background-color: #535353;
			clip-path: polygon(0 0, 100% 0, 50% 100%);
			content: '';
			pointer-events: none;
		}

		select {
			appearance: none;
			min-width: 250px;
			height: auto;
			padding: 1em calc(1em + 30px) 1em 1em;
			border: 1px solid #d0d0d0;
			border-radius: 3px;
			background-color: #fff;
			color: #333333;
			cursor: pointer;
		}
	}

	.blog-container {
		display: flex;
		max-width: 1650px;
		width: 90%;
		margin: 40px auto 0;
		flex-wrap: wrap;
		gap: 30px 10px;

		li {
			width: calc(100% / 4 - 24px);
			background-color: #fff;

			>a {
				display: block;
				padding: 20px 30px;
				box-sizing: border-box;

				.pic-box {
					width: 100%;
					overflow: hidden;
					aspect-ratio: 1 / 1;
				}

				.thum {
					width: 100%;
					transition: transform 0.3s ease;
				}

				.title {
					font-size: 21px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					margin-top: 0.6em;
					color: #000;
					font-weight: bold;

					.b-icon {
						width: 20px;
						margin-right: 10px;
						display: inline-block;
						margin-bottom: 2px;
					}
				}

				.day-time {
					font-size: 14px;
					color: #777;
					margin-top: 0.4em;
				}

				.txt {
					font-size: 15px;
					margin-top: 0.6em;
					line-height: 1.4;
					color: #000;
				}

				.prof-box {
					border-top: solid 1px #bababa;
					display: flex;
					margin-top: 15px;
					align-items: center;
					padding-top: 15px;
					gap: 10px;

					.pic {
						border-radius: 50%;
						width: 50px;
						overflow: hidden;
						aspect-ratio: 1 / 1;
						flex-shrink: 0;

						.thum-min {
							width: 100%;
						}
					}

					.name {
						color: #777;
						font-size: 15px;
						line-height: 1.4;
					}
				}
			}

			a:hover .thum {
				transform: scale(1.1);
			}
		}
	}

	.girl-box {
		display: flex;
		max-width: 700px;
		width: fit-content;
		border-radius: 20px;
		border: solid 6px #eee;
		padding: 20px 40px;
		margin: 60px auto 0;
		align-items: center;
		gap: 30px;
		background-color: #fff;

		.pic {
			width: 200px;
			border-radius: 50%;
			overflow: hidden;
			aspect-ratio: 1/1;
			flex-shrink: 0;
			border: solid 2px #960347;

			.thum {
				width: 100%;
			}
		}

		.prof-box {
			position: relative;
			line-height: 1.6;
			min-width: 0;
			color: #000;

			.name {
				font-size: 38px;
				text-decoration: underline;
				color: #960347;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.catchphrase {
				font-size: 28px;
			}

			.size {
				font-size: 18px;
			}
		}
	}

	.blog-box {
		position: relative;
		max-width: 1200px;
		width: 90%;
		margin: 50px auto;

		.blog-link {
			font-size: 18px;
			display: block;
			text-align: left;
			text-decoration: underline;
			color: #fff;
		}

		.blog-inner {
			background-color: #fff;
			border-radius: 20px;
			margin: 20px 0;
			padding: 70px 60px;

			>h3 {
				font-size: 30px;
				color: #000;
				font-weight: bold;

				.b-icon {
					display: inline-block;
					margin: 0 10px 4px 0;
				}
			}

			.day {
				font-size: 14px;
				margin-top: 1em;
				color: #777;
			}

			.main-pic {
				display: block;
				margin: 60px auto 0;
				max-width: 640px;
				width: 90%;
			}

			.txt {
				margin-top: 50px;
				line-height: 1.4;
				color: #000;
			}
		}

		.pagination-box {
			display: flex;
			margin-top: 60px;
			justify-content: center;
			gap: 10px;

			a {
				position: relative;
				display: flex;
				padding: 8px;
				border: solid 1px #ccc;
				background-color: #eee;

				.pic-box {
					width: 60px;
					overflow: hidden;
					aspect-ratio: 1 / 1;

					img {
						display: block;
						width: 100%;
						margin-right: 6px;
					}
				}

				.box {
					.title {
						font-size: 14px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						color: #000;

						.b-icon {
							width: 16px;
							display: inline-block;
							margin: 0 5px 2px 0;
						}
					}

					.day {
						font-size: 11px;
					}
				}
			}

			.prev {
				padding-left: 20px;

				&::before {
					content: '';
					position: absolute;
					left: 6px;
					top: 50%;
					transform: translateY(-50%) rotate(45deg);
					width: 10px;
					height: 10px;
					border-left: 1px solid #777;
					border-bottom: 1px solid #777;
				}
			}

			.next {
				padding-right: 20px;

				&::after {
					content: '';
					position: absolute;
					right: 6px;
					top: 50%;
					transform: translateY(-50%) rotate(-45deg) scaleX(-1);
					width: 10px;
					height: 10px;
					border-left: 1px solid #777;
					border-bottom: 1px solid #777;
				}
			}
		}
	}

	.pagination {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 4px;
		padding: 10px;
		margin-top: 40px;
		flex-shrink: 0;
	}

	.pagination a {
		display: inline-block;
		padding: 10px 15px;
		background-color: #fff;
		color: #000;
		text-decoration: none;
		border: 1px solid transparent;
		transition: background-color 0.3s;
	}

	.pagination a:hover {
		background-color: #eee;
		color: #000;
	}

	.pagination a.active {
		background-color: #eee;
		color: #000;
		pointer-events: none;
	}

	.pagination a.disabled {
		color: #666;
		pointer-events: none;
	}

}

/* /under-bloglist */

#prof-info .day p:last-of-type {
	font-size: 1.6rem;
	border-bottom: none;
	margin: 20px 0px;
}

#prof-info ul li {
	border: none;
	width: 96%;
	border-radius: 15px;
	margin: 0 3% 30px;
	height: auto !important;
	max-height: unset;
}

/* under-profile-blog */
#prof-info .blog-wrap {
	position: relative;

	.blog-container {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;

		.blog-box {
			width: calc(100% / 3 - 14px);

			>a {
				display: block;
				box-sizing: border-box;

				.pic-box {
					width: 100%;
					overflow: hidden;
					aspect-ratio: 1 / 1;

					.thum {
						width: 100%;
						transition: transform 0.3s ease;
					}
				}

				.title {
					font-size: 21px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					margin-top: 0.6em;
					color: #fff;

					.b-icon {
						width: 20px;
						margin: 0 4px 2px 0;
					}
				}

				.day-time {
					font-size: 14px;
					color: #ff7;
					margin-top: 0.4em;
				}

				.txt {
					font-size: 15px;
					line-height: 1.4;
					margin: 0.5em 0 0;
				}
			}

			a:hover .thum {
				transform: scale(1.1);
			}
		}
	}

	.btn {
		display: block;
		width: 200px;
		padding: 20px 10px;
		text-align: center;
		margin: 30px auto 0;
		color: #fff;
	}
}

/* /under-profile-blog */

/*faq*/
#faq {
	.faq-container {
		max-width: 1200px;
		margin: 30px auto 60px;
	}

	.faq-item {
		overflow: hidden;
		margin-bottom: 10px;
		border-radius: 20px;
		transition: all 0.3s ease;

	}

	.faq-question {
		text-align: left;
		font-family: inherit;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
		cursor: pointer;
		z-index: 10;
		transition: all 0.3s ease;
		border: none;
		width: 100%;
		font-size: 1.8rem;
		font-weight: 600;
		background-color: #f6eaec;
	}

	.faq-question:hover {
		background-color: #f6eaec;
		padding: 20px;
	}

	.faq-item.active .faq-question {
		background-color: #f6eaec;
		padding: 20px;
	}

	.question-text {
		flex: 1;
		margin-right: 15px;
	}

	.faq-icon {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: none;
		font-weight: bold;
		font-size: 24px;
		transition: all 0.3s ease;
		flex-shrink: 0;
	}

	.faq-item.active {
		border-radius: 20px;
	}

	.faq-item.active .faq-icon {
		transform: rotate(180deg);
	}

	.faq-answer {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease, padding 0.3s ease;
		background-color: #f8f9ff;
	}

	.faq-item.active .faq-answer {
		max-height: unset;
		padding: 20px;
	}

	.answer-content {
		color: #000;
		line-height: 1.7;
	}

}
/*/faq*/