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

/*-- all --*/
article {
	overflow: hidden
}

.wrapper:last-of-type article {
	margin-top: 30px
}

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

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

#now section,
#waiting section,
#history section {
	position: relative
}

.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 #system .u-box.pt1 ul li.pickup div,
#under #members h4,
#under #waitingmap h4,
#under #review h4,
#playmanual #wrap .box .text h4 {
	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 }
}

.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) }
}

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

.main-container {
	margin: 72vh 0 0 !important;
	position: relative
}

	@media screen and (max-width: 500px) {
		.main-container {
			margin: 100vw 0 0 !important;
		}
	}

#under .main-container {
	margin: 361px 0 0 !important;
}

	@media screen and (max-width: 768px) {
		#under .main-container {
			margin: 261px 0 0 !important
		}
	}

.wrapper {
	background: rgba(255,255,255,0.9);
}

#under .wrapper {
	background: rgba(150,3,71,0.8)
}

.world header {
	position: static
}

.wrapper:first-of-type {
	padding: 65px 0 0
}

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

#fixed-btn {
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 1001;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 1.1rem;
	padding: 10px 0;
	transition: all .3s ease-in;
	/*opacity: 0*/
}

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

#fixed-btn ul li {
	display: inline-block;
	text-align: center;
	border-right: 1px solid;
	box-sizing: border-box;
	width: 17.5%
}

#fixed-btn ul.column01 li {
	width: 69.5%
}

#fixed-btn ul.column02 li {
	width: 36%
}

#fixed-btn ul.column03 li {
	width: 23.5%
}

#fixed-btn ul.column04 li {
	width: 17.5%
}

#fixed-btn ul li img {
	width: 20px;
	margin-bottom: 7px
}

#fixed-btn div {
	position: fixed;
	bottom: 10px;
	right: 10px
}

#fixed-btn div img {
	width: 80px
}


/* all-page-top */
#page-top {
	margin-top: 20px;
	display: block
}

#page-top ul {
	border: 3px solid;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,0.8);
	float: right;
	position: relative
}

#page-top ul::before {
	content: "";
	position: absolute;
	top: 40%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(-45deg)
}
/* /all-page-top */


/* card */
.card {
	border: 1px solid #000;
	box-sizing: border-box;
	margin: 20px 0;
	border-radius: 15px;
	text-align: center
}

#index .card {
	border: 1px solid #000 !important;
	margin: 20px 10px !important
}

.card > p {
	padding-top: 3% !important
}

.card > ul li {
	display: inline-block !important;
	box-shadow: 0 0 0 1px #000 inset;
	max-width: 150px !important;
	width: 40% !important;
	padding: 2.5% 3% !important;
	border-radius: 10px !important;
	margin: 3% 0 !important;
	float: none !important
}

.card > ul li img {
	width: 100%
}
/* /card */


/* all-side-scroll */
.side-scroll {
	position: absolute;
	right: 100px;
	top: 87px
}

#under #ranking .side-scroll {
	top: 240px
}

.side-scroll:before {
	content: "";
	display: block;
	height: 3px;
	width: 100px;
	position: absolute
}

.side-scroll:before {
	left: 0;
	top: 20px;
	background-color: #96efff;
	display: block;
	-webkit-animation:scrolldown 1.5s cubic-bezier(.785,.135,.15,.86) infinite;
	animation:scrolldown 1.5s cubic-bezier(.785,.135,.15,.86) infinite
}

.side-scroll::before {
	background-color: #fff
}

.side-scroll p {
	position: absolute;
	left: 0;
	top: 0
}

.side-scroll p {
	color: #fff
}

@-webkit-keyframes scrolldown {
	0% {
		-webkit-transform:scaleX(0);
		transform:scaleX(0);
		-webkit-transform-origin:0 0;
		transform-origin:0 0
	}
	50% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform-origin:0 0;
		transform-origin:0 0
	}
	50.1% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform-origin:100% 0;
		transform-origin:100% 0
	}
	to {
		-webkit-transform:scaleX(0);
		transform:scaleX(0);
		-webkit-transform-origin:100% 0;
		transform-origin:100% 0
	}
}

@keyframes scrolldown {
	0% {
		-webkit-transform:scaleX(0);
		transform:scaleX(0);
		-webkit-transform-origin:0 0;
		transform-origin:0 0
	}
	50% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform-origin:0 0;
		transform-origin:0 0
	}
	50.1% {
		-webkit-transform:scale(1);
		transform:scale(1);
		-webkit-transform-origin:100% 0;
		transform-origin:100% 0
	}
	to {
		-webkit-transform:scaleX(0);
		transform:scaleX(0);
		-webkit-transform-origin:100% 0;
		transform-origin:100% 0
	}
}
/* /all-side-scroll */


/* all-back */
.mainvisual {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	box-sizing: content-box
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 100%;
	position: relative
}

.mainvisual__slide-item {
	display: block;
	width: 100%;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.mainvisual__slide-nav {
	position: absolute;
	bottom: 84px;
	right: 20px;
	z-index: 10
}
/* /all-back */

/* all-arrow */
.layout1 section > .box .arrow,
#under .arrow {
	padding: 30px 20px;
	position: absolute;
	right: 0;
	z-index: 10;
	border-radius: 15px 0 0 15px;
	background: #ff0
}

#now .layout1 section > .box .arrow,
#waiting .layout1 section > .box .arrow {
	bottom: 280px
}

#history .layout1 section > .box .arrow {
	bottom: 22vw
}

	@media screen and (max-width: 768px) {
		#history .layout1 section > .box .arrow {
			bottom: 31vw
		}
	}

	@media screen and (max-width: 500px) {
		#history .layout1 section > .box .arrow {
			bottom: 38vw
		}
	}

#under #waitingmap .u-box#area > div {
	position: relative
}

#under #waitingmap .u-box#area div .arrow {
	top: 29vw
}

	@media screen and (max-width: 500px) {
		#under #waitingmap .u-box#area div .arrow {
			top: 41vw
		}
	}

#under #prof-info .bg .arrow {
	top: 75px;
	right: 5px
}

#under #ranking dl dd:nth-of-type(2) .arrow {
	top: 410px
}

#under #ranking dl:first-of-type dd:nth-of-type(2) .arrow {
	background: rgba(199, 166, 63,0.9)
}

#under #ranking dl:nth-of-type(2) dd:nth-of-type(2) .arrow {
	background: rgba(143, 143, 143,0.9)
}

#under #ranking dl:nth-of-type(3) dd:nth-of-type(2) .arrow {
	background: rgba(209, 139, 0,0.9)
}

#under #ranking dl:nth-of-type(n+4) dd:nth-of-type(2) .arrow {
	display: none
}

.layout1 section > .box .arrow span,
#under .arrow span {
	content: "";
	position: absolute;
	top: 22px;
	right: 5px;
	left: 0;
	margin: 0 auto;
	width: 15px;
	height: 15px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg)
}

.layout1 section > .box .arrow span,
#prof-info .sch .arrow span {
	border-top: 2px solid #000;
	border-right: 2px solid #000
}
/* /all-arrow */


/* all-icon */
.common .box ul li a .icon-left,
.common .box ul li a .icon-right,
#slider-box .slider-thum .icon-left,
#slider-box .slider-thum .icon-right {
	position: absolute;
	top: 10px
}

	@media screen and (max-width: 768px) {
		.common .box ul li a .icon-left,
		.common .box ul li a .icon-right {
			top: 5px
		}
	}

.common .box ul li a .icon-left,
#slider-box .slider-thum .icon-left {
	left: 10px;
	width: 65px
}

	@media screen and (max-width: 768px) {
		.common .box ul li a .icon-left {
			left: 5px;
			width: 45px
		}
	}

.common .box ul li a .icon-right,
#slider-box .slider-thum .icon-right {
	right: 10px;
	width: 55px
}

	@media screen and (max-width: 768px) {
		.common .box ul li a .icon-right {
			right: 5px;
			width: 35px
		}
	}

.standby .common .box ul li a .icon-left {
	max-width: 60px;
	width: 16vw
}

.standby .common .box ul li a .icon-right {
	max-width: 45px;
	width: 12vw
}

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

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


/* all-bubble */
#bubble,
#bubble:after {
    width: 6px;
    height: 6px;
	border-radius: 50%;
    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: 8px;
    height: 8px;
    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: 9px;
    height: 9px;
    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: 2000px;
    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(0, 0, 0, 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 --*/


/* all-under */
/* all-underlayer-title */
header #sec04 {
	transition: all .3s ease-in;
	opacity: 1 !important
}

header #sec04.-scrolled {
	transition: all .3s ease-in;
	opacity: 0 !important
}

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

	@media (max-width: 768px) {
		header #sec04 h2 {
			padding-top: 15px
		}
	}

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

	@media (max-width: 768px) {
		header #sec04 p:first-of-type img {
			top: 15px
		}
	}

header #sec04 p:first-of-type {
	color: #fff
}

	@media screen and (max-width: 450px){
		header #sec04.reserve p:first-of-type,
		header #sec04.reviewform p:first-of-type,
		header #sec04.playmanual p:first-of-type,
		header #sec04.waitingmap p:first-of-type {
			font-size: 3.6rem;
			margin: 3px 0 10px
		}
		header #sec04.hotel-list p:first-of-type {
			font-size: 4.2rem;
			margin: 0 0 10px
		}
	}

	@media screen and (max-width: 320px){
		header #sec04.reserve p:first-of-type,
		header #sec04.reviewform p:first-of-type,
		header #sec04.playmanual p:first-of-type,
		header #sec04.waitingmap p:first-of-type {
			font-size: 3rem;
			margin: 3px 0 15px
		}
		header #sec04.hotel-list p:first-of-type {
			font-size: 3.6rem;
			margin: 0 0 15px
		}
	}

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

	@media (max-width: 768px) {
		header #sec04 p:last-of-type {
			font-size: 21px
		}
	}

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

	@media (max-width: 768px) {
		header #sec04 p:last-of-type img {
			width: 20px
		}
	}

header #sec04 {
	padding-top: 60px;
	position: relative;
	z-index: 1;
	font-size: 81px;
	font-family: didot, serif;
	color: #fff
}

	@media (max-width: 768px) {
		header #sec04 {
			font-size: 48px
		}
	}

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

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

#top #background {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

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

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

#under .all-btn > li {
	float: left;
	width: calc(94%/2);
	box-shadow: 0 0 0 1px #000 inset;
	box-sizing: border-box;
	margin: 1%;
	border-radius: 35px;
	text-align: center;
	font-size: 1.5rem;
	background-color: #fff;
	color: #000
}

	@media (max-width: 320px) {
		#under #waitingmap .all-btn > li,
		#under #system .all-btn > li {
			width: calc(96%/1);
		}
	}

#under .all-btn > li:nth-of-type(5) {
	width: calc(96%/1)
}

#under #waitingmap .all-btn > li:nth-of-type(3) {
	width: calc(96%/1)
}

#under #review .all-btn > li {
	width: 55%
}

#under .all-btn > li a {
	padding: 10px 0;
	display: block;
	position: relative
}

#under .all-btn > li img {
	width: 16px;
	margin-right: 10px
}

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

#under .all-btn > li a span {
	background: #960347;
	width: 26px;
	height: 26px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 2px
}

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


/* all-more */
.list-item{
	opacity: 1
}

.list-item.is-hidden {
	opacity: 0;
	height: 0;
	margin: 0;
	display: none
}

.list-btn {
	text-align: center;
	margin: 40px auto !important;
	width: 200px !important
}

#gals .list-btn,
#schedule .list-btn,
#review .list-btn,
#history .list-btn {
	margin: 20px auto 40px !important
}

.list-btn button {
	background-color: #fff;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	line-height: 42px;
	width: 200px;
	border-radius: 30px;
	font-size: 1.6rem;
	background: linear-gradient(to right, #eee, #fff)
}

.list-btn.is-btn-hidden {
  display : none
}
/* /all-more */


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

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

#search-form .box label {
	color: #960347;
	display: flex;
	align-items: center
}

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

#search-form .box.name label {
	margin-bottom: 5px
}

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

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

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

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

#search-form .group .box {
	width: 32.6%;
	margin-right: 1%;
	padding: 2% !important;
	border-radius: 15px;
	border: 1px solid #fff
}

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

#search-form .box select {
	display: block;
	margin-top: 5px;
	width: 100%;
	padding: 4%;
	border-radius: 15px;
	border: none;
	cursor: pointer;
	margin-bottom: -20px
}

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

#search-form .box.option p {
	color: #960347;
	margin-bottom: 10px;
	display: flex;
	align-items: center
}

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

#search-form .box.option div:last-of-type {
	margin-bottom: 0
}

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

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

#search-form .search input {
	display: block;
	background: #fff;
	border: none;
	padding: 1.5% 5%;
	font-size: 1.6rem;
	border-radius: 35px;
	margin: 0 auto 10px;
	color: #960347;
	-webkit-appearance: none;
	-moz-appearance: none
}

#search-form .search input:first-of-type {
	margin: 10px auto 5px
}

#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);
	text-align: left
}

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

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

.close_button {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 21px;
	cursor: pointer;
	background: #fff;
	height: 28px;
	width: 30px;
	text-align: center;
	padding-top: 2px;
	border-radius: 35px
}

.close_button img {
	width: 15px !important;
	margin: 0 !important
}

.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;
	padding: 10px 0;
	display: block;
	position: relative
}
/* /all-modal */


#under .u-box {
	width: 100%;
	border-top: 3px solid #000;
	border-bottom: 2px solid #000;
	background: #fff;
	margin-top: 20px;
	overflow: hidden;
	position: relative
}

#under #basic-price .u-box,
#under #basic-play .u-box,
#under #service .u-box {
	border-bottom: 3px solid #000
}

#ranking .common .box ul li {
	margin: auto;
	width: auto;
	float: none
}
/*-- /all-under --*/


/*-- nav --*/
nav > #nav-obi .open, .open img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

nav > #nav-obi .open {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #a9976d;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	visibility: visible;
	z-index: 3000;
	width: 100%;
	opacity: 1;
	transition: all 1.4s cubic-bezier(.04, .435, .315, .9)
}

nav > #nav-obi .open.is-loading img,
nav > #nav-obi .open.is-loading p {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

nav > #nav-obi .open.is-loaded {
	opacity: 0;
	visibility: hidden;
	z-index: -1
}

nav > #nav-obi .open img {
	display: block;
	margin: 0 auto;
	width: 154px;
	opacity: 0;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
	transition: all 1s cubic-bezier(.04, .435, .315, .9) .1s
}

nav > #nav-obi .open img:nth-of-type(2) {
	transition-delay: .4s
}

	@media screen and (max-width:768px) {
		nav > #nav-obi .open img {
			width: 180px
		}
	}

nav > #nav-obi .open p {
	color: #fff;
	text-align: center;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
	transition: all 1s cubic-bezier(.04, .435, .315, .9) .4s;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: .1em
}

nav > #nav-obi #logo img {
	width: 125px
}

nav > #nav-obi.is-fixed #logo img {
	width: 105px
}

nav > #nav-obi #open {
	font-size: 24px;
	color: #960347;
	background: #fff;
	height: 65px;
	text-align: center;
	margin-right: 10px
}

nav > #nav-obi.is-fixed #open {
	height: 55px
}

nav > #nav-obi #open p {
	padding: 14px 10px
}

nav > #nav-obi.is-fixed #open p {
	padding: 9px 10px
}

nav > #nav-obi #open p span {
	font-size: 13px;
	display: block
}

nav .nav-obi .hamburer.is-open span {
	opacity: 0
}

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

nav .nav-obi .hamburer {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	padding: 20px 15px 15px;
	box-sizing: border-box;
	width: 70px;
	height: 65px;
	background: #000
}

nav .nav-obi.is-fixed .hamburer {
	top: 0px;
	padding: 15px;
	height: 55px
}

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

	@media screen and (max-width:768px) {
		nav .nav-obi .hamburer.is-open span:first-of-type {
			-webkit-transform: translate(15px, 6px) rotate(0deg);
			transform: translate(15px, 6px) 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
}

	@media screen and (max-width:768px) {
		nav .nav-obi .hamburer.is-open span:nth-of-type(2) {
			-webkit-transform: translate(0, 6px) rotate(0deg);
			transform: translate(0, 6px) rotate(0deg)
		}
	}

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

	@media screen and (max-width:768px) {
		nav .nav-obi .hamburer.is-open span:last-of-type {
			-webkit-transform: translate(0, 6px) rotate(0deg);
			transform: translate(0, 6px) 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: 40px;
	height: 1.5px;
	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(0, -5px) rotate(0deg);
	transform: translate(0, -5px) rotate(0deg)
}

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

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

nav .nav-obi .hamburer p {
	display: inline-block;
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
	line-height: 4
}

nav .nav-obi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	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 right, #960347, #630b35, #960347);
	opacity: 1
}

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

nav .nav-obi.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 0;
	height: 55px
}

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

nav .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);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: scroll
}

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

nav .hamburer-in .hamburer-close {
	position: absolute;
	top: 21px;
	right: 20px;
	-webkit-transform: translateY(0) scale(.7);
	transform: translateY(0) scale(.7);
	cursor: pointer;
	width: 40px;
	height: 40px
}

	@media screen and (max-width: 450px) {
		nav .hamburer-in .hamburer-close {
			top: 21px;
			right: 21px
		}
	}

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

	@media screen and (max-width:768px) {
		nav .hamburer-in .hamburer-close.is-open {
			-webkit-transform: translateY(0) scale(.7);
			transform: translateY(0) scale(.7)
		}
	}

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

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

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

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

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

nav .hamburer-in .hamburer-main {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 90%;
	margin: 0 auto 20px
}

nav .hamburer-in .hamburer-main .box {
	font-size: 1.6rem;
	overflow: hidden
}

nav .hamburer-in .hamburer-main ul li {
	display: inline-block
}

nav .hamburer-in .hamburer-main .bna {
	display: flex;
	justify-content: center;
	align-items: center
}

nav .hamburer-in .hamburer-main ul.bna li img {
	max-width: 165px;
	width: 96%;
	margin: 0 2%;
	border: 1px solid #000;
	box-sizing: border-box
}

nav .hamburer-in .hamburer-main {
	display: block;
	text-align: center
}

nav .hamburer-in .hamburer-main .nav-logo{
	margin-top:10px;
}

nav .hamburer-in .hamburer-main .nav-logo img{
	width: 150px;
}

nav .hamburer-in .hamburer-main .sns {
	text-align: center;
	height: auto;
	width: 90%;
	margin: 20px auto 10px;
}

nav .hamburer-in .hamburer-main .sns > em {
	display: block;
	margin-left: 5px;
}

nav .hamburer-in .hamburer-main .sns img {
	width: 40px;
	margin: 5px 5px;
}

nav .hamburer-in .hamburer-main .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px
}

nav .hamburer-in .hamburer-main .box a {
	position: relative;
	color: currentColor;
	overflow: hidden;
	display: flex;
	align-items: center;
	float: left;
	width: 50%;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 15px 0 15px 15px;
	box-sizing: border-box
}

	@media screen and (max-width: 500px) {
		nav .hamburer-in .hamburer-main .box a.small {
			font-size: 1.5rem
		}
	}

	@media screen and (max-width: 320px) {
		nav .hamburer-in .hamburer-main .box a {
			font-size: 1.3rem;
			padding: 10px
		}
		nav .hamburer-in .hamburer-main .box a.small {
			font-size: 1.07rem
		}
	}

nav .hamburer-in .hamburer-main .box a:nth-of-type(-n+2) {
	border-top: 1px solid #777
}

nav .hamburer-in .hamburer-main .box a:nth-of-type(2n) {
	border-left: none
}

nav .hamburer-in .hamburer-main .box a img {
	width: 18px;
	margin-right: 10px
}

nav .hamburer-in .hamburer-main .box a.is-salon-info span:after, nav .hamburer-in .hamburer-main .box a.is-salon-info span:before {
	width: 60px
}

nav .hamburer-in .hamburer-main .box a.is-long {
	overflow: visible
}

nav .hamburer-in .hamburer-main .box a.is-long span:after, nav .hamburer-in .hamburer-main .box a.is-long span:before {
	width: 80px
}

nav .hamburer-in .hamburer-main .box a span {
	font-size: 21px;
	display: inline-block;
	position: relative
}

	@media screen and (max-width:768px) {
		nav .hamburer-in .hamburer-main .box a span {
			font-size: 13px;
			font-size: 1.3rem;
			line-height: 1
		}
	}

nav .hamburer-in .hamburer-main .box a span:hover:after, nav .hamburer-in .hamburer-main .box a span:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

	@media screen and (max-width:768px) {
		nav .hamburer-in .hamburer-main .box a span:hover:after, nav .hamburer-in .hamburer-main .box a span:hover:before {
			-webkit-transform: scaleX(0);
			transform: scaleX(0)
		}
	}

nav .hamburer-in .hamburer-main .box a span:after, nav .hamburer-in .hamburer-main .box a span:before {
	content: '';
	position: absolute;
	width: 120px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transition: all .8s cubic-bezier(.04, .435, .315, .9)
}

nav .hamburer-in .hamburer-main .box a span:before {
	top: 10px;
	left: 110%;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

nav .hamburer-in .hamburer-main .box a span:after {
	top: 10px;
	right: 110%;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

nav .hamburer-in .hamburer-main .box a .icon {
	margin-left: 10px
}

	@media screen and (max-width:768px) {
		nav .hamburer-in .hamburer-main .box a .icon {
			font-size: 11px
		}
	}
/*-- /nav --*/


/*-- header --*/
#under header {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%
}

header ul {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	border-radius: 50%;
	background: #960347;
	padding: 2px;
	z-index: 2
}

header ul a {
	transition: all .3s ease-in;
	opacity: 1 !important
}

header ul a.-scrolled {
	transition: all .3s ease-in;
	opacity: 0 !important
}

header ul img {
	width: 55px
}

#under header h1 {
	background: rgba(255,255,255,0.8);
	padding: 9px 12px;
	border-radius: 0 0 0 15px;
	float: right;
	font-size: 1rem
}

#under.world header h1 {
	padding: 10px 0;
	border-radius: 0;
	float: none
}

#under header > div:first-of-type {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	z-index: 2
}

body header#top .catch picture:nth-of-type(2) img {
	margin-top: 10px
}

	@media (max-width: 450px) {
		body header#top .catch picture:nth-of-type(2) img {
			margin-top: 15px
		}
	}

header > div:first-of-type img {
	width: 100px
}

header > ol {
	position: absolute;
	top: 65vh;
	left: 10px;
	z-index: 2;
	font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background: rgba(255,255,255,0.95);
	padding: 5px 0 5px 15px;
	border-radius: 30px;
	font-size: 12px
}

	@media screen and (max-width: 500px) {
		header > ol {
			top: 84vw;
			width: 90%;
		}
	}

#under header > ol {
	top: 305px
}

	@media screen and (max-width: 768px) {
		#under header > ol {
			top: 205px
		}
	}

	@media screen and (max-width: 500px) {
		#under header > ol {
			top: 200px;
			padding: 5px 0 5px 15px
		}
	}

#under header > ol {
	transition: all .3s ease-in;
	opacity: 1 !important
}

#under header > ol.-scrolled {
	transition: all .3s ease-in;
	opacity: 0 !important;
	display: none
}

header > ol a {
	color: #960347;
	display: inline;
}

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

header > ol li  {
	line-height: 18px;
	display: inline;
}

header > ol li p {
	display: inline;
}

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

	@media screen and (max-width: 500px) {
		header > ol em {
			margin: 0 15px 0 5px
		}
	}
/*-- /header --*/


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

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

#disp {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2
}

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

#disp a img,
#disp2 a img {
	width: 100px
}

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


/*-- top --*/
#main-v {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%
}

#main-v .gradation {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1)), url() center bottom / cover no-repeat;
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 30px;
	width: 100%
}

#main-v div:last-of-type ul {
	background: #fff
}

/* top-deri */
main .deri-btn {
	background: #ff8f00;
	display: block;
	text-align: center;
	line-height: 40px;
	margin: 10px;
	border-radius: 10px;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	position: relative
}

main .deri-btn::before {
	content: "";
	position: absolute;
	top: 41%;
	right: 15px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg)
}

main #deri {
	overflow: hidden;
	padding-bottom: 8px
}

main #deri li {
	width: 96%;
	float: left;
	box-shadow: 0px 2px 10px rgb(100 100 100 / 60%);
	border-radius: 20px;
	background: #fff
}

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

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

main #deri li h2,
main #deri li iframe {
	border-radius: 20px 20px 0 0;
	text-align: center;
	color: #fff;
	padding: 12px 0 10px;
	font-size: 1.8rem
}

main #deri li:first-of-type h2,
main #deri li:last-of-type h2 {
	background: linear-gradient(to right, #000000, #252525, #000000)
}

main #deri li iframe {
	padding: 0 1% 10px
}

main #deri li iframe {
	border-radius: 0 0 20px 20px;
	width: 98% !important
}
/* /top-deri */


/* top-new */
#topics {
	color: #fff;
	border-top: 1px solid #fff;
	background: #960347
}

#under #topics {
	margin-top: 0
}

#topics h2 {
	font-size: 2.4rem;
	padding: 20px 0;
	border-bottom: 1px solid #fff;
	text-align: center
}

#topics h2 img {
	width: 30px;
	margin-right: 10px
}

#top #topics h3 {
	padding: 10px 0;
	text-align: center;
	line-height: 21px;
	border-bottom: 1px solid #fff
}

#topics .box {
	padding: 20px 10px
}

#topics .box ul li a > div {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	overflow: hidden;
	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;
	display: block
}

#topics .box ul:first-of-type li a {
	width: 300px;
	margin: 0 auto
}

#topics .box ul:nth-of-type(n+2) li a {
	float: left;
	margin-right: 10px
}

#topics .box ul li {
	overflow: hidden
}

#topics .box ul:nth-of-type(n+2) li {
	border-top: 1px solid #fff;
	margin-top: 15px;
	padding-top: 15px
}

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

#topics .box ul:first-of-type li a > p:first-of-type {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 65px;
	height: 65px
}

#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: 26px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff
}

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

#topics .box ul:nth-of-type(n+2) li dl {
	margin-top: 18px
}

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

#topics .box ul:nth-of-type(n+2) li dl dd:last-of-type {
	height: 22px
}

#topics .box ul:first-of-type li dl dt {
	font-size: 1.8rem;
	line-height: 27px;
	color: #fff
}

#topics .box ul li dl dd:first-of-type {
	margin: 15px 0;
	font-size: 1.6rem;
	font-weight: bold
}

#topics .box ul:first-of-type li dl dd:first-of-type {
	margin: 12px 0 15px
}

/* 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 {
	font-size: 1.8rem;
	font-weight: bold
}

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

#topics .box ul:nth-of-type(n+2) li dl dd:first-of-type span {
	display: block;
	margin-top: 5px
}

#topics .box ul li dl dd:last-of-type {
	color: #fff;
	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;
	max-height: 260px;
	overflow-y: scroll
}

#topics > ul {
	font-size: 1.8rem;
	padding: 20px 0 30px;
	text-align: center;
	border-top: 1px solid #fff
}

#topics > ul a {
	border-bottom: 1px solid #fff;
	display: inline-block;
	padding-bottom: 10px
}
/* /top-new */


/* top-layout1 */
.layout1 {
	color: #000;
	border-bottom: 3px solid #000
}

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

#members .layout1,
#ranking .layout1,
#system .layout1,
#waitingmap .layout1 {
	padding-bottom: 30px
}

.layout1 .main-tit {
	text-align: center;
	font-size: 4.8rem;
	font-family: "Cinzel", serif;
	line-height: 1;
	position: relative;
	height: 75px;
	letter-spacing: 3px
}

	@media (max-width: 320px) {
		.layout1 .main-tit {
			font-size: 3.9rem;
			height: 69px
		}
	}

#newface .layout1 .main-tit,
#schedule .layout1 .main-tit,
#review .layout1 .main-tit {
	color: #fff;
	background: linear-gradient(to right, #000000, #252525, #000000)
}

#history .layout1 .main-tit {
	color: #fff;
	background: #960347
}

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

#now .layout1 .main-tit img {
	margin-left: 5px
}

.layout1 .box {
	overflow: hidden
}

.common.layout1 .box {
	padding: 2%
}

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

#under .common.layout1 .box {
	padding: 0
}

#now .common.layout1 section > .box,
#waiting .common.layout1 section > .box {
	padding: 46px 0 0 2%
}

	@media (max-width: 450px) {
		#now .common.layout1 section > .box,
		#waiting .common.layout1 section > .box {
			padding: 46px 0 4% 2%
		}
	}

.layout1 h2 {
	font-size: 2.4rem;
	padding: 20px 0 0px;
	height: 45px;
	text-align: center;
	background: #fff;
	color: #000;
}

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

	@media (max-width: 450px) {
		.layout1 h2 img,
		.layout2 h2 div:last-of-type img {
			margin-right: 5px
		}
	}

.layout1 h2 {
	padding: 10px 0;
	text-align: center;
	line-height: 24px
}

.layout1 h2 {
	border-top: 3px solid #000;
	background-color: #fff;
	color: #000;
	height: auto;
	font-size: 1.8rem
}

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

.layout1 > section > h3 {
	padding: 10px 0;
	text-align: center;
	line-height: 24px
}

.layout1 > section > h3 {
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	background-color: #fff;
	color: #000
}

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

#newface .layout1 .tit ul {
	border-left: 6px solid #9eff00
}

#newface.now .layout1 .tit ul {
	border-left: 6px solid #96efff
}

#newface.waiting .layout1 .tit ul {
	border-left: 6px solid #a8a0ff
}

#schedule .layout1 .tit ul {
	border-left: 6px solid #ffff00
}

#review .layout1 .tit ul {
	border-left: 6px solid #ff9600
}

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

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


/* top-main-tit-new */
.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: 4.8rem;
	font-family: "Cinzel", serif;
	font-style: italic;
	padding: 15px 0 12px
}

	@media (max-width: 320px) {
		.main-tit-new div.slideIn span.inText {
			font-size: 3.9rem
		}
	}

.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,
#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: #000
}

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

.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
	}
}
/* /top-main-tit-new */


/* top-more */
.more {
	text-align: center;
	margin-top: 20px
}

.more a {
	color: #000;
	border-bottom: 3px solid #960347;
	display: inline-block;
	padding-bottom: 8px;
	font-size: 1.8rem
}
/* /top-more */


/* top-newface */
#newface .box li > div {
	height: 50vw;
	overflow: hidden;
	border-radius: 30px;
	border: solid 1px #fff;
	box-sizing: border-box
}

	@media (max-width: 450px) {
		#newface .box li > div {
			border-radius: 15px
		}
	}

#newface .box li > div,
#review .box li > div {
	margin: 30px 2%
}

	@media (max-width: 450px) {
		#newface .box li > div:first-of-type,
		#review .box li > div {
			margin: 20px 2%
		}
	}

#under #review .box li > div {
	margin: 15px 2%
}

	@media (max-width: 450px) {
		#under #review .box li > div {
			margin: 10px 2%
		}
	}

#review .box li > div {
	width: 46%
}

#under #review .box li > div {
	width: auto
}

#review .box li > div {
	float: left
}

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

#newface.now .box li > div .back {
	border-radius: 0 30px 30px 0
}

	@media (max-width: 450px) {
		#newface.now .box li > div .back {
			border-radius: 0 15px 15px 0
		}
	}

#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: 60%;
	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: 3rem;
	display: inline-flex;
	align-items: center;
	color: #9eff00;
	border-bottom: 3px solid #fff;
	padding: 5% 3% 4% 6%;
	animation: blinkAnimeS-newface 1s infinite alternate
}

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

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

	@media (max-width: 450px) {
		#newface .box li > div .back dl dt {
			font-size: 1.6rem;
			border-bottom: 2px solid #fff
		}
	}

#newface.now .box li > div .back dl dt,
#newface.waiting .box li > div .back dl dt {
	border-bottom: 3px solid #fff
}

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

	@media (max-width: 705px) {
		#newface .box li > div .back dl dt span {
			font-size: 3.5vw;
			margin-left: 1.4184vw
		}
	}

	@media (max-width: 450px) {
		#newface .box li > div .back dl dt span {
			font-size: 1.4rem;
			margin-left: 5px
		}
	}

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

	@media (max-width: 705px) {
		#newface .box li > div .back dl dt img {
			width: 4.5vw;
			margin-right: 2.8369vw
		}
	}

	@media (max-width: 450px) {
		#newface .box li > div .back dl dt img {
			width: 15px;
			margin-right: 10px
		}
	}

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

#newface .box li > div .back dl dd div:first-of-type {
	display: flex;
	align-items: center;
	font-size: 2.4rem;
	color: #fff
}

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

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

#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
}

#newface .box li > div .back dl dd div:first-of-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

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

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

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

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

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

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

	@media (max-width: 450px) {
		#newface .box li > div .back dl dd div:last-of-type {
			border: 1px solid #fff;
			font-size: 1.3rem;
			line-height: 1.6;
			background-color: #fff;
			color: #000
		}
	}

	@media (max-width: 375px) {
		#newface .box li > div .back dl dd div:last-of-type {
			max-height: 20vw
		}
	}

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

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

#newface .box li > div .right {
	width: 40%;
	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, #630b35, #960347);
	font-size: 2.4rem;
	padding: 0 3%;
	z-index: 10;
	color: #fff
}

	@media (max-width: 450px) {
		#newface .box li > div .right > p {
			font-size: 1.4rem
		}
	}

	@media (max-width: 375px) {
		#newface .box li > div .right > p {
			left: -10px
		}
	}

#newface.now .box li > div .right > p {
	left: auto;
	right: 0;
	background: linear-gradient( #960347, #630b35, #960347)
}

#newface.waiting .box li > div .right > p {
    background: linear-gradient( #960347, #630b35, #960347)
}

#newface .box li > div .right object {
	position: absolute;
	left: 30px;
	bottom: 5px;
	width: 34px;
	background: #fff;
	padding: 2px;
	border-radius: 50%
}

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


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

	@media (max-width: 450px) {
		.layout2 .tit {
			height: 240px;
			padding: 30px 0 0 0
		}
	}

#pickup .tit,
#ranking .tit {
	border-top: 3px solid #000
}

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

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

.layout2 .tit > img {
	position: absolute;
	bottom: 0
}

#pickup .tit > img,
#ranking .tit > img {
	right: 0;
	width: 100%
}

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

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

.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
}

	@media (max-width: 450px) {
		.layout2 .tit h2 div:last-of-type {
			font-size: 1.8rem;
			margin: 20px 0 30px
		}
	}

.layout2 .tit ul {
	position: absolute;
	border: 0;
	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;
	right: -130px;
	left: 0;
	margin: 0 auto;
	bottom: -70px
}

	@media (max-width: 450px) {
		.layout2 .tit ul {
			width: 100px;
			height: 100px;
			font-size: 1.6rem;
			right: -100px;
			bottom: -55px
		}
	}

#pickup.layout2 .tit ul {
	background: #630b35
}

#ranking.layout2 .tit ul {
	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: 450px) {
		.layout2 .tit h3 {
			font-size: 1.4rem
		}
	}

.layout2 .girl > div {
	width: 50%;
	overflow: hidden;
	float: left;
	position: relative
}

.layout2 .girl > div:last-of-type {
	width: 100%
}

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

	@media (max-width: 450px) {
		.layout2 .girl > div span,
		.layout2 .girl > div > div span {
			padding: 10px
		}
	}

.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: 45%
}

.layout2 .girl > div > div {
	width: 50%;
	float: left;
	height: 25vh
}

.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%
}

	@media (max-width: 450px) {
		.layout2 .girl > div > div:first-of-type span {
			width: 35%
		}
	}

.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%
}

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

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


/* top-slider-bna */
#slider-bna {
	position: relative;
	background-image: url("../../images/all_back.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#slider-box {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
}
#prof-info #slider-box {
	max-width: 500px;
	padding: 10px 0;
}
#slider-box img {
	width: 100%;
}
#slider-box .swiper-container {
	width: 100%;
	max-width: 940px;
}
#slider-box .swiper-container.slider3 {
	height: 100%;
}
#slider-box .swiper-container.slider-thumbnail {
	height: 100%;
	margin-top: 15px
}
#slider-box .swiper-container.slider-thumbnail > .swiper-wrapper3 > .swiper-slide3 {
	width: 25%;
	height: 100%;
	opacity: 1;
	overflow: hidden;
}
#slider-box .swiper-container.slider-thumbnail > .swiper-wrapper3 > .swiper-slide3.swiper-slide-thumb-active {
	opacity: 1;
}
/* /top-slider-bna */


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

#under #cosplay .common .box ul {
	padding-bottom: 20px
}

.common .box ul li {
	margin: 1.5%;
	width: 47%;
	float: left
}

#under #topics .common .box ul li {
	margin: 20px 2% 0;
	width: 46%;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px
}

	@media screen and (max-width: 680px) {
		#under #topics .common .box ul li {
			margin: 20px 10px 0;
			width: 100%
		}
	}

#under #topics .common .box ul li:last-of-type {
	border-bottom: none
}

#under #cosplay .common .box ul li {
    margin: 20px 1.5% 0 3%;
    width: 45.5%;
	text-align: center
}

#under #cosplay .common .box ul li:nth-of-type(2n) {
    margin: 20px 3% 0 1.5%
}

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

#under #cosplay .common .box ul li a {
	border-radius: 15px
}

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

.common .box ul li a > .box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 96%;
	padding: 0
}

.common .box ul li a .today {
	background: linear-gradient(to right, #960347, #630b35);
	border-radius: 30px;
	text-align: center;
	height: 35px;
	margin: 5px 0 5px 2%
}

	@media screen and (max-width: 768px) {
		.common .box ul li a .today {
			border-radius: 20px;
			height: 25px
		}
		.standby .common .box ul li a .today {
			height: 35px
		}
	}

	@media screen and (max-width: 320px) {
		.common .box ul li a .today {
			height: 25px
		}
	}

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

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

.common .box ul li a .today > p:first-of-type {
	font-weight: bold;
	color: #ff0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 27%;
	line-height: 1.2;
	height: 35px;
	padding-left: 3%
}

	@media screen and (max-width: 768px) {
		.common .box ul li a .today > p:first-of-type {
			height: 25px;
			font-size: 1.2rem
		}
		.standby .common .box ul li a .today > p:first-of-type {
			height: 35px;
			width: 30%;
			font-size: 1.6rem
		}
		.standby .common .box ul li a .today > p:first-of-type br {
			display: none
		}
	}

	@media screen and (max-width: 320px) {
		.common .box ul li a .today > p:first-of-type {
			height: 25px
		}
	}

.common .box ul li a .today > p:last-of-type {
	background: #fff;
	color: #960347;
	float: left;
	margin: 2.5px 1% 0 0;
	border-radius: 0 30px 30px 0;
	animation: blinkAnimeS3 1s infinite alternate;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 68%;
	height: 30px
}

	@media screen and (max-width: 768px) {
		.common .box ul li a .today > p:last-of-type {
			height: 20px;
			font-size: 1.2rem
		}
		.standby .common .box ul li a .today > p:last-of-type {
			font-size: 1.8rem;
			width: 66%;
			height: 30px
		}
	}

	@media screen and (max-width: 320px) {
		.common .box ul li a .today > p:last-of-type {
			height: 20px
		}
	}

@keyframes blinkAnimeS3 {
	0%  { color : #fff }
	100%{ color : #ff008a }
}

.common .box ul li .details {
	position: inherit;
	bottom: 0;
	width: 96%;
	padding: 15px 0 15px 15px;
	overflow: hidden
}

	@media screen and (max-width: 450px) {
		.common .box ul li .details {
			padding: 10px 0 10px 10px
		}
		.standby .common .box ul li .details {
			padding: 10px 0 0 10px
		}
	}

#review .common .box ul li .details {
	overflow: visible
}

#history .common .box ul li .details {
	width: auto;
	padding: 15px
}

	@media screen and (max-width: 450px) {
		#history .common .box ul li .details {
			padding: 10px 5px
		}
	}

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

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

.common .box ul li .details > p:first-of-type,
#history ul li .details p:first-of-type {
	font-size: 2.1rem;
	margin-bottom: 15px;
	display: inline-block;
	color: #ff0
}

.common .box ul li .details > h3:first-of-type,
#history ul li .details h3:first-of-type {
	font-size: 2.1rem;
	margin-bottom: 15px;
	display: inline-block;
	color: #ff0;
	width: 100%;
}

	@media screen and (max-width: 768px) {
		#history ul li .details p:first-of-type {
			font-size: 2.7344vw
		}

		#history ul li .details h3:first-of-type {
			font-size: 2.7344vw
		}
	}

	@media screen and (max-width: 450px) {
		.common .box ul li .details > p:first-of-type,
		#history ul li .details p:first-of-type {
			font-size: 1.4rem;
			margin-bottom: 5px
		}

		.common .box ul li .details > h3:first-of-type,
		#history ul li .details h3:first-of-type {
			font-size: 1.4rem;
			margin-bottom: 5px
		}
	}

#review ul li .details p:first-of-type {
	color: #000
}

#history .box ul li .details p:last-of-type {
	height: 18px;
	align-items: start;
	line-height: 18px
}

	@media screen and (max-width: 450px) {
		#history .box ul li .details p:last-of-type {
			height: 14px
		}
	}

#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
}

	@media screen and (max-width: 450px) {
		#waiting .common .box ul li .details > p:first-of-type span,
		#newface.waiting .box li > div .back dl dt span {
			font-size: 1.6rem
		}
	}

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

.standby .common .box ul li {
	width: 325px
}

	@media screen and (max-width: 450px) {
		.standby .common .box ul li {
			width: 75vw
		}
	}

.standby .common .box ul {
	overflow-x: scroll;
	display: flex;
	flex-wrap: nowrap
}

.standby .common .box ul li .img {
	width: 325px
}

	@media screen and (max-width: 450px) {
		.standby .common .box ul li .img {
			width: 75vw
		}
	}

#now .common .box ul li .details > p:first-of-type,
#waiting .common .box ul li .details > p:first-of-typ {
	margin-bottom: 10px
}

	@media screen and (max-width: 450px) {
		.standby .common .box ul li .details > p:first-of-type {
			margin-bottom: 15px;
			font-size: 2.1rem
		}
	}

@media screen and (max-width: 450px) {
	#waiting.standby .common .box ul li .details > p:first-of-type span {
		font-size: 2.1rem
	}
}

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

	@media screen and (max-width: 450px) {
		.standby .common .box ul li .details > p:nth-of-type(2) {
			font-size: 1.6rem
		}
	}

#under .common .box ul li .details > p:last-of-type {
	margin-top: 5px
}

#under #gals .common .box ul li .details > p:last-of-type {
	margin-top: 10px
}

#under .common .box ul li .details.panel > p:last-of-type {
	margin-top: 0 !important
}

#under .common .box ul li .details > p:last-of-type span {
	font-size: 1.1rem
}

.common .box ul li .details > p:nth-of-type(2),
.common .box ul li .details > p:last-of-type {
	font-size: 1.6rem;
	color: #fff
}

.common .box ul li .details > h3 + p {
	font-size: 1.6rem !important;
	color: #fff !important;
	display: block !important;
}

	@media screen and (max-width: 450px) {
		.common .box ul li .details > p:nth-of-type(2),
		.common .box ul li .details > p:last-of-type {
			font-size: 1.2rem
		}
		.common .box ul li .details > h3 + p {
			font-size: 1.2rem !important;
		}
		.standby .common .box ul li .details > p:last-of-type {
			font-size: 1.6rem
		}
		.common .box ul li .details > h3 + p{
			font-size: 1.2rem
		}
	}

#review .common .box ul li .details > p:nth-of-type(2),
#review .common .box ul li .details > p:last-of-type {
	color: #000
}

.common .box ul li .details .nomination-fee {
	background: linear-gradient(to right, #bf974d, #d2ab63);
	padding: 5px;
	border-radius: 5px;
	width: 40px;
	font-size: 2.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px
}

	@media screen and (max-width: 768px) {
		.common .box ul li .details .nomination-fee {
			width: 30px;
			font-size: 1.6rem
		}
	}

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

	@media screen and (max-width: 768px) {
		.common .box ul li .details .nomination-fee img {
			width: 12px;
		}
	}

.common .box ul li .details.panel {
	width: auto;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	padding: 10px 0 15px 10px
}

	@media screen and (max-width: 450px) {
		.common .box ul li .details.panel {
			padding: 8px 0 7px 10px
		}
	}

.common .box ul li .details.panel > p {
	font-size: 2.0rem;
	line-height: 1.4;
	margin-bottom: 0;
	text-decoration: underline
}

	@media screen and (max-width: 450px) {
		.common .box ul li .details.panel > p {
			font-size: 1.3rem;
			height: 36px;
			overflow: scroll
		}
	}

	@media screen and (max-width: 320px) {
		.common .box ul li .details.panel > p {
			height: 55px
		}
	}

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

	@media screen and (max-width: 450px) {
		.common .box ul li .details > p img,
		#review .box ul li .details > p img {
			width: 15px;
			margin-right: 5px
		}
	}

.standby .common .box ul li .details.panel {
	padding: 11px 0 0 10px
}

	@media screen and (max-width: 450px) {
		.standby .common .box ul li .details.panel {
			padding: 9px 0 0 10px
		}
	}

	@media screen and (max-width: 320px) {
		.standby .common .box ul li .details.panel {
			padding: 6px 0 0 10px
		}
	}

.standby .common .box ul li .details.panel > p {
	font-size: 2rem;
	height: 50px
}

	@media screen and (max-width: 450px) {
		.standby .common .box ul li .details.panel > p {
			font-size: 1.8rem
		}
	}

.standby .common .box ul li .details > p img {
	margin-right: 5px
}

	@media screen and (max-width: 450px) {
		.standby .common .box ul li .details > p img {
			margin-right: 0
		}
	}

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

	@media screen and (max-width: 450px) {
		.common .box ul li .details > p:first-of-type img {
			width: 15px
		}
		.standby .common .box ul li .details > p:first-of-type img {
			width: 25px
		}
	}

	@media screen and (max-width: 320px) {
		.common .box ul li .details > p:first-of-type img {
			display: none
		}
	}
/* /top-common */


/*　top-external */
#external {
	margin: 0 10px;
	color: #fff
}

#external h2 {
	border-radius: 20px 20px 0 0;
	box-shadow: 0 0 0 1px #090909 inset;
	text-align: center;
	padding: 15px 0;
	font-size: 2.1rem;
	background: linear-gradient(to right, #960347, #630b35, #960347)
}

#external > div {
	overflow: hidden;
	padding: 10px;
	border-radius: 0 0 20px 20px;
	margin-top: -2px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000
}

#external > div iframe {
	border-top: 1px solid #000;
	margin: 30px 0
}

#external > div > div:first-of-type iframe {
	border-top: none;
	margin: 0
}

#external div a p {
	position: relative;
	border: 1px solid #000;
	padding: 15px 20px;
	margin-bottom: 10px;
	color: #000
}

#external div a:first-of-type p {
	margin-top: 10px
}

#external div a p.deli-town {
	padding: 25px 20px;
	background-color: #ff8f00;
	border: none
}

#external div p::before {
	content: "";
	position: absolute;
	top: 41%;
	right: 15px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #000;
	border-right: 1px solid #020202;
	transform: rotate(45deg)
}

#external div a p.deli-town::before {
	top: 43%
}
/*　/top-external */


/* top-review */
#review .box ul li .img {
	width: 46vw;
	height: 46vw;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative
}

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

#review .box ul li .details {
	font-size: 1.6rem;
	position: relative;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	box-sizing: border-box;
	border-radius: 20px 0 0 0;
	padding: 10px 0 5px 10px
}

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

	@media screen and (max-width: 450px) {
		#review .box ul li .details p,
		#history ul li .details p {
			margin-bottom: 5px;
			font-size: 1.2rem
		}
		#review .box ul li .details p:nth-of-type(3) {
			margin-bottom: 10px
		}
	}

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

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

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

	@media screen and (max-width: 450px) {
		#review .box ul li .details p:first-of-type {
			font-size: 1.4rem
		}
	}

#review .box ul li .line {
	position: absolute;
	top: -20px;
	right: 10px;
	left: 0;
	width: 40px;
	margin: 0 auto
}

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

#review .box ul li .line::before {
	transform: rotate(74deg);
	left: 11px
}

#review .box ul li .line::after {
	transform: rotate(106deg)
}

#review .box ul li .line span {
	position: absolute;
	top: 19px;
	left: 14px;
	width: 22px;
	height: 2px;
	background: #fff
}

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


/* top-history */
#history ul {
	overflow-x: scroll;
	display: flex;
	padding-right: 30px
}

#under #history ul {
	padding-right: 0;
	display: flex;
	flex-wrap: wrap
}

#history ul li {
	float: left;
	width: 44vw;
	margin: 50px 2% 10px
}

#under #history ul li {
	width: 48%;
	margin: 20px 1% 0
}

	@media screen and (max-width: 450px) {
		#under #history ul li {
			width: 47%
		}
	}

#history ul li:first-of-type {
	float: left;
	margin: 50px 0.5% 1% 1.5%
}

	@media screen and (max-width: 450px) {
		#history ul li:first-of-type {
			float: left;
			margin: 50px 1% 10px 2%
		}
	}

#under #history ul li:first-of-type {
	margin: 20px 0.5% 0 1.5%
}

	@media screen and (max-width: 450px) {
		#under #history ul li:first-of-type {
			margin: 20px 1% 0 2%
		}
	}

#history.top ul li:last-of-type {
	margin: 160px 0 0 5%;
	text-align: center
}

	@media screen and (max-width: 450px) {
		#history.top ul li:last-of-type {
			margin: 100px 0 0 5%
		}
	}

#history.top ul li:last-of-type a {
	border: none;
	margin-right: 65px;
	display: block
}

#history.top ul li:last-of-type div {
	border: 5px solid #fff;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	position: relative;
	margin: 0 auto 10px
}

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

#history.top ul li:last-of-type p {
	font-weight: bold;
	animation: blinkAnimeS-history 1s infinite alternate
}


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

	@media screen and (max-width: 450px) {
		#history ul li .img {
			border-radius: 40px 0;
			margin-bottom: 10px
		}
		#under #history ul li .img {
			margin-bottom: 0
		}
	}

#under #history ul li .img {
	width: 100%;
	height: 47.57vw;
	margin-bottom: 0
}

#history ul li .img img {
	width: 100%;
	border-radius: 0
}

#history ul li .details {
	font-size: 1.6rem;
	padding: 0 5px
}
/* /top-history */


/* top-group */
.group {
	color: #000;
	margin: 0 10px
}

.group img {
	width: 100%;
	max-width: 300px
}

.group h2 {
	text-align: center
}

.group section > p {
	border-top: 1px solid #000;
	border-bottom: 1px solid #040404;
	text-align: center;
	padding: 20px 0;
	font-size: 3rem;
	margin: 20px 0
}

.group section > p strong {
	font-size: 4.8rem;
	margin-left: 5px
}

.group section > .fluffy {
	width: 50%;
	margin: 0 auto 20px;
	max-width: 200px
}

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

.group ul {
	overflow: hidden
}

.group ul li {
	border: 3px solid #fff;
	width: auto;
	margin: 30px 0
}

.group ul li h3 {
	width: 259px;
	margin: 20px auto
}

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

.group ul li p {
	margin: 30px 10%
}

.group 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
}

.group h3 {
	border: 1px solid;
	border-bottom: none;
	border-radius: 15px 15px 0 0;
	padding: 15px;
	margin-top: 30px;
	font-size: 2.1rem;
	text-align: center
}

.group .box {
	border: 1px solid;
	box-sizing: border-box;
	padding: 20px 10px;
	border-radius: 0 0 20px 20px
}

/* top-group-qa-accordion */
.acd-check{
    display: none
}

.acd-label {
	border: 1px solid;
	padding: 20px 0 20px 0;
	margin: 10px 0 0;
	font-weight: bold;
	font-size: 1.5rem;
	position: relative;
	line-height: 1.4;
	cursor: pointer;
	color: #000;
	display: flex;
	align-items: center;
	height: 40px
}

#hotel-list .acd-label {
	padding: 10px;
	height: auto;
	margin: 10px 10px 0;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	border-radius: 15px 15px 0 0
}

.acd-label:first-of-type {
	margin: 0 0 0
}

.acd-label::after {
	position: absolute;
	right: 32px;
	top: 32px;
	transform: rotate(45deg);
	z-index: 1;
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000
}

	@media (max-width: 800px) {
		.acd-label::after {
			right: 18px;
			top: 34px;
			width: 6px;
			height: 6px
		}
		.acd-label.three::after {
			top: 34px
		}
	}

#hotel-list .acd-label::after {
	top: 14px;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000
}

.acd-label h4 {
	max-width: 300px;
	margin: 0 auto
}

	@media (max-width: 450px) {
		.acd-label h4 {
			width: 70%
		}
	}

.acd-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden
}

.acd-content h4 {
    text-align: center
}

.acd-content p span {
	font-weight: bold
}

.acd-check:checked + .acd-label::after {
	top: 36px;
	right: 32px;
	transform: rotate(-135deg)
}

	@media (max-width: 800px) {
		.acd-check:checked + .acd-label::after {
			top: 37px;
			right: 18px
		}
		.acd-check:checked + .acd-label.three::after {
			top: 37px
		}
	}

#hotel-list .acd-check:checked + .acd-label::after {
	top: 17px
}

.acd-check:checked + .acd-label + .acd-content {
	height: auto;
	opacity: 1;
	padding: 20px 30px;
	visibility: visible;
	border: 2px solid;
	border-top: none
}

	@media (max-width: 800px) {
		.acd-check:checked + .acd-label + .acd-content {
			margin: 0;
			padding: 10px 15px
		}
	}

#hotel-list .acd-check:checked + .acd-label + .acd-content {
	margin: 0 10px;
	background: #fff;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
	padding: 10px 2%
}

.acd-check:checked + .acd-label + .acd-content h5 {
	border-bottom: 1px solid #000;
	padding: 5px 0 15px;
	line-height: 1.6;
	text-align: center
}

.acd-check:checked + .acd-label + .acd-content p {
	margin: 25px 10px
}

.acd-check:checked + .acd-label + .acd-content p span {
	background-image: url("../../images/group/link.svg");
	background-position: center;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	float: right
}
/* /top-group-qa-accordion */


.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 --*/

/* snspro */

#under .sns-prof .wrapper:first-of-type {
	padding: 20px 0 0;
}

#under .sns-prof .main-container {
	margin: 0 !important;
}

#under .sns-prof .slider-thum {
	display: none;
}

#under .sns-prof .slider-thum.slick-initialized {
	display: block;
}

#under .sns-prof #prof-info .detail.sns ul:last-child {
	flex-direction: column;
	margin-bottom: 10px;
}

#under .sns-prof #prof-info .detail.sns ul:last-child li {
	max-width: 420px;
	width: 70%;
	margin: 6px;
	text-align: center;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 50px;
}

#under .sns-prof #prof-info .detail.sns ul:last-child li a {
	display: block;
	padding: 20px;
}

#under .sns-prof #footer address {
	text-align: center;
	margin: 20px 0;
	font-size: 1.4rem;
}
#under .sns-prof .prof-link {
	max-width: 420px;
	width: 70%;
	margin: 6px auto 20px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
	display: block;
	padding: 20px 0;
	background-color: #ff48ff;
	font-size: 18px;
}

/* /snspro */

/*-- profile --*/
#prof-info {
	color: #fff;
	border-bottom: 3px solid #000
}

#prof-info .inner {
	max-width: 360px;
	margin: 20px auto
}

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

#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: 180px;
    border-radius: 0px 30px 30px 0px;
    animation: 1s ease 0s infinite alternate none running blinkAnimeS3;
	text-align: center;
}
/* /profile-today */


/* profile-name */
@keyframes blinkAnimeS4 {
	0%  { color : #fff }
	100%{ color : #000 }
}
@keyframes blinkAnimeS5 {
	0%  { color : #960347 }
	100%{ color : #000 }
}

/* profile-name-color */
.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%);}
/* /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%
}

#prof-info .nom p:last-of-type {
	background: #fff;
	color: #000;
	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
}
/* /profile-name */

#prof-info #slider-box ul li {
	margin: 0;
	position: relative
}

#prof-info ul li {
	border-radius: 15px;
	margin: 20px 10px;
}

#prof-info ul li h3 {
	text-align: center;
	padding: 10px 0;
	font-size: 2.1rem;
	font-weight: bold;
	color: #960347
}

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

#prof-info ul li h3 a {
	background: #960347;
	border-radius: 30px;
	font-size: 1.6rem;
	padding: 15px;
	color: #fff;
	text-align: center;
	display: block;
	margin: 10px auto 0;
	width: 70%
}

#prof-info .bg {
	background: #960347;
	border-radius: 0px 0px 15px 15px;
	padding: 15px 2%;
	overflow: hidden
}

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

#prof-info .detail.sns h3 {
	background: #fff;
	font-size: 27px;
	font-weight: normal;
	padding: 5px 0 10px;
	border-radius: 10px 10px 0 0
}

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

#prof-info .detail.sns ul li {
	max-width: 120px;
	width: 22%;
	margin: 15px 1%;
	text-align: center;
	border: 2px solid #fff;
	box-sizing: border-box
}

	@media (max-width: 428px) {
		#prof-info .detail.sns ul li {
			font-size: 1.4rem
		}
	}

	@media (max-width: 320px) {
		#prof-info .detail.sns ul li {
			font-size: 1.2rem;
			border-radius: 10px
		}
	}

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

#prof-info .detail.sns ul li a img {
	width: 65%;
	margin-bottom: 5px
}

#prof-info .type-icon {
	margin: 3%;
	overflow: hidden
}

#prof-info .type-icon li {
	border: 2px solid #fff;
	box-sizing: border-box;
	padding: 2% 1%;
	width: 48%;
	text-align: center;
	margin: 1%;
	background: #960347;
	border-radius: 50px;
	float: left
}

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

#prof-info .color4 .bg ul li {
	display: inline-block;
	width: 100%;
	margin: 5px 0%;
	text-align: center
}

#prof-info .color4 .bg ul li a {
	position: relative;
	font-size: 1.8rem;
	padding: 15px 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)
}


/* profile-detail */
#prof-info .detail h3 {
	background: #fff;
	border-radius: 15px 15px 0 0
}

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

#prof-info .detail p:first-of-type {
	padding: 20px 0 15px;
	font-size: 3rem;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff
}

#prof-info .detail p:nth-of-type(2) {
    font-size: 1.8rem;
    color: #fff;
    border-bottom: 3px solid #fff;
    padding-bottom: 20px;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff
}

#prof-info .detail p:last-of-type {
	font-size: 1.8rem;
	line-height: 24px;
	padding: 10px;
	border: 3px solid #fff;
	border-top: none;
	border-radius: 0 0 15px 15px
}
/* /profile-detail */

/* /profile-qa */
#prof-info .qa {
	margin: 20px 10px 0;
}

#prof-info .qa dl {
    border: 1px solid #fff;
    border-radius: 15px;
}

#prof-info .qa dl dt {
	color: #ff0
}


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

#prof-info .qa dl dd:last-of-type {
    border-bottom: 0px;
}
/* /profile-qa */

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

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

#prof-info .icon li {
	width: 48%;
	text-align: center;
	margin: 1.5% 1%;
	border-radius: 16px;
}

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

#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;
	animation: 1s ease 0s infinite alternate none running blinkAnimeS5;
	background: #fff
}

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

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

#prof-info .option-r p {
    max-width: 310px;
    margin: 25px auto 15px;
	line-height: 1.6
}

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

#prof-info .option-r p:first-of-type span {
	color: #000;
	animation: 1s ease 0s infinite alternate none running blinkAnimeS5;
	background: #fff
}

#prof-info .option-r p:last-of-type span {
	border: solid 1px #333;
	color:#333

}
/* /profile-play */

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

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

#prof-info .sch {
	display: flex;
	overflow-x: scroll
}

#prof-info .day {
    text-align: center;
    border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box
}

#prof-info .day p {
    border-bottom: 1px solid #fff
}

#prof-info .day p:first-of-type {
	color: #fff;
	font-size: 2.1rem;
	padding: 20px 0;
	width: 150px
}

#prof-info .day p:first-of-type span {
	margin-right: -5px;
	width: 105px
}

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

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

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

/* /profile-movie */
#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: 2.4rem;
	text-align: center;
	padding: 3% 3% 0
}
/* profile-movie */

/* profile-review */
#prof-info .review {
	
}

#prof-info .review dl {
	border-bottom: 2px dotted;
	margin: 5px auto 20px
}

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

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

#prof-info .review dl dd {
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	line-height: 27px;
	padding: 10px 0;
	font-size: 1.4rem
}

#prof-info .review a {
	display: block;
	width: 170px;
	border: 1px solid #fff;
	padding: 15px 0;
	text-align: center;
	margin: 0 auto;
	border-radius: 30px
}
/* /profile-review */
/*-- /profile --*/

/* under-playManual */
#playmanual #wrap .box:first-of-type {
	margin-top: 20px
}

#playmanual #wrap .box .img {
	text-align: center
}

#playmanual #wrap .box .img img {
	max-width: 520px;
	width: 100%;
	border-radius: 15px
}

	@media (max-width: 520px) {
		#playmanual #wrap .box .img img {
			border-radius: 0
		}
	}

#playmanual #wrap .box .text {
    margin: 10px auto 40px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    position: relative;
    padding: 10px;
	color: #fff
}

#playmanual #wrap .box .text img {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}

#playmanual #wrap .box .text h4 {
    font-size: 2.4rem;
    color: #ff0;
	margin: 25px auto 20px
}

#playmanual #wrap .box .text p {
    line-height: 2.7rem;
	margin-bottom: 20px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	font-size: 1.4rem
}

#playmanual #wrap .box .text p span {
	color: #ff0;
	font-size: 1.6rem
}
/* /under-playManual */


/* under-cosplay */
#under #cosplay .common .box ul li a img {
	width: 100%;
	line-height: 0
}

#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 right, #000000, #252525, #000000);
	color: #fff
}

#under #cosplay .common .box ul li a .marquee > p {
	display: inline-block;
	padding-left: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	animation: scrollSample01 5s 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-discount */
#under #discount section section {
	width: 96%;
	margin: 30px auto;
	overflow: hidden
}

#under #discount section section:first-of-type {
	margin: 20px auto
}

#under #discount section img {
	float: left;
	margin-right: 3%;
	width: 40%
}

	@media (max-width: 600px) {
		#under #discount section img {
			margin-right: 0;
			width: 100%
		}
	}

#under #discount section dl {
	width: 57%;
	border-radius: 15px;
	display: inline-block
}

	@media (max-width: 600px) {
		#under #discount section dl {
			width: 100%;
			margin-top: 20px
		}
	}

#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.1rem;
	padding: 1.5% 3%;
}

#under #discount section dl dt h4 {
	display: flex;
	align-items: center;
	font-weight: bold;
	line-height: 30px;
	color: #fff
}

#under #discount section dl dt h4 img {
	width: 25px;
	margin-right: 10px;
	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
}

#under #discount hr {
	border: 1px solid #fff
}
/* /under-discount */


/* under-members・under-waitingmap */
#under #members .box {
	background: #eee
}

#under #members h4,
#under #waitingmap h4 {
	background: #960347;
	padding: 15px 0;
	text-align: center;
	font-size: 2.4rem
}

#under #waitingmap  h4 span {
	display: block;
	font-size: 1.8rem;
	margin-top: 10px
}

#under #waitingmap.access .u-box#area iframe {
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	height: 300px;
}

#under #waitingmap .u-box#area h5 {
	background: #eee;
	text-align: center;
	padding: 10px 0;
	font-size: 2.1rem
}

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

#under #waitingmap.access .u-box#area iframe {
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	height: 300px;
}

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

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

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

#under #members .box dl,
#under #waitingmap .u-box#play dl {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	text-align: center;
	margin: 10px;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 15px;
	overflow: hidden
}

#under #waitingmap.access .u-box#play dl:last-of-type {
	border: 3px solid #960347
}

#under #members .box dl:first-of-type {
	background-image: url(../../images/members/01.jpg)
}

#under #members .box dl:nth-of-type(2) {
	background-image: url(../../images/members/02.jpg)
}

#under #members .box dl:nth-of-type(3) {
	background-image: url(../../images/members/03.jpg)
}

#under #members .box dl:nth-of-type(4) {
	background-image: url(../../images/members/04.jpg)
}

#under #members .box dl:nth-of-type(5) {
	background-image: url(../../images/members/05.jpg)
}

#under #waitingmap .u-box#play dl:first-of-type {
	background-image: url(../../images/waitingmap/step/01.jpg)
}

#under #waitingmap .u-box#play dl:nth-of-type(2) {
	background-image: url(../../images/waitingmap/step/02.jpg)
}

#under #waitingmap .u-box#play dl:nth-of-type(3) {
	background-image: url(../../images/waitingmap/step/03.jpg)
}

#under #waitingmap .u-box#play dl:nth-of-type(4) {
	background-image: url(../../images/waitingmap/step/04.jpg)
}

#under #waitingmap .u-box#play dl:nth-of-type(5) {
	background-image: url(../../images/waitingmap/step/05.jpg)
}

#under #waitingmap.access .u-box#play dl {
	background-image: none !important
}

#under #waitingmap.access .u-box#play dl div img {
	width: 100%
}

#under #members .box dl dt,
#under #members .box dl dd,
#under #waitingmap dl dt,
#under #waitingmap dl dd {
	background: rgba(255,255,255,0.8)
}

#under #members .box dl dt,
#under #waitingmap .u-box#play dl dt {
	font-size: 1.8rem;
	padding: 10px;
	border-radius: 15px 15px 0 0;
	color: #960347;
	animation: blinkAnimeS-waitingmap 1s infinite alternate
}

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

#under #waitingmap .u-box#play dl dd strong {
	animation: blinkAnimeS-waitingmap 1s infinite alternate
}

#under #waitingmap .u-box#area dl dt {
	font-size: 1.8rem;
	padding: 15px 10px 5px;
	line-height: 25px;
	animation: blinkAnimeS-waitingmap 1s infinite alternate
}

#under #members .box dl dt:last-of-type {
	padding: 20px 20px 15px
}

#under #members .box dl dt span,
#under #waitingmap dl dt span {
	font-size: 3.6rem
}

#under #members .box dl dt > a {
	line-height: 60px;
	border-radius: 45px;
	display: inline-block;
	font-size: 1.8rem;
	background: #960347;
	color: #fff;
	width: 100%
}

#under #members .box dl dd,
#under #waitingmap .u-box#play dl dd {
	line-height: 25px;
	padding: 0 10px 20px;
	border-radius: 0 0 15px 15px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	font-size: 1.4rem
}

#under #waitingmap .u-box#area dl dd {
	line-height: 25px;
	padding: 0 10px 15px;
	border-radius: 0 0 15px 15px
}

#under #waitingmap .u-box#area dl:first-of-type dd:last-of-type {
	padding: 0 10px 0
}

#under #waitingmap .u-box#area dl dd:nth-of-type(2) {
	overflow-x: scroll;
	display: flex;
	max-height: 281px;
	padding: 0 0 15px 10px
}

#under #waitingmap .u-box#area dl dd:nth-of-type(2) img {
	margin-right: 10px;
	border-radius: 15px;
	height: 43vw
}

#under #waitingmap .u-box#area dl dd iframe {
	height: 250px
}

#under #members .box a img,
#under #waitingmap a img {
	width: 100%;
	padding: 10px;
	box-sizing: border-box
}
/* /under-members */


/* under-ranking */
#under #ranking .u-box h4 {
	font-size: 2.1rem;
	text-align: center;
	margin: 20px 0 15px
}

#under #ranking .common .box ul {
	display: flex;
	justify-content: center;
	align-items: center
}

#under #ranking .u-box h5,
#under #ranking .common .box ul:last-of-type {
	background: #eee
}

#under #ranking .common .box ul:last-of-type {
	border-top: 1px solid #000
}

#under #ranking .common .box ul li {
	border: 1px solid #000;
	box-sizing: border-box;
	margin: 0 1% 15px;
	border-radius: 30px
}

#under #ranking .common .box ul:last-of-type li {
	position: relative;
	background: #fff;
	border: solid 1px #000;
	box-sizing: border-box;
	margin: 15px 0.5% 20px
}

#under #ranking .common .box ul:last-of-type li::before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #fff;
	z-index: 2
}

#under #ranking .common .box ul:last-of-type li::after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #000;
	z-index: 1
}

#under #ranking .common .box ul:last-of-type li.on::after {
	bottom: -29px;
	border-top: 14px solid #d2b071
}

#under #ranking .common .box ul:first-of-type li {
	width: calc(40%/2)
}

#under #ranking .common .box ul:last-of-type li {
	width: calc(90%/3)
}

#under #ranking .common .box ul li.on {
	border: 2px solid #d2b071;
	box-sizing: border-box;
	color: #d2b071;
	font-weight: bold;
	animation: blinkAnimeS-ranking 1s infinite alternate
}

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

#under #ranking .common .box ul li a {
	line-height: 35px;
	text-align: center;
	border-radius: 30px
}

#under #ranking .u-box h5 {
	font-size: 2.1rem;
	text-align: center;
	padding: 15px 0;
	color: #d2b071;
	background-color: #fff
}

#under #ranking dl {
	position: relative;
	border-bottom: 1px solid #000;
	padding-bottom: 30px;
	background-color: #fff;
	border-top: 1px solid #000
}

#under #ranking dl dt {
	width: 300px;
	margin: 20px auto;
}

#under #ranking dl dt img {
	width: 100%
}

#under #ranking dl dd {
	text-align: center
}

#under #ranking dl dd:first-of-type {
	padding: 20px 0;
	border-radius: 30px;
	border: 3px solid #000;
	box-sizing: border-box;
	color: #000;
	margin: 0 15px
}

#under #ranking dl:first-of-type dd:first-of-type {
	border: 3px solid #c7a63f;
	color: #c7a63f
}

#under #ranking dl:nth-of-type(2) dd:first-of-type {
	border: 3px solid #8f8f8f;
	color: #8f8f8f
}

#under #ranking dl:nth-of-type(3) dd:first-of-type {
	border: 3px solid #d18b00;
	color: #d18b00
}

#under #ranking dl dd p:first-of-type {
	font-size: 2.4rem;
	margin-bottom: 15px
}

#under #ranking dl dd p:last-of-type {
	font-size: 1.6rem
}

#under #ranking dl dd:nth-of-type(2) {
	display: flex;
	margin: 15px;
	border-radius: 15px 0 0 15px
}

#under #ranking dl:nth-of-type(-n+3) dd:nth-of-type(2) {
	overflow-x: scroll;
	margin: 15px 0 15px 15px
}

#under #ranking dl dd:nth-of-type(2) img {
	width: 380px;
	margin: 0 auto
}

	@media (max-width: 500px) {
		#under #ranking dl dd:nth-of-type(2) img {
			width: 310px
		}
	}

#under #ranking dl:nth-of-type(n+4) dd:nth-of-type(2) img {
	border-radius: 15px
}

#under #ranking dl dd:nth-of-type(3) {
	line-height: 30px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	text-align: left;
	margin: 0 15px;
	max-height: 230px;
	overflow-y: scroll
}

#under #ranking dl dd:last-of-type a {
	border: 1px solid #000;
	padding: 10px 30px;
	border-radius: 30px;
	display: inline-block;
	margin-top: 20px;
}
/* /under-ranking */


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

#under #system #basic-price .heading {
	margin-top: 40px
}

#under #system .heading p {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 10px;
	letter-spacing: 3px;
	color: #fff
}

#under #system .heading h4 {
	display: flex;
	align-items: center;
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: 3px;
	justify-content: center;
	color: #fff
}

	@media (max-width: 500px) {
		#under #system .heading h4 {
			font-size: 2.7rem
		}
	}

	@media (max-width: 500px) {
		#under #system #d-point-card .heading h4 {
			font-size: 2.1rem
		}
	}

	@media (max-width: 320px) {
		#under #system #d-point-card .heading h4 {
			font-size: 1.6rem
		}
	}


#under #system .heading span {
	display: block;
	text-align: center;
	margin-top: 10px;
	color: #fff
}

.world #system .heading h3 {
	color: #ff008a
}

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

	@media (max-width: 500px) {
		#under #system .heading h4::before,
		#under #system .heading h4::after {
			height: 5px
		}
	}

#under #system .heading h4 span {
	font-size: 2.1rem;
	display: contents
}

#under #system .heading h4::before {
	margin-right: 15px
}

#under #system .heading h4::after {
	margin-left: 10px
}

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

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

#under #system .u-box > ul > li:nth-child(2n) {
	border-right: none;
}

#under #system .u-box > ul > li:last-child {
	border-right: none;
}

#under #system #option .u-box > ul > li:last-child {
	width: calc(100%/1);
}

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

#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%/2)
}

#under #system #waiting-plan .u-box ul li:nth-of-type(n+5),
#under #system .u-box#plan ul li:nth-of-type(n+5),
.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%/2)
}

#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+3):nth-of-type(-n+4),
		#under #system #basic-price .u-box.pt1 > ul > li:nth-of-type(n+7):nth-of-type(-n+8),
		#under #system #basic-price .u-box.pt1 > ul > li:nth-of-type(n+11):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 #waitingmap #system .u-box#plan ul li:nth-of-type(n+4):nth-of-type(-n+7){
	background: #fff
}

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

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

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

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

.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: 5px 0;
	border-radius: 30px;
	font-size: 1.6rem;
	font-weight: bold;
	width: 95%;
	text-align: center;
	margin-top: 10px
}

#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 #waitingmap .u-box#plan ul li.pickup div {
	width: 90%
}

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

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

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

#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: 2.7rem;
	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: 1.6rem;
	margin-top: 5px;
	color: #000
}

#under #system .u-box > .txt,
#under #system .u-box > div .txt {
	line-height: 24px;
	text-align: center;
	background: #eee;
	padding: 15px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	font-size: 1.4rem;
	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: 2.1rem
}

#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;
	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.4rem;
	border-bottom: 0;
	color: #000;
	background: linear-gradient(to right, #960347, #630b35);
	border-top: 1px solid #960347;
	font-weight: bold
}

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

/* under-system-basic-price */
#under #system #basic-price .u-box.pt2 ul li {
	width: calc(100%/1)
}

	@media (min-width: 768px) {
		#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: 100px;
	border-right: none
}

#under #system #basic-price .u-box.pt2 ul:last-of-type li {
	font-size: 1.8rem;
	border-right: none
}

.world #system #basic-price .u-box.pt2 ul:last-of-type li {
	font-size: 1.4rem !important;
	color: #000 !important
}

#under #system #basic-price .u-box.pt2 ul:last-of-type li img {
	width: 20px;
	margin-right: 8px
}

#under #system .u-box.pt1 ul li p:last-of-type,
#under #system .u-box.pt2 ul li div > p:last-of-type,
#under #system #basic-price .u-box.pt2 ul:last-of-type li,
#under #system #basic-price .u-box > div > div p span,
#under #system #basic-play .u-box div h4,
#under #system #basic-play .u-box div ol,
#under #system #option .u-box > div a,
#under #system #option .u-box ul li div p:last-of-type,
#under #system .course .u-box > p span,
#under #system #transportation .u-box div ul li p:first-of-type,
#under #system #service .u-box dl dd strong,
#under #system #service .u-box > p > strong,
#under #system .course .u-box .explanation > p {
    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.6rem;
	border-radius: 30px;
	margin-right: 10px;
	width: 100px;
	text-align: center;
	line-height: 30px
}

.world #system #basic-price .u-box ul li:first-of-type div > p:first-of-type,
.world #system #basic-price .u-box ul li:last-of-type div > p:first-of-type {
	width: 210px !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: 2.7rem
}

#under #system #basic-price .u-box.pt2 ul li:nth-of-type(2) div > p:last-of-type {
	font-size: 2.1rem
}

#under #system #basic-price .u-box ul li div > p:last-of-type span {
	font-size: 1.6rem;
	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 10px;
	line-height: 25px;
	margin: 15px 10px 0;
	width: 100%;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	font-size: 1.4rem
}

#under #system #basic-price .u-box h4 {
	font-size: 2.1rem;
	text-align: center;
	background: #eee;
	padding: 20px 0;
	border-bottom: solid 1px #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.4rem;
	display: block;
	margin-top: 10px;
}

#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: 300px;
			margin: 15px 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: 1.8rem;
	margin-top: 15px
}

	@media (max-width: 320px) {
		#under #system #basic-price .u-box > div > div h5 {
			font-size: 1.6rem
		}
	}

#under #system #basic-price .u-box > div > div h5 > img {
	width: 20px;
	margin-right: 10px
}

	@media (max-width: 320px) {
		#under #system #basic-price .u-box > div > div h5 > img {
			width: 18px;
			margin-right: 8px
		}
	}

#under #system #basic-price .u-box > div > div p {
	line-height: 30px;
	font-size: 1.4rem;
	margin-top: 15px;
	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 {
	font-size: 1.6rem
}

#under #system #basic-price .u-box > div > div ul li {
	font-size: 2.1rem;
	border: 1px solid #000;
	box-sizing: border-box;
	width: 100%;
	border-radius: 15px
}

#under #system #basic-price .u-box > div > div ul li a {
	display: block;
	border-radius: 30px;
	width: 300px;
	line-height: 100px;
	text-align: center
}

#under #system #basic-price .u-box > div > div > img {
	margin: 20px 0
}
/* /under-system-basic-price */


/* under-system-basic-play */
#under #system #basic-play .heading p {
	color: #fff
}

#under #system #basic-play .u-box > p {
	font-size: 2.1rem;
	line-height: 30px;
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #fff;
	box-sizing: border-box
}

	@media (max-width: 1360px) {
		#under #system #basic-play .u-box > p {
			font-size: 1.8rem
		}
	}

#under #system #basic-play .u-box div {
	background: #333;
	padding: 40px 0 30px
}

#under #system #basic-play .u-box div h4 {
	position: relative;
	padding: 15px 0;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	width: 300px;
	text-align: center;
	margin: 0 auto 30px;
	font-size: 2.4rem;
	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 {
	font-size: 1.8rem;
	overflow: hidden
}

#under #system #basic-play .u-box div ol li {
	width: 47%;
	text-align: center;
	border: 1px solid #fff;
	box-sizing: border-box;
	line-height: 43px;
	border-radius: 15px;
	margin: 1% 2%;
	float: left
}

	@media (max-width: 320px) {
		#under #system #basic-play .u-box div ol li {
			font-size: 1.6rem
		}
	}

#under #system #basic-play .u-box div ol li:nth-of-type(2n) {
	margin: 1% 2% 1% 0
}

#under #system #basic-play .u-box div p {
	text-align: center;
	line-height: 27px;
	padding: 0 10px;
	margin-top: 15px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	font-size: 1.4rem
}
/* /under-system-basic-play */


/* under-system-course */
#under #system .course .heading p {
	color: #fff
}

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

#under #system .course#hotel .u-box ul li {
	width: calc(100%/2)
}

#under #system .course#hotel .u-box ul li:last-of-type {
	/*
	width: calc(100%/1)
	*/
}

#under #system .course .u-box .explanation {
	text-align: center;
	border-bottom: 1px solid #fff;
	padding: 20px 0
}

#under #system .course .u-box .explanation > p {
	font-size: 2.4rem;
	border-bottom: 3px solid #960347;
	display: inline-block;
	padding-bottom: 10px
}

#under #system .course .u-box .explanation > p strong {
	font-size: 3rem
}

#under #system .course .u-box .explanation > div {
	margin-top: 20px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center
}

#under #system .course .u-box .explanation > div:last-of-type {
	margin-top: 10px
}

#under #system .course .u-box .explanation > div > p {
	font-size: 1.8rem;
	float: left;
	display: flex;
	align-items: center;
	line-height: 24px
}

#under #system .course .u-box .explanation > div > p img {
	width: 35px;
	margin-right: 5px
}

#under #system .course .u-box > p {
	font-size: 1.6rem;
	text-align: center;
	padding: 20px 10px;
	border-bottom: 1px solid #fff;
	line-height: 24px
}

#under #system .course .u-box > p span {
	display: block;
	margin-top: 15px
}
/* /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: 20px 15px;
	border-radius: 15px;
	font-size: 2.4rem;
	margin: 20px auto;
	border: 1px solid #000;
	box-sizing: border-box;
	display: block;
	width: 260px
}

#under #system #option .u-box ul li div p:first-of-type {
	background: #eee;
	padding: 15px 10px;
	font-size: 1.8rem
}

#under #system #option .u-box ul li div p:last-of-type {
	padding: 20px 10px
}
/* /under-system-option */

/* under-system-transportation */
#under #system #transportation .u-box ul {
	display: block
}

#under #system #transportation .u-box ul li {
	padding: 20px 10px;
	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: 1.6rem;
	margin-top: 10px;
	line-height: 30px
}

#under #system .u-box > div .txt {
	font-size: 1.6rem
}
/* /under-system-transportation */

/* under-system-service */
#under #system #service .u-box dl {
	background: #eee;
	border-bottom: 1px solid #000
}

#under #system #service .u-box dl dt {
	text-align: center;
	font-size: 3rem;
	padding: 10px 0
}

#under #system #service .u-box dl dt span {
	font-size: 3.6rem
}

#under #system #service .u-box dl dd {
	line-height: 30px;
	background: #fff;
	padding: 15px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif
}

#under #system #service .u-box > .txt {
	font-size: 1.8rem;
	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: 1.4rem;
	display: block
}

#under #system #service .u-box > p,
.world #system #concept .u-box > p {
	font-size: 1.4rem;
	padding: 15px;
	line-height: 30px
}

#under #system #service .u-box > p:last-of-type,
.world #system #concept .u-box > p:last-of-type {
	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: 1.6rem;
	margin-bottom: 10px;
	display: block;
	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: 3rem;
	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: 2.1rem
}

#under #system #d-point-card .u-box div p span:nth-of-type(2) {
	font-size: 1.6rem;
	margin-top: 15px
}

#under #system #d-point-card .u-box div p span:nth-of-type(3) {
	font-size: 2.1rem;
	display: block;
	margin-top: 10px
}
/* /under-system-d-point-card */
/* /under-system */


/* under-hotel-list */
#under #hotel-list section .u-box {
	background: #fff;
	text-align: center;
	padding: 15px 0;
	overflow: visible
}

#under #hotel-list section .u-box h4 {
	font-size: 1.8rem;
	color: #960347;
	font-family: Times New Roman, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 0;
	line-height: 1
}

#under #hotel-list section .u-box.hotel ul li {
	width: 95%;
	margin: 10px auto
}

#under #hotel-list section .u-box ul li input,
#under #hotel-list section .u-box ul li select {
	width: 100%;
	border-radius: 40px;
	border: 1px solid #000;
	box-sizing: border-box;
	background: #fff;
	padding: 10px
}

#under #hotel-list section .u-box form > input {
	padding: 10px 0;
	width: 150px;
	border-radius: 30px;
	border: none;
	background: #eee
}

#under #hotel-list section .u-box.area ul {
	overflow: hidden;
}

#under #hotel-list section .u-box.area ul li {
	float: left;
	border: 1px solid #000;
	box-sizing: border-box;
	width: 47%;
	margin: 5px 1.5%;
	border-radius: 30px
}

#under #hotel-list section .u-box.area ul li a {
	display: block;
	padding: 10px 0
}

#under #hotel-list section > p {
	text-align: center;
	padding: 15px 10px;
	line-height: 1.6;
	color: #fff
}

#under #hotel-list section .box {
	padding: 0 10px;
	margin-bottom: 15px
}

#under #hotel-list section .box h5 {
	text-align: center;
	background: #fff;
	padding: 10px;
	border-radius: 15px 15px 0 0;
	font-size: 1.8rem
}

#under #hotel-list section .box div {
	border: 3px solid #fff;
	background: #960347;
	border-top: none;
	color: #fff;
	padding: 3%
}

#under #hotel-list section .box div:last-of-type {
	border-radius: 0 0 15px 15px
}

#under #hotel-list section .box div p {
	margin-top: 10px;
	line-height: 1.4;
	font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif
}

#under #hotel-list section .box div p:first-of-type {
	margin-top: 0;
	color: #ff0
}

#under #hotel-list section .box div p a {
	text-decoration: underline
}
/* /under-hotel-list */


/* under-enquete */
#enquete .bna {
	text-align: center;
	margin-top: 30px;
	padding: 0 10px
}

#enquete .bna img {
	width: 100%
}

#enqueteform {
	padding: 30px 10px;
	margin: 0 auto
}

#enqueteform form {
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 15px;
	background: #000000;
	color: #fff
}

#enqueteform dl {
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	width: 100%
}

#enqueteform dl dt {
	padding: 30px
}

#enqueteform dl dt,
#enqueteform dl dd {
	padding: 10px
}

#enqueteform dl dd input,
#enqueteform dl dd .partner {
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-radius: 5px
}

#enqueteform dl dt {
	padding: 15px 15px 0;
	line-height: 24px
}

#enqueteform input[type="radio"] {
	display: none
}

#enqueteform input[type="radio"]:checked + label {
	background: #fff;
	border: 1px solid #fff;
	color: #960347
}

#enqueteform label {
	width: 133px;
	height: 40px;
	text-align: center;
	line-height: 45px;
	cursor: pointer;
	color: #333333;
	background: #ADADAD;
	border: 1px solid #ADADAD;
	transition: 0.5s;
	border-radius: 4px;
	margin: 5px;
	display: flex;
	justify-content: center;
	align-items: center
}

	@media (max-width: 450px) {
		#enqueteform label {
			width: 154px
		}
	}

	@media (max-width: 360px) {
		#enqueteform label {
			width: 147px
		}
	}

	@media (max-width: 320px) {
		#enqueteform label {
			width: 127px
		}
	}

#enqueteform dl dt span {
	background: #fff;
	padding: 5px;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 1.2rem;
	color: #960347
}

#enqueteform .nowjob {
	padding: 10px
}

#enqueteform .element-gender {
	display: inline-block
}

#enqueteform .element-gender li {
	float: left
}

#enqueteform dl th span {
	background: #f00;
	padding: 5px;
	border-radius: 5px;
	margin-left: 10px
}

#enqueteform button {
	font-family: "Cinzel", serif;
	padding: 10px 0;
	width: 100%;
	appearance: none;
	border: none;
	border-radius: 30px;
	font-size: 18px;
	color: #960347;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box
}

#enqueteform form > div {
	width: 200px;
	margin: 20px auto
}

#enqueteform form > div button {
	background: #fff
}
/* /under-enquete */


/* under-link */
#link .layout1 {
	color: #fff
}

#link .link-sec {
    margin: 50px auto 0;
    border-bottom: 6px solid #fff
}

	@media screen and (max-width: 450px){
		#link .link-sec {
			margin: 10px auto 0
		}
	}

#link .link-sec .left {
	width: 95%
}

#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: 100%;
    max-width: 480px;
    margin: 30px auto;
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	border: none
}

	@media screen and (max-width: 450px){
		#link .link-sec .left h3 {
			padding: 15px 0;
			font-size: 20px;
			height: 60px;
			margin: 15px auto
		}
	}

#link .link-sec .left h3 img {
    width: 30px;
    margin-right: 15px
}

		@media screen and (max-width: 450px){
			#link .link-sec .left h3 img {
				width: 23px;
				margin-right: 10px
			}
		}

#link .link-sec .left p {
    text-align: center;
    font-size: 24px;
    line-height: 4rem
}

	@media screen and (max-width: 450px){
		#link .link-sec .left p {
			text-align: center;
			font-size: 16px;
			line-height: 3rem
		}
	}

#link .link-sec .left .add-txt {
    border: 4px solid #fff;
    padding: 20px 30px;
    border-radius: 20px;
    font-size: 20px;
    margin: 30px auto;
    text-align: center;
    line-height: 3rem
}

	@media screen and (max-width: 450px){
		#link .link-sec .left .add-txt {
			border: 3px solid #fff;
			padding: 5px;
			border-radius: 14px;
			font-size: 16px;
			margin: 15px auto;
			text-align: center;
			line-height: 2.5rem
		}
	}

#link .link-sec .left .add-txt span {
	color: #ff0
}

	@media screen and (max-width: 450px){
		#link .link-sec .right {
			width: 94%
		}
	}

#link .link-sec .right li {
	margin: 15px auto
}

#link .link-sec .right li img {
	width: 100%
}

#link .link-sec .right li:first-of-type img {
	max-width: 480px
}

#link .link-sec .right li:nth-of-type(2) img {
	max-width: 200px
}
	
#link .link-sec .right li:nth-of-type(3) img {
	max-width: 200px
}

#link .link-sec .right li:nth-of-type(4) img {
	max-width: 100px
}
	
#link .link-sec .right li:last-of-type img {
	max-width: 88px
}
	
#link .link-list {
    background: rgba(150,3,71,0.8);
    border-bottom: 6px solid #fff;
    margin-bottom: 30px
}

#link .link-list h3 {
    border-top: none;
	color: #960347;
    text-align: center;
    font-size: 30px;
    border-bottom: 2px solid #fff;
    padding: 20px
}

#link .link-list .link-box {
	margin: 20px 10px
}

#link .link-list .link-box h4 {
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 21px;
	padding: 15px 0;
	border-radius: 15px 15px 0px 0px;
	margin-bottom: 15px
}

#link .link-list .link-box .link-bn {
    margin: 20px
}

	@media screen and (max-width: 450px){
		#link .link-list .link-box .link-bn {
			margin: 1%
		}
	}	
	
#link .link-list .link-box .link-bn li {
    margin: 1%;
	width: 30%;
	max-width: 120px;
	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 0;
    font-size: 1rem
}
/* /under-link */


/* under-day-search*/
#day-search {
	text-align: center;
	padding: 15px 0 10px;
	background: #eee
}

#schedule #day-search,
.waiting #day-search {
	position: relative;
	border-top: 3px solid #000;
	margin-top: 10px
}

#day-search div {
	margin: 0 5px
}

#day-search div p {
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 10px
}

#review #day-search div p {
	color: #960347
}

#schedule #day-search div p,
.waiting #day-search div p {
	color: #960347
}

#day-search div ul {
	overflow: hidden
}

#day-search div ul {
	overflow-x: scroll;
	display: flex;
	gap: 4px;
	padding-bottom: 6px;
}

#day-search div ul li a {
	padding: 6px 18px;
	border: 1px solid #000;
	box-sizing: border-box;
	display: block;
	border-radius: 30px;
	width: auto;
	margin: 0 1% 2%;
	color: #000;
}

#schedule #day-search div ul {
	overflow-x: scroll;
	display: flex;
	gap: 4px;
	padding-bottom: 6px;
}

#schedule #day-search div ul li a {
	padding: 6px 18px;
	border: 1px solid #000;
	box-sizing: border-box;
	display: block;
	border-radius: 30px;
	width: auto;
	margin: 0 1% 2%;
	color: #000;
}

#schedule #day-search div .side-scroll{
	position: absolute;
	right: 80px;
	top: 10px;
}

#schedule #day-search div .side-scroll::before{
	left: 0;
	top: 20px;
	background-color: #960347;
	display: block;
	-webkit-animation: scrolldown 1.5s cubic-bezier(.785,.135,.15,.86) infinite;
	animation: scrolldown 1.5s cubic-bezier(.785,.135,.15,.86) infinite;
	height: 2px;
	width: 90px;
}

#schedule #day-search .side-scroll p {
	font-weight: bold;
	font-size: 1.3rem;
	margin-bottom: 10px;
}

	@media screen and (max-width: 360px){
		#day-search div ul li a {
			font-size: 1.5rem
		}
	}

	@media screen and (max-width: 320px){
		#day-search div ul li a {
			font-size: 1.3rem
		}
	}

#day-search div select {
	-webkit-appearance: none;
	background: #fff;
	border: none;
	border-radius: 20px;
	width: 98%;
	padding: 5px 10px;
	margin-bottom: 15px
}

#under #review h4,
#under #schedule h4,
#under .waiting h4 {
	background: #fff;
	padding: 10px 0;
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 2.1rem
}

	@media screen and (max-width: 320px) {
		#under #review h4,
		#under #schedule h4,
		#under .waiting h4 {
			font-size: 1.8rem
		}
	}

#under #schedule h4,
#under .waiting h4 {
	margin-bottom: 15px
}

#under #review h4 {
	background-color: #960347
}

#under #schedule h4,
#under .waiting h4 {
	animation: blinkAnimeS-schedule2 1s infinite alternate
}

@keyframes blinkAnimeS-schedule2{
	0%  { color : #000 }
	100%{ color : #960347 }
}
/* /under-day-search*/


/* 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 {background: #000;}
.entry-form dl dt span {color:#960347;}

.entry-form input.input-field,
.entry-form .textarea-field,
.entry-form .select-field,
.confirm dd {
    border: 5px solid #000000
}

.entry-form .select {border: 5px solid #000000;}

.entry-form input[type="submit"],
.entry-form input[type="button"],
.thanks .prev-btn a {
    background: #000000;
}

#reserve .bg-set {
	background: #000000
}
/* /under-enquete */
/* under-form-color **/


/* contact.html */
#contact .entry-form dl:nth-of-type(4) dd {
    width: 100%
}

#contact .sns-box {
	display: flex;
	width: 90%;
	margin: 10px auto;
	flex-wrap: wrap;
	justify-content: center;
}

#contact .sns-box li {
	margin: 5px;
}

#contact .sns-box li a {
	width: 50px;
	display: block;
}
/* /contact.html */


/* reserve.html */
#reserve .entry-form dl:nth-of-type(5) dd {
    width: 100%
}

#reserve .entry-form .radio-bg {
    border-radius: 0px 0 16px 16px;
    background: #000000;
	width: 100%
}

#reserve .sns-box {
	display: flex;
	width: 90%;
	margin: 10px auto;
	flex-wrap: wrap;
	justify-content: center;
}

#reserve .sns-box li {
	margin: 5px;
}

#reserve .sns-box li a {
	width: 50px;
	display: block;
}
/* /reserve.html */


/* reviewform.html */
#reviewform .entry-form dl:nth-of-type(4) dd {
    width: 100%
}

#reviewform .entry-form dl:nth-of-type(6) dd {
    width: 100%
}

#reviewform .entry-form .radio-bg {
    border-radius: 0px 0 16px 16px;
    background: #ff9600;
	width: 50%
}
/* /reserve.html */


/* under-form-all */
.bg-set {
    border-radius: 0 0 16px 16px;
    box-sizing: border-box
}

.cont_form {
    width: 100%;
    margin: 0px auto;
    max-width: 1600px
}

.entry-form {
    width: 100%;
    margin: 20px auto;
}

.entry-form dl {
    margin: 10px;
    border-radius: 20px
}

.entry-form dl dt {
	border: 0px;
	text-align: left;
	font-size: 16px;
	width: 100%;
	padding: 0 2%;
	height: 55px;
	box-sizing: border-box;
	border-radius: 16px 16px 0 0;
	display: flex;
	align-items: center;
	line-height: 21px;
	background: #000000
}

.entry-form dl dt img {
    width: 18px;
    margin: 0 10px
}

.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: 14px;
    margin-left: 20px
}

.entry-form dl dt:before {
	content:none
}	
	
.entry-form dl dd {
    width: 100%
}

.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
}
	
.entry-form input.input-field, .entry-form .textarea-field, .entry-form .select-field {
	box-sizing: border-box;
	padding: 0 10px;
	outline: none;
	line-height: 21px;
	height: 55px;
	appearance: none;
	font-size: 16px;
	border-radius: 0 0 16px 16px;
	margin: 0
}

.entry-form .select-field {
	width: 35%;
	height: 45px;
	font-size: 16px
}

.entry-form .input-field:focus,
.entry-form .textarea-field:focus,
.entry-form .select-field:focus {
	border: 5px solid #0084ff
}

.entry-form .textarea-field {
	height:100px;
	width: 100%
}

/* under-form-all-radio */
.f-btn .list_item {
    margin: 0px;
    padding: 5px 10px 10px
}

.f-btn label {
    font-family: Arial, sans-serif;
    line-height: 135%;
    position: relative;
    margin: 0.5rem;
    cursor: pointer;
    font-size: 18px
}

.f-btn .option-input {
    position: relative;
    margin: 7px 10px 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
}
/* /under-form-all-radio */	

.entry-form .f-submit {
	width: 100%;
	max-width: 300px;
	margin: 30px auto
}

.entry-form.confirm .f-submit {
	margin: 5px auto 15px
}

.entry-form .f-submit label {
	margin: 0
}

.entry-form input[type="submit"],
.entry-form input[type="button"] {
	font-family: "Cinzel", serif;
	width: 100%;
	appearance: none;
	border: none;
	border-radius: 100px;
	line-height: 50px;
	font-size: 21px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none
}

.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: #ff0;
	font-size: 16px;
	margin: 10px 5px 15px;
	line-height: 1;
	padding-left: 10px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", Meiryo, メイリオ, sans-serif
}

#enquete .parsley-custom-error-message {
	margin: 20px 10px 10px;
	padding: 0
}

.entry-form dl dt.item {
	color:#9d8aee
}			
			
.entry-form dl dd.form-txt {
    font-size: 16px;
    padding: 10px 0
}			
				
/* under-form-all-select */
.entry-form .select {
    background: #fff;
    box-sizing: border-box;
    padding: 7px;
    outline: none;
    line-height: 2;
    height: 65px;
    appearance: none;
    font-size: 16px;
    border-radius: 0px 0 16px 16px;
    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: 40px;
    width: 170px;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 12px
}

	@media screen and (max-width: 768px){
		.entry-form .select2 {
			width: 19vw;
			margin: 0 0 10px 10px
		}
	}

	@media screen and (max-width: 768px){
		.entry-form label:first-of-type .select2 {
			width: 25vw
		}
	}

.entry-form label {
	font-size: 16px
}

.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: 16px;
    width: 100%;
    height: 100%;
    padding: 0 10px
}
/* /under-form-all-select */
	
::placeholder {
	color: #ccc
}
/* /under-form-all */


/* under-confirm */
.confirm {
	width: 95%
}

.submit-box {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.confirm .check {
	text-align: center;
	line-height: 24px;
	color: #ff0
}

#contact .confirm dl.conf dt,
#reserve .confirm dl.conf dt,
#reviewform .confirm dl dt,
#enquete .confirm dl dt {
    background: none;
    border-radius: 0;
    width: 100%;
    height: 55px;
	color: #960347
}

#contact .confirm dl.conf dd,
#reserve .confirm dl.conf dd,
#reviewform .confirm dl.conf dd,
#enquete .confirm dl.conf dd {
    background: none;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0 ;
    display: flex;
    align-items: center;
    padding: 0 15px;
	width: 100%
}

#contact .confirm dl.conf:last-of-type dd,
#reserve .confirm dl.conf:last-of-type dd,
#reviewform .confirm dl.conf:last-of-type dd,
#enquete .confirm dl.conf:last-of-type dd {
    height: 200px;
	border-bottom: 0
}

.confirm dl.conf:last-of-type dt {
    height: auto
}

.confirm dl.conf {
    width: 100%;
    margin: 25px auto;
    max-width: 1200px;
    border: 1px solid #000;
	box-sizing: border-box;
    border-radius: 20px;
	padding: 0;
	background: #fff
}

.confirm dl.conf:first-of-type {
    margin: 25px auto
}

.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;
    outline: none;
    height: 55px;
    appearance: none;
    font-size: 16px;
    border-radius: 0px 16px 16px 0px;
    color: #000;
	line-height: 4rem
}

.confirm dl.conf dd .inner {
    overflow-y: auto;
    height: 180px;
	line-height: 30px
}
/* /under-confirm */


/* under-thanks */
.thanks .check {
    text-align: center;
	font-size: 18px;
	line-height: 2em;
	color: #ff0
}

.thanks .prev-btn {
	width: 100%;
	max-width: 300px;
	margin: 30px auto 40px
}

.thanks .prev-btn a {
	font-family: "Cinzel", serif;
	width: 100%;
	appearance: none;
	border: none;
	border-radius: 100px;
	line-height: 55px;
	font-size: 21px;
	color: rgb(255, 255, 255);
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	display: block
}

.thanks .prev-btn a:hover {
	opacity: .8
}
/* /under-thanks */


/* 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;
	font-size: 1.4rem
}

	@media screen and (max-width: 428px) {
		.sns-box p {
			font-size: 1.2rem
		}
	}

.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: 1.6rem
}

	@media screen and (max-width: 428px) {
		.sns-box.one p {
			font-size: 1.4rem
		}
	}

.sns-box p::after {
	content: "";
	position: absolute;
	top: 43%;
	right: 5%;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg)
}

	@media screen and (max-width: 360px) {
		.sns-box p::after {
			display: none
		}
		.sns-box.one p::after {
			display: block
		}
	}

.sns-box p::before {
	content: "";
	margin-right: 3%;
	width: 15px;
	height: 15px
}

.sns-box.one p::before {
	width: 20px;
	height: 20px
}

.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
}

.sns-box p.whats-app::before {
	background: url("https://www.dress-okayama.com/assets/images/icon/sns/sns_page/whats_app.svg") center center no-repeat
}

.sns-box p.we-chat::before {
	background: url("https://www.dress-okayama.com/assets/images/icon/sns/sns_page/we_chat.svg") center center no-repeat
}
/* /under-sns */
/*-- /under --*/


/*-- footer --*/
#footer {
	padding: 40px 10px;
	color: #000;
	background: rgba(254, 255, 255, 0.9)
}

#under #footer {
	background: rgba(255, 255, 255, 0.8)
}

#footer > div {
	overflow: hidden
}

#footer > div > ul {
	font-size: 1.4rem;
	max-width: 90vw;
	margin: 0 auto
}

	@media (max-width: 500px) {
		#footer > div > ul {
			max-width: none
		}
	}

	@media (max-width: 320px) {
		#footer > div > ul {
			font-size: 1.2rem
		}
	}

#footer > div > ul > li {
	margin-bottom: 25px;
	width: 25%;
	float: left
}

	@media (max-width: 500px) {
		#footer > div > ul > li {
			width: 33.33333333333333%
		}
	}

#footer > a {
	text-align: center;
	display: block;
	margin-top: 10px
}

#footer > a > img {
	width: 270px
}

#footer address {
	text-align: center;
	margin: 30px 0 140px;
	font-size: 1.4rem
}

	@media (max-width: 320px) {
		#footer address {
			font-size: 1.2rem
		}
	}

.bottom-top-btn {
	position: relative;
	display: block;
	background-color: #f5568b;
	color: #fff;
	font-size: 16px;
	width: 180px;
	padding: 1em 2em;
	text-align: center;
	border-radius: 30px;
	margin: 20px auto;
}
/*-- /footer --*/


/*-- index --*/
#index header {
	min-height: 100%;
	width: 100%;
	position: relative;
	background-size: cover !important;
	height: 166vw
}

#index header h1 {
	text-align: center;
	padding: 5px 0;
	font-size: 1.2rem;
	background: rgba(150,3,71,0.8);
	color: #fff
}

#index header div {
	position: inherit;
	text-align: center;
	margin-top: 40vw;
	top: auto;
	right: auto
}

#index header div img {
	width: 70vw
}

#index .fixed.btn {
	position: fixed;
	bottom: 80px;
	z-index: 10;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

#index .fixed.sns .sns-title{
	font-size: 14px;
	text-align: center;
	margin-top: 0.4em;
}

#index .fixed.btn ul:first-of-type li a {
	line-height: 50px;
	border-radius: 40px;
	text-align: center;
	color: #fff;
	margin: 0 10px;
	display: block;
	background: linear-gradient(to right, #ff8a00, #ffa841)
}

#index .fixed.btn ul:first-of-type li:first-of-type a {
	box-shadow: 0px 20px 25px 0 rgba(147,0,0,.25);
	font-size: 24px;
	letter-spacing: 5px;
	background: linear-gradient(to right, #960347, #630b35);
	position: relative;
	margin-bottom: 10px
}

#index .fixed.btn ul:first-of-type li:first-of-type a::after {
	content: "";
	margin-left: 0.4em;
	transition: all .3s ease-in;
	background: url("../../images/index/arrow.svg") center center no-repeat;
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 5px;
	right: 5px
}

#index .fixed.sns {
	position: fixed;
	bottom: 0;
	z-index: 10;
	background: #fff;
	width: 100%
}

#index .fixed.sns ul {
	padding: 5px 0;
	text-align: center
}

#index .fixed.sns ul li {
	display: inline-block;
	margin: 0 auto;
	text-align: center
}

#index .fixed.sns ul li a img {
	width: 40px;
	margin: 0 2px
}

#index main > div:first-of-type {
	background: linear-gradient(to right, #cccccc, #ffffff, #cccccc);
	padding: 20px 0
}

#index main > div:first-of-type ul {
	width: 320px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center
}

#index main > div:first-of-type ul li a {
	border: 1px solid #000;
	padding: 15px 0;
	border-radius: 15px;
	width: 148px;
	display: block;
	text-align: center;
	margin: 0 5px;
	color: #020202
}

#index main > div:last-of-type {
	background: #fff;
	padding: 20px 0 22px
}

#index main > div:last-of-type div {
	color: #000;
	font-size: 1.4rem;
	line-height: 21px;
	width: 270px;
	margin: 0 auto
}

#index main>  div:last-of-type div img {
	width: 50px;
	float: left
}

#index main > div:last-of-type div p {
	margin-left: 10px;
	display: inline-block;
	padding-top: 4px
}

#index main > div:last-of-type div p a {
	border-bottom: 1px solid #000;
	padding-bottom: 2px
}

#index footer li {
	max-width: 480px;
	margin: 15px auto;
}

#index footer > iframe {
	height: 300px
}

#index footer iframe,
#index footer iframe,
#index footer img {
	width: 100%
}

#index footer .group {
	margin: 50px 10px 30px
}

#index address {
	color: #000;
	margin-bottom: 200px;
	text-align: center
}
/*-- /index --*/


/* under-world */
.world h1 {
	text-align: center;
	padding: 30px 0
}

.world h1 img {
	width: 300px
}

.world #system section:first-of-type .heading {
	margin-top: 200px !important
}

.world #system > div {
	background: rgba(150,3,71,0.8)
}

.world #system #concept .heading h4 {
	padding-top: 40px
}

.world header dl {
	text-align: center;
	background: #000;
	padding: 15px 0 20px
}

.world header dl dt {
	font-size: 3.6rem;
	color: #fff
}

.world header dl dd {
	font-size: 2.1rem;
	background: #fff;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 30px;
	color: #960347;
	margin-top: 15px
}

.world #fixed-btn {
	background: none
}

.world #footer {
	position: relative;
	z-index: 1
}

.world #footer address {
	margin: 0
}
/* /under-world */


.grecaptcha-badge{
	bottom: 174px !important
}

.credit-note {
	width: 98%;
	max-width: 800px;
	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 --*/

/*-- オリジナルプロフィールページ要css --*/
#under .sns-prof .wrapper:first-of-type {
	padding: 20px 0 0;
}

#under .sns-prof .main-container {
	margin: 0 !important;
}

#under .sns-prof .slider-thum {
	display: none;
}

#under .sns-prof .slider-thum.slick-initialized {
	display: block;
}

#under .sns-prof #prof-info .detail.sns ul:last-child {
	flex-direction: column;
	margin-bottom: 10px;
}

#under .sns-prof #prof-info .detail.sns ul:last-child li {
	max-width: 420px;
	width: 70%;
	margin: 6px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
}

#under .sns-prof #prof-info .detail.sns ul:last-child li a {
	display: block;
	padding: 20px;
}

#under .sns-prof #footer address {
	text-align: center;
	margin: 20px 0;
	font-size: 1.4rem;
}
#under .sns-prof .prof-link {
	max-width: 420px;
	width: 70%;
	margin: 6px auto 20px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50px;
	display: block;
	padding: 20px 0;
	background-color: #960347;
	font-size: 18px;
}

/*--Languageページ --*/
#language{
	position: relative;
}

#language nav{
	height:65px;
}

#language nav > #nav-obi h1 img {
	width: 100px;
}

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

#language header #sec04 p:first-of-type img.logo {
	max-width: 180px !important;
	top: 80px !important;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

@media (max-width: 768px) {
	#language header #sec04 p:first-of-type img.logo {
		top: 50px !important;
	}
}

#language header #sec04 h2 img {
	width: 480px;
}

#language header #sec04 hr {
	border-width: 105px 0 0 0;
}

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

#language .wrapper:first-of-type {
	padding: 30px 0 0;
}

#language #concept h2 {
	font-size: 40px;
	font-family: didot, serif;
	color: #fff;
	text-align: center;
}

#language #concept h2 span{
	display: block;
	font-size: 16px;
}

#under #language .u-box {
	background: unset;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}

#language #concept .u-box p {
	padding: 30px 10px;
	line-height: 1.8em;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'Meiryo', 'メイリオ', sans-serif;
	background-color: #fff;
}

#language #concept #notice .u-box {
	border-bottom: 3px solid #f00;
	border-top: 3px solid #f00;
}

#language #playmanual {
	margin-top: 20px;
	border: unset;
}

#language #playmanual.layout1 > section > h3 {
	height: auto;
	border: unset;
	background: linear-gradient(to right, #f6eaec, #f9f3f4, #f6eaec);
}

#language #playmanual #wrap .box:last-child .text {
	margin-bottom: 0;
	border-bottom: 3px solid #fff;
}

#language #manual {
	padding-top: 60px;
}

#language #manual h2 {
	color: #fff;
	font-size: 40px;
	font-family: didot, serif;
	text-align: center;
}

#language #manual h2 span{
	display: block;
	font-size: 16px;
}

#language .layout1 .tit h3 {
	padding: 10px 0;
	text-align: center;
	line-height: 24px;
}

#language #notes {
	padding-top: 60px;
}

#language #notes h2 {
	color: #fff;
	font-size: 40px;
	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 {
	margin-top: 20px;
	line-height: 1.6em;
	padding: 0 14px;
	color: #fff;
}

#language #notes .layout1 {
	border-bottom: 3px solid #fff;
	margin-top: 10px;
}

#language #notes .layout1 .tit {
	height: auto;
	border: unset;
	background: linear-gradient(to right, #f6eaec, #f9f3f4, #f6eaec);
}

#language #notes .wrap .notes-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

#language #notes .wrap .notes-list li {
	width: calc(calc(100%/2) - 10px);
	margin: 10px 5px 5px;
}

#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: 160px;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	background-size: 200% 200%;
	animation: bggradient 20s ease infinite;
	background-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(123, 123, 123));
	color: #fff;
}

@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

#language #footer address {
	text-align: center;
	margin: 30px 0 20px;
	font-size: 1.4rem;
}

/*--Languageページ_enter_top --*/
#index .enter-language-btn {
	background: linear-gradient(to right, #000, #242424);
	padding: 36px 8px 10px 8px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	margin: -26px 10px 0;
	border-radius: 20px;
	border: solid 1px #848484;
}
    
#index .enter-language-btn li {
	width: calc(calc(100%/3) - 6px);
	margin: 5px 3px;
}
    
#index .enter-language-btn li:nth-child(4),#index .enter-language-btn li:nth-child(5) {
	width: calc(calc(100%/2) - 6px);
}
    
#index .enter-language-btn li a {
	position: relative;
	width: auto !important;
	padding: 12px 32px 12px 12px !important;
	margin: 0 !important;
	border-radius: 30px !important;
	border: solid 1px #fff;
	display: block;
	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: 28px;
	height: 28px;
	position: absolute;
	top: 5px;
	right: 5px;
}

#index .contry-title {
	display: flex;
	align-items: center;
	max-width: 900px;
	margin: 20px auto 0;
	color: #fff;
	width: 80%;
	z-index: 1;
	position: relative;
}
 
#index .contry-title:before,
#index .contry-title:after {
	content: "";
	height: 1px;
	flex-grow: 1;
	background-color: #fff;
}
 
#index .contry-title:before {
	margin-right: 1rem;
}
 
#index .contry-title:after {
	margin-left: 1rem;
}

body#index {
	padding-bottom:150px;
}

#language .caution {
	animation: blinking 1s ease-in-out infinite alternate;
	color: #ff0;
	text-align: center;
	margin: 0px 20px 40px;
	font-size: 1.2em;
	line-height: 1.2;
}
 
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/*-- 翻訳語topページ --*/
#language header #sec04 hr {
	display: none;
}

#under #language #waiting .layout1 h2 {
	border-bottom: unset;
}

#under #language #waiting .common .box ul {
	margin-top: 20px;
}

#language header #sec04 h2 img {
	width: 480px;
	margin-left: 70px;
}

#language .staff-img {
	position: absolute;
	width: 130px;
	right: 0px;
	top: -80px;
	z-index: 1000;
}

#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;
	max-width: 540px;
	margin: 0 auto 50px;
	width: 90%;
}

#language .info-box ul .tel {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	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: 30px;
}

#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: 6px;
	padding-top: 6px;
	font-size: 0.8em;
}

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

#under #language #waiting.layout1 .tit h2 {
	font-size: 3rem;
	float: left;
	padding: 25px 60px 0px;
	height: 65px;
	border-right: 2px solid #19bccb !important;
}

#language .contact-box {
	position: relative;
	width: 90%;
	max-width: 740px;
	margin: 90px auto 20px;
	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;
	max-width: 600px;
	padding: 1em 0.2em;
	text-align: center;
	font-size: 16px;
	border-radius: 10px;
	animation: fuwafuwa 2s infinite;
	width: 100%;
	box-sizing: border-box;
}

@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: 12px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	font-size: 20px;
	text-align: center;
}

#language .contact-box ul {
	padding: 10px 20px;
	display: flex;
	justify-content: center;
	gap: 10px;
}

#language .contact-box ul li img {
	width: 54px;
}

#language #waiting {
	counter-reset: number 0;

}

#under #language #waiting .common .box ul li .details>p:last-of-type {
	margin-top: 0;
}

#language #profile {
	position: relative;
	overflow: unset;

}

#language #profile .number {
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	font-size: 26px;
	background: #fcbb45;
	border-radius: 50%;
	box-sizing: border-box;
	z-index: 1000;
	top: -14px;
	left: -4px;
}

#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);
	z-index: -1;
}

#language #profile .number::after {
	counter-increment: number 1;
	content: counter(number) " ";
}

#language #system .layout1 .tit {
	height: auto;
	border: unset;
	background: linear-gradient(to right, #f6eaec, #f9f3f4, #f6eaec);
}

#language .layout1 .tit .notice {
	display: block;
	text-align: center;
	padding: 1em 0;
	line-height: 1.4;
	margin-top: 20px;
}

#under #language #system #basic-price .heading {
	margin-top: 10px;
}

#under #language #system #basic-price .u-box ul li div {
	display: block;
	width: 80%;
}

#under #language #system #basic-price .u-box ul li div>p:first-of-type {
	margin-right: 0;
	width: 100%;
	line-height: 1em;
	padding: 0.5em;
	box-sizing: border-box;
}

#under #language #system #basic-price .u-box ul li div>p:last-of-type {
	margin-top: 6px;
}

#under #language #system .layout1 {
	border-bottom: unset;
}

#language .btn-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	display: none;
}

#language .btn-bottom ul {
	display: flex;
}

#language .btn-bottom ul li {
	width: 50%;
	padding-bottom: 10px;
}

#language .btn-bottom ul li.credit {
	background: linear-gradient(to right, #cccccc, #ffffff, #cccccc);
}

#language .btn-bottom ul li:nth-child(2).credit {
	background: linear-gradient(to right, #000, #393939, #000);
	color: #fff;
}

#language .btn-bottom ul li.tel {
	background: linear-gradient(to right, #000, #393939, #000);
	color: #fff;
}

#language .btn-bottom ul li a {
	display: block;
	padding: 8px;
}

#language .btn-bottom ul li a em {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: dotted 1px;
}

#language .btn-bottom ul li.tel .box {
	display: flex;
	align-items: center;
	justify-content: center;
}

#language .btn-bottom ul li.tel .box .number {
	font-size: 20px;
	margin-left: 6px;
}

#language .btn-bottom ul li.tel .box img {
	width: 26px;
}

#language .btn-bottom ul li.credit img {
	width: 168px;
	display: block;
	margin: 0 auto;
}

#language #right-down {
	bottom: 85px;
}

#language #fixed-btn {
	background-color: unset;
	padding: 0;
}

#language #fixed-btn div {
	bottom: 96px;
}

#language #fixed-btn div img {
	width: 70px;
}

#bloglist .layout1 {
	background: #960347;
	color: #fff;
}

#under #bloglist .layout1 {
	background: unset;
	color: unset;
}

#bloglist .main-tit-new div span::before {
	background: #eee;
}

/* top-blog */
#bloglist .top-blog-container {
	max-width: 1650px;
	width: 100%;
	margin: 30px auto;
	gap: 10px;

	li {
		width: 100%;
		background-color: #fff;
		margin: 0;

		>a {
			display: flex;
			align-items: center;
			box-sizing: border-box;

			.pic-box {
				width: 140px;
				overflow: hidden;
				aspect-ratio: 1 / 1;
				min-width: 140px;
			}

			.thum {
				width: 100%;
				transition: transform 0.3s ease;
			}

			.txt-box {
				padding: 10px;
				flex: 1;
				min-width: 0;

				.title {
					font-size: 16px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					color: #000;

					.b-icon {
						width: 15px;
						margin-right: 10px;
						display: inline-block;
						margin-bottom: 2px;
					}
				}

				.day-time {
					font-size: 11px;
					color: #777;
					margin-top: 0.4em;
				}

				.txt {
					font-size: 12px;
					margin-top: 0.6em;
					line-height: 1.4;
					color: #000;
				}

				.prof-box {
					border-top: solid 1px #bababa;
					margin-top: 5px;
					align-items: center;
					padding-top: 5px;

					.pic {
						border-radius: 50%;
						width: 50px;
						overflow: hidden;
						aspect-ratio: 1 / 1;
						flex-shrink: 0;

						.thum-min {
							width: 100%;
						}
					}

					.name {
						color: #777;
						font-size: 13px;
						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 {
		max-width: 1650px;
		width: 100%;
		margin: 40px auto 0;

		li {
			width: 100%;
			margin-top: 10px;
			background-color: #fff;

			>a {
				display: flex;
				align-items: center;
				box-sizing: border-box;

				.pic-box {
					width: 140px;
					overflow: hidden;
					aspect-ratio: 1 / 1;
					min-width: 140px;
				}

				.thum {
					width: 100%;
					transition: transform 0.3s ease;
				}

				.txt-box {
					padding: 10px;
					flex: 1;
					min-width: 0;

					.title {
						font-size: 16px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;

						.b-icon {
							width: 15px;
							margin-right: 10px;
							display: inline-block;
							margin-bottom: 2px;
						}
					}

					.day-time {
						font-size: 11px;
						color: #777;
						margin-top: 0.4em;
					}

					.txt {
						font-size: 12px;
						margin-top: 0.6em;
						line-height: 1.4;
						color: #000;
					}

					.prof-box {
						border-top: solid 1px #bababa;
						margin-top: 5px;
						align-items: center;
						padding-top: 5px;

						.pic {
							border-radius: 50%;
							width: 50px;
							overflow: hidden;
							aspect-ratio: 1 / 1;
							flex-shrink: 0;

							.thum-min {
								width: 100%;
							}
						}

						.name {
							color: #777;
							font-size: 13px;
							line-height: 1.4;
						}
					}
				}
			}

			a:hover .thum {
				transform: scale(1.1);
			}
		}
	}

	.girl-box {
		display: flex;
		max-width: 90%;
		width: fit-content;
		border-radius: 10px;
		border: solid 3px #eee;
		padding: 10px;
		margin: 30px auto 0;
		align-items: center;
		gap: 10px;
		box-sizing: border-box;
		background-color: #fff;

		.pic {
			width: 90px;
			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: 22px;
				text-decoration: underline;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.catchphrase {
				font-size: 16px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.size {
				font-size: 12px;
			}
		}
	}

	.blog-box {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 50px auto 0;
		padding-bottom: 20px;

		.blog-link {
			font-size: 16px;
			display: block;
			text-align: left;
			text-decoration: underline;
			margin-left: 0.5em;
			color: #fff;
		}

		.blog-inner {
			background-color: #fff;
			margin: 10px 0;
			padding: 40px 20px;

			>h3 {
				font-size: 18px;
				border: unset;
				line-height: 1.4;

				.b-icon {
					display: inline-block;
					margin: 0 6px 5px 0;
					width: 16px;
				}
			}

			.day {
				font-size: 14px;
				margin-top: 0.5em;
				color: #777;
			}

			.main-pic {
				display: block;
				margin: 20px auto 0;
				max-width: 640px;
				width: 100%;
			}

			.txt {
				margin-top: 20px;
				line-height: 1.4;
			}
		}

		.pagination-box {
			margin: 50px auto 0;
			width: 90%;

			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 {
					padding: 6px;

					.title {
						font-size: 14px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;

						.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;
				margin-top: 14px;

				&::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 */

/* under-profile-blog */
#prof-info .blog-wrap {
	position: relative;

	.blog-container {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;

		.blog-box {
			width: 100%;
			background-color: #fff;

			>a {
				display: flex;
				align-items: center;
				box-sizing: border-box;

				.pic-box {
					width: 120px;
					overflow: hidden;
					aspect-ratio: 1 / 1;
					min-width: 120px;

					.thum {
						width: 100%;
						transition: transform 0.3s ease;
					}
				}

				.txt-box {
					padding: 10px;
					flex: 1;
					min-width: 0;

					.title {
						font-size: 17px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						color: #000;

						.b-icon {
							width: 15px;
							margin-right: 10px;
							display: inline-block;
							margin-bottom: 2px;
						}
					}

					.day-time {
						font-size: 12px;
						color: #777;
						margin-top: 0.4em;
					}

					.txt {
						font-size: 12px;
						margin-top: 0.8em;
						line-height: 1.4;
						color: #000;
					}
				}
			}

			a:hover .thum {
				transform: scale(1.1);
			}
		}
	}

}

#prof-info .bloglist-btn a {
	display: block;
	width: 170px;
	border: 1px solid #fff;
	padding: 15px 0;
	text-align: center;
	margin: 20px auto 0;
	border-radius: 30px;
}

/* /profile-movie */

/*faq*/
#faq {
	.faq-container {
		width: 90%;
		max-width: 1200px;
		margin: 30px auto;
	}

	.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: 14px;
		cursor: pointer;
		z-index: 10;
		transition: all 0.3s ease;
		border: none;
		width: 100%;
		font-size: 1.4rem;
		font-weight: 600;
		background-color: #f6eaec;
	}

	.faq-question:hover {
		background-color: #f6eaec;
		padding: 14px;
	}

	.faq-item.active .faq-question {
		background-color: #f6eaec;
		padding: 14px;
	}

	.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;
		font-size: 1.4rem;
	}

}
/*/faq*/