html {
    scroll-behavior: smooth;
}
body {
	color: #ffffff;
	font-family: "Noto Sans JP", sans-serif;
	overflow: visible!important;
    background-color: #2b1e25;
    font-feature-settings: "palt";
    letter-spacing: 0.025em;
}
@media print, screen and (max-width:1024px) {
	html {
		font-size: calc(100vw / 37.5);
	}
	body {
		font-size: 1.5rem;
	}
}
@media print, screen and (min-width:1025px) {
	html {
		font-size: 62.5%;
	}
	body {
		font-size: 1.6rem;
	}
}
a {
    text-decoration: none;
    transition: opacity .25s cubic-bezier(.215,.61,.355,1);
}
@media print, screen and (min-width:1025px) {
    a:hover {
        opacity:.4
    }
}
.text-link {
    color: #ffffff;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.3em;
}
ul {
    list-style: none;
}
.n-serif {
	font-family: "Noto Serif JP", serif;
}
@media print, screen and (max-width:1024px) {
    .pc {
        display: none !important;
    }
}
@media print, screen and (min-width:1025px) {
    .sp {
        display: none !important;
    }
}
@media print, screen and (max-width:1024px) {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: calc(100 / 750 * 100vw);
        transition: all .5s;
        background-color: #2b1e25;
        z-index: 30;
    }
    #header.open {
        background-color: #483640;
    }
}
.h-links {
    position: relative;
}
#header .m-link {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px #000000 solid;
    background-color: #ffffff;
}
@media print, screen and (max-width:1024px) {
    #header .m-link {
        top: calc(20 / 750 * 100vw);
        left: calc(40 / 750 * 100vw);
        width: calc(316 / 750 * 100vw);
        height: calc(60 / 750 * 100vw);
    }
    #header .m-link img {
        width: calc(226 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    #header .m-link {
        top: 20px;
        left: 20px;
        width: 180px;
        height: 36px;
    }
    #header .m-link img {
        width: 128px;
    }
}
#header .l-link {
    position: absolute;
    display: flex;
    align-items: center;
    color: #ffffff;
}
@media print, screen and (max-width:1024px) {
    #header .l-link {
        top: calc(34 / 750 * 100vw);
        left: calc(487 / 750 * 100vw);
        width: calc(160 / 750 * 100vw);
        font-size: 1.2rem;
    }
}
@media print, screen and (min-width:1025px) {
    #header .l-link {
        top: 30px;
        right: 30px;
        width: 95px;
        height: 20px;
    }
}
#header .l-link::before {
    content: "";
    display: block;
    background-image: url(/lp/tokyo-afterdark/img/lang_icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media print, screen and (max-width:1024px) {
    #header .l-link::before {
        width: calc(43 / 750 * 100vw);
        height: calc(30 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    #header .l-link::before {
        width: 30px;
        height: 20px;
    }
}
@media print, screen and (max-width:1024px) {
    .hamburger {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100 / 750 * 100vw);
        height: calc(100 / 750 * 100vw);
        line-height: 0;
        background-color: #483640;
    }
    .btn-trigger {
        position: relative;
        width: calc(50 / 750 * 100vw);
        height: calc(38 / 750 * 100vw);
        cursor: pointer;
    }
    .btn-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: calc(6 / 750 * 100vw);
        background-color: #fff;
        border-radius: calc(6 / 750 * 100vw);
    }
    .btn-trigger, .btn-trigger span {
        display: inline-block;
        transition: all .5s;
        box-sizing: border-box;
    }
    .btn-trigger span:nth-of-type(1) {
        top: 0;
    }
    .btn-trigger span:nth-of-type(2) {
        top: calc(16 / 750 * 100vw);
    }
    .btn-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .btn-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(calc(16.5 / 750 * 100vw)) rotate(315deg);
        transform: translateY(calc(16.5 / 750 * 100vw)) rotate(315deg);
    }
    .btn-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .btn-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(calc(-16.5 / 750 * 100vw)) rotate(-315deg);
        transform: translateY(calc(-16.5 / 750 * 100vw)) rotate(-315deg);
    }
}
@media print, screen and (max-width:1024px) {
    #main {
        margin-top: calc(100 / 750 * 100vw);
    }
}
.c-mv img {
    width: 100%;
}
.c-main {
    position: relative;
    background-position: center top;
}
@media print, screen and (max-width:1024px) {
    .c-main {
        background-image: url(/lp/tokyo-afterdark/img/bg_sp.jpg);
        background-repeat: repeat-y;
        background-size: 100%;
    }
}
@media print, screen and (min-width:1025px) {
    .c-main {
        background-image: url(/lp/tokyo-afterdark/img/bg.jpg);
        background-repeat: no-repeat;
    }
}
@media print, screen and (min-width:1920px) {
    .c-main {
        background-size: cover;
    }
}
.c-nav {
    background-color: #150f12;
    z-index: 20;
}
@media print, screen and (max-width:1024px) {
    .c-nav {
        position: fixed;
        background-color: #483640;
        top: calc(-200 / 750 * 100vw);
        transition: all .5s;
        opacity: 0;
        pointer-events: none;
    }
    .c-nav.open {
        top: calc(100 / 750 * 100vw);
        opacity: 1;
        pointer-events: initial;
    }
}
@media print, screen and (min-width:1025px) {
    .c-nav {
        position: sticky;
        top: 0;
    }
}
.c-nav ul {
    margin: auto;
    padding: 0;
}
@media print, screen and (max-width:1024px) {
    .c-nav ul {
        width: 100vw;
    }
}
@media print, screen and (min-width:1025px) {
    .c-nav ul {
        display: flex;
        width: 1144px;
        padding: 20px 0;
    }
}
.c-nav ul li {
    display: flex;
    font-weight: bold;
}
@media print, screen and (max-width:1024px) {
    .c-nav ul li {
        font-size: 1.7rem;
        line-height: 1.4;
        background-image: url(/lp/tokyo-afterdark/img/c-map_dotted.svg);
        background-repeat: no-repeat;
        background-position: top;
    }
}
.c-nav ul li a {
    display: flex;
    align-items: center;
    color: #ffffff;
}
@media print, screen and (max-width:1024px) {
    .c-nav ul li a {
        width: 100vw;
        padding: calc(33 / 750 * 100vw) calc(40 / 750 * 100vw) calc(30 / 750 * 100vw);
    }
}
.c-nav ul li a::before {
    content: "";
    display: block;
}
@media print, screen and (max-width:1024px) {
    .c-nav ul li a::before {
        margin-right: calc(16 / 750 * 100vw);
        width: calc(62 / 750 * 100vw);
        height: calc(85 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-nav ul li a::before {
        width: 53px;
        height: 52px;
        background-repeat: no-repeat;
    }
}
.c-nav ul li:nth-of-type(1) a::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon01.svg);
}
.c-nav ul li:nth-of-type(2) a::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon02.svg);
}
.c-nav ul li:nth-of-type(3) a::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon03.svg);
}
.c-nav ul li:nth-of-type(4) a::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon04.svg);
}
.c-nav ul li:nth-of-type(5) a::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon05.svg);
}
.c-nav ul li:not(:last-child)::after {
    content: "";
    display: block;
    background-image: url(/lp/tokyo-afterdark/img/nav_dot_line.svg);
    opacity: 0.5;
}
@media print, screen and (min-width:1025px) {
    .c-nav ul li:not(:last-child)::after {
        width: 54px;
        height: 61px;
        background-repeat: no-repeat;
        background-position: 26px 0;
    }
}
@media print, screen and (max-width:1024px) {
    * {
        scroll-margin-top: calc(140 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    * {
        scroll-margin-top: 106px;
    }
}
.c-intro {
    text-align: center;
}
@media print, screen and (max-width:1024px) {
    .c-intro {
        padding-top: calc(60 / 750 * 100vw);
    }
}
.c-intro h3 {
    position: relative;
    line-height: 1.7;
    font-weight: normal;
}
.c-intro h3::before, .c-intro h3::after {
    position: absolute;
    content: "";
    display: block;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;   
}
@media print, screen and (max-width:1024px) {
    .c-intro h3 {
        margin: auto;
        width: calc(590 / 750 * 100vw);
        padding: calc(50 / 750 * 100vw) 0;
        font-size: 1.8rem;
    }
    .c-intro h3::before, .c-intro h3::after {
        width: calc(100 / 750 * 100vw);
        height: calc(40 / 750 * 100vw);
    }
    .c-intro h3::before {
        left: 0;
        top: 0;
    }
    .c-intro h3::after {
        right: 0;
        bottom: 0;
        transform: rotate(180deg);
    }
}
@media print, screen and (min-width:1025px) {
    .c-intro h3 {
        margin: 80px auto 0;
        width: 724px;
        padding: 50px 0;
        font-size: 3.8rem;
    }
    .c-intro h3::before, .c-intro h3::after {
        width: 90px;
        height: 40px;
    }
    .c-intro h3::before {
        left: 0;
        top: 0;
    }
    .c-intro h3::after {
        right: 0;
        bottom: 0;
        transform: rotate(180deg);
    }
}
.c-intro p {
    text-shadow: #2b1e25 .1em .1em 20px;
    line-height: 1.9;
}
@media print, screen and (max-width:1024px) {
    .c-intro p {
        padding-top: calc(50 / 750 * 100vw);
        font-size: 1.5rem;
        line-height: 1.7;
    }
}
@media print, screen and (min-width:1025px) {
    .c-intro p {
        padding-top: 50px;
        font-size: 2.3rem;
    }
}
.c-info {
    border: 1px solid #ffffff;
}
@media print, screen and (max-width:1024px) {
    .c-info {
        margin: calc(90 / 750 * 100vw) auto 0;
        padding: calc(30 / 750 * 100vw);
        width: calc(670 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-info {
        margin: 120px auto 0;
        padding: 30px;
        width: 948px;
    }
}
.c-info h3 {
    text-align: center;
    font-weight: bold;
    background-color: #595757;
}
@media print, screen and (max-width:1024px) {
    .c-info h3 {
        font-size: 1.6rem;
        padding: calc(15 / 750 * 100vw) 0;
    }
}
@media print, screen and (min-width:1025px) {
    .c-info h3 {
        font-size: 2.4rem;
        padding: 25px 0;
    }
}
.c-info ul {
    background-color: #201816;
}
@media print, screen and (max-width:1024px) {
    .c-info ul {
        padding: 0;
    }
}
@media print, screen and (min-width:1025px) {
    .c-info ul {
        padding: 0;
    }
}
.c-info li {
    line-height: 1.6;
}
.c-info li:not(:last-child) {
    border-bottom: solid 2px #595757;
}
@media print, screen and (max-width:1024px) {
    .c-info li {
        font-size: 1.3rem;
        padding: calc(25 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-info li {
        padding: 15px 60px;
    }
}
.c-cont {
    text-align: center;
}
.c-cont h3::before {
    content: "";
    display: block;
    margin: auto;
}
@media print, screen and (max-width:1024px) {
    .c-cont h3 {
        font-size: 2.6rem;
        margin-top: calc(150 / 750 * 100vw);
        margin-bottom: calc(40 / 750 * 100vw);
    }
    .c-cont h3::before {
        width: calc(99 / 750 * 100vw);
        height: calc(135 / 750 * 100vw);
        margin-bottom: calc(20 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-cont h3 {
        font-size: 4.1rem;
        margin-top: 100px;
        margin-bottom: 15px;
    }
    .c-cont h3::before {
        width: 62px;
        height: 85px;
        margin-bottom: 15px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}
@media print, screen and (max-width:1024px) {
    .c-cont h5 {
        margin-top: calc(160 / 750 * 100vw);
        font-size: 1.8rem;
    }
}
@media print, screen and (min-width:1025px) {
    .c-cont h5 {
        margin-top: 90px;
        font-size: 2.0rem;
    }
}
.c-c01 h3::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon01.svg);
}
.c-c02 h3::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon02.svg);
}
.c-c03 h3::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon03.svg);
}
.c-c04 h3::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon04.svg);
}
.c-c05 h3::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon05.svg);
}
.c-cont p {
    line-height: 1.8;
}
@media print, screen and (max-width:1024px) {
    .c-cont > p {
        padding: 0 calc(40 / 750 * 100vw) calc(60 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-cont > p {
        font-size: 1.8rem;
        padding-bottom: 40px;
    }
}
.swiper-area {
    overflow: hidden;
}
.swiper {
    overflow: visible;
}
@media print, screen and (max-width:1024px) {
    .swiper {
        width: calc(510 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .swiper {
        width: 444px;
    }
}
@media print, screen and (max-width:1024px) {
    .swiper-button-next, .swiper-button-prev {
        display: none;
    }
}
@media print, screen and (min-width:1025px) {
    .swiper-button-next, .swiper-button-prev {
        width: 35px;
        height: 35px;
        top: 145px;
    }
    .swiper-button-next {
        left: auto;
        right: -35px;
        transform: rotate(45deg);
    }
    .swiper-button-prev {
        left: -35px;
        right: auto;
        transform: rotate(-135deg);
    }
}
.swiper-button-next::after, .swiper-button-prev::after {
    display: block;
    content: "";
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
@media print, screen and (min-width:1025px) {
    .swiper-button-next::after, .swiper-button-prev::after {
        width: 35px;
        height: 35px;
    }
}
.c-cont-item > a,
.c-cont-item > span {
    display: block;
}
.c-cont-item p {
    line-height: 1.6;
}
@media print, screen and (max-width:1024px) {
    .c-cont-item {
        width: calc(510 / 750 * 100vw);
    }
    .c-cont-item > a,
    .c-cont-item > span {
        margin-bottom: calc(24 / 750 * 100vw);
    }
    .c-cont-item h4 {
        font-size: 1.6rem;
        margin-bottom: calc(10 / 750 * 100vw);
    } 
    .c-cont-item p {
        font-size: 1.4rem;
    }
    .c-cont-item p a {
        color: #ffffff;
    }
}
@media print, screen and (min-width:1025px) {
    .c-cont-item {
        width: 444px;
    }
    .c-cont-item > a,
    .c-cont-item > span {
        margin-bottom: 20px;
    }
    .c-cont-item h4 {
        font-size: 2.0rem;
        margin-bottom: 10px;
    } 
    .c-cont-item p a {
        color: #ffffff;
    }
}
.c-subttl {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
}
@media print, screen and (max-width:1024px) {
    .c-subttl {
        margin-top: calc(130 / 750 * 100vw);
        margin-bottom: calc(44 / 750 * 100vw);
        font-size: 1.8rem;
    }
    .subttl03 {
        margin-top: calc(60 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-subttl {
        margin-top: 90px;
        margin-bottom: 40px;
        width: 1076px;
        font-size: 2.4rem;
    }
    .subttl03 {
        margin-top: 50px;
    }
}
.c-subttl::before, .c-subttl::after {
    display: block;
    content: "";
    background-repeat: no-repeat;
}
.c-subttl::before {
    background-image: url(/lp/tokyo-afterdark/img/subttl_deco-l.png);
}
.c-subttl::after {
    background-image: url(/lp/tokyo-afterdark/img/subttl_deco-r.png);
}
@media print, screen and (max-width:1024px) {
    .c-subttl::before, .c-subttl::after {
        width: calc(167 / 750 * 100vw);
        height: calc(38 / 750 * 100vw);
        background-size: cover;
    }
    .c-subttl::before {
        background-position: top right;
    }
}
@media print, screen and (min-width:1025px) {
    .c-subttl::before, .c-subttl::after {
        width: 376px;
        height: 25px;
    }
}
.c-single-item {
    margin: auto;
}
.c-e-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    border-bottom: solid 2px #595757;
}
.c-e-nav li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    color: #ffffff;
    font-weight: bold;
}
.c-e-nav li a.three-lines {
    line-height: 1.0;
}
@media print, screen and (max-width:1024px) {
    .c-e-nav {
        margin: 0 calc(40 / 750 * 100vw);
        padding-bottom: calc(120 / 750 * 100vw);
    }
    .c-e-nav li {
        width: 100%;
        margin-top: calc(40 / 750 * 100vw);
    }
    .c-e-nav li a {
        width: calc(670 / 750 * 100vw);
        height: calc(303 / 750 * 100vw);
        font-size: 2.1rem;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .c-e-nav li a:last-of-type {
        font-size: 1.8rem;
    }
    .c-e-nav li:nth-of-type(1) a,
    .c-e-nav li:nth-of-type(4) a,
    .c-e-nav li:nth-of-type(5) a,
    .c-e-nav li:nth-of-type(8) a,
    .c-e-nav li:nth-of-type(9) a {
        background-image: url(/lp/tokyo-afterdark/img/c-e00-nav-bg_sp.webp);
    }
    .c-e-nav li:nth-of-type(2) a,
    .c-e-nav li:nth-of-type(3) a,
    .c-e-nav li:nth-of-type(6) a,
    .c-e-nav li:nth-of-type(7) a {
        background-image: url(/lp/tokyo-afterdark/img/c-e01-nav-bg_sp.webp);
    }
    .c-e-nav li a.three-lines {
        font-size: 1.7rem;
    }
}
@media print, screen and (min-width:1025px) {
    .c-e-nav {
        width: 1144px;
        padding-bottom: 80px;
    }
    .c-e-nav li {
        margin-top: 40px;
    }
    .c-e-nav li a {
        width: 552px;
        height: 181px;
        font-size: 3.0rem;
    }
    .c-e-nav li:first-of-type a {
        width: 1144px;
        height: 181px;
    }
    .c-e-nav li:nth-of-type(1) a {
        background-image: url(/lp/tokyo-afterdark/img/c-e00-nav-bg.webp);
    }
    .c-e-nav li:nth-of-type(2) a,
    .c-e-nav li:nth-of-type(3) a,
    .c-e-nav li:nth-of-type(6) a,
    .c-e-nav li:nth-of-type(7) a {
        background-image: url(/lp/tokyo-afterdark/img/c-e0102-nav-bg.webp);
    }
    .c-e-nav li:nth-of-type(4) a,
    .c-e-nav li:nth-of-type(5) a,
    .c-e-nav li:nth-of-type(8) a,
    .c-e-nav li:nth-of-type(9) a {
        background-image: url(/lp/tokyo-afterdark/img/c-e0304-nav-bg.webp);
    }
    .c-e-nav li a.three-lines {
        font-size: 2.8rem;
    }
}
.btn-white {
    margin: auto;
    display: block;
    color: #2b1e25;
    font-weight: 900;
    background-color: #ffffff;
    border-radius: 16px;
}
@media print, screen and (max-width:1024px) {
    .btn-white {
        margin-top: calc(70 / 750 * 100vw);
        margin-bottom: calc(170 / 750 * 100vw);
        padding: calc(34 / 750 * 100vw) 0;
        width: calc(510 / 750 * 100vw);
        font-size: 1.8rem;
        line-height: 1.4;
    }
    .double-btn .btn-white span,
    .btn-white.two-lines span {
        font-size: 1.5rem;
    }
}
@media print, screen and (min-width:1025px) {
    .btn-white {
        margin-top: 25px;
        margin-bottom: 40px;
        width: 500px;
        font-size: 2.4rem;
        line-height: 66px;
    }
}
.c-event {
    background-position: top center;
    background-repeat: no-repeat;
    border-bottom: solid 2px #595757;
}
.c-event > h4 {
    font-weight: bold;
}
.c-event:first-of-type > h4,
.c-event:last-of-type > h4 {
    line-height: 1.2;
}
.c-event > h4 > em {
    font-style: normal;
}
.c-main .c-event small {
    text-align: left;
    text-indent: -0.75em;
    padding-left: 0.75em;
    line-height: 1.5;
}
.c-event .btn-white {
    margin-bottom: 0;
}
.c-e-info th {
    font-weight: normal;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    
}
.c-e-info td {
    text-align: left;
}
.c-e-info th,
.c-e-info td {
    padding-top: 0.7em;
    line-height: 1.4;
}
.c-e-info em {
    font-style: normal;
    font-weight: bold;
    line-height: 1.1;
}
.dc-list {
    margin: auto;
    padding: 0;
}
.dc-list li {
    background-image: url(/lp/tokyo-afterdark/img/dc-list.webp);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position-x: left;
    background-position-y: 0.25em;
    text-align: left;
    padding-left: 1.5em;
    margin: 0.8em 0;
}
.youtube-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9のアスペクト比 */
  height: 0;
  overflow: hidden;
  margin: 0 auto;
}
.youtube-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.sub-info h6 {
    font-weight: normal;
}
.sub-info a {
    display: block;
    margin: auto;
}
.sub-info a img {
    width: 100%;
}
.sub-info ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
}
.c-e07 > h4 > img {
    width: fit-content;
    margin: auto;
}
.c-e07 >h4::after,
.c-e07 .sec-block::before,
.c-e07 .c-e-coupon .c-e-n-list::before {
    content: "";
    display: block;
    margin: auto;
    height: 1px;
    background-image: url(/lp/tokyo-afterdark/img/dot_line.svg);
    background-repeat: no-repeat;
    background-position: center top;
}
.c-e07 .c-e-coupon {
    border: 1px solid #fff;
}
.c-e07 .c-e-coupon .coupon-img {
    margin: auto;
}
.c-e07 .c-e-n-list ul {
    margin: 0;
    padding: 0;
}
.c-e07 .c-e-n-list li {
    text-align: left;
    text-indent: -0.8em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 1em;
}
.c-e07 .c-e-n-list li::before {
    content: "・ ";
}
.yanagikage {
    margin: auto;
}
.yanagikage .yanagikage-img p {
    text-align: center;
}
@media print, screen and (max-width:1024px) {
    .c-event {
        margin: calc(120 / 750 * 100vw) auto 0;
        width: calc(670 / 750 * 100vw);
        padding-bottom: calc(120 / 750 * 100vw);
        background-size: contain;
    }
    .c-event.c-e00 {
        background-image: url(/lp/tokyo-afterdark/img/c-e00-bg_sp.webp);
    }
    .c-event.c-e01 {
        background-image: url(/lp/tokyo-afterdark/img/c-e01-bg_sp.webp);
    }
    .c-event.c-e02 {
        background-image: url(/lp/tokyo-afterdark/img/c-e02-bg_sp.webp);
    }
    .c-event.c-e03 {
        background-image: url(/lp/tokyo-afterdark/img/c-e03-bg_sp.webp);
    }
    .c-event.c-e04 {
        background-image: url(/lp/tokyo-afterdark/img/c-e04-bg_sp.webp);
    }
    .c-event.c-e05 {
        background-image: url(/lp/tokyo-afterdark/img/c-e05-bg_sp.webp);
    }
    .c-event.c-e06 {
        background-image: url(/lp/tokyo-afterdark/img/c-e06-bg_sp.webp);
    }
    .c-event.c-e07 {
        background-image: url(/lp/tokyo-afterdark/img/c-e07-bg_sp.webp);
    }
    .c-event.c-e08 {
        background-image: url(/lp/tokyo-afterdark/img/c-e08-bg_sp.webp);
    }
    .c-event > h4 {
        font-size: 2.2rem;
        margin-bottom: calc(30 / 750 * 100vw);
        padding-top: calc(90 / 750 * 100vw);
    }
    .c-event:last-of-type > h4 {
        line-height: 1.5;
    }
    .c-event:last-of-type > h4 > span {
        display: block;
        margin-top: calc(10 / 750 * 100vw);
        line-height: 1.2;
    }
    .c-event > h4 > span {
        font-size: 1.6rem;
    }
    .c-event > h4 > em {
        font-size: 3.5rem;
    }
    .c-e04 > h4 {
        margin-bottom: calc(170 / 750 * 100vw);
    }
    .c-e07 > h4::after {
        margin-top: calc(30 / 750 * 100vw);
        width: calc(500 / 750 * 100vw);
    }
    .c-e07 > h4 > img {
        margin-top: calc(13 / 750 * 100vw);
        margin-bottom: calc(5 / 750 * 100vw);
        width: calc(52 / 750 * 100vw);
        height: auto;
    }
    .c-e07 > h4 > span {
        font-size: 2.5rem;
        line-height: 1.2;
    }
    .c-e07 .c-e-hl {
        font-size: 1.7rem;
        font-weight: bold;
        margin-bottom: calc(30 / 750 * 100vw);
    }
    .c-e07 .c-e-coupon .c-e-hl {
        margin-top: calc(30 / 750 * 100vw);
        margin-bottom: 0;
    }
    .c-e06 > .c-cont-item p {
        margin-top: calc(70 / 750 * 100vw);
        margin-bottom: calc(20 / 750 * 100vw);
    }
    .c-event .c-subttl {
        margin-top: calc(70 / 750 * 100vw);
    }
    .c-e05 .c-subttl,
    .c-e06 .c-subttl {
        font-size: 1.6rem;
    }
    .c-cont .c-e-lead {
        font-size: 1.5rem;
        line-height: 1.5;
        padding: 0 calc(80 / 750 * 100vw) calc(100 / 750 * 100vw);
    }
    .c-e03 .c-e-lead,
    .c-e05 .c-e-lead {
        padding-left: calc(75 / 750 * 100vw);
        padding-right: calc(75 / 750 * 100vw);
    }
    .c-e07 .c-e-lead {
        padding-bottom: calc(50 / 750 * 100vw);
    }
    .c-e07 .btn-white {
        margin-top: 0;
        margin-bottom: calc(50 / 750 * 100vw);
    }
    .c-e07 .sec-block::before {
        margin-bottom: calc(50 / 750 * 100vw);
        width: calc(500 / 750 * 100vw);
    }
    .c-e07 .c-e-n-list img {
        width: calc(400 / 750 * 100vw);
        margin: calc(50 / 750 * 100vw) auto;
    }
    .c-e07 .c-e-coupon {
        margin-top: calc(50 / 750 * 100vw);
        padding-bottom: calc(50 / 750 * 100vw);
    }
    .c-e-img {
        margin-top: calc(100 / 750 * 100vw);
        margin-bottom: calc(70 / 750 * 100vw);
    }
    .c-e08 .c-e-img {
        margin-top: calc(50 / 750 * 100vw);
        margin-bottom: calc(50 / 750 * 100vw);
    }
    .c-e08 .c-e-items {
        width: fit-content;
        margin: calc(50 / 750 * 100vw) auto 0;
    }
    .c-e08 .c-e-items .c-cont-item:first-of-type {
        margin-bottom: calc(50 / 750 * 100vw);
    }
    .c-e08 .c-e-items .c-cont-item p {
        margin-bottom: calc(10 / 750 * 100vw);
    }
    .c-e-info {
        margin-top: calc(30 / 750 * 100vw);
        font-size: 1.3rem;
    }
    .c-e07 .c-e-coupon .coupon-img {
        margin-top: calc(20 / 750 * 100vw);
        width: calc(580 / 750 * 100vw);
    }
    .c-e07 .c-e-coupon .c-e-info {
        margin: auto;
        width: calc(580 / 750 * 100vw);
        margin-top: calc(10 / 750 * 100vw);
    }
    .c-e07 .c-e-coupon .c-e-info th, 
    .c-e07 .c-e-coupon .c-e-info td {
        display: block;
        text-align: center;
    }
    .c-e07 .c-e-coupon .c-e-n-list::before {
        margin: calc(50 / 750 * 100vw) auto;
        width: calc(580 / 750 * 100vw);
    }
    .c-e07 .c-e-coupon .c-e-n-list {
        font-size: 1.3rem;
        width: calc(580 / 750 * 100vw);
        margin: auto;
    }
    .yanagikage .yanagikage-txt {
        margin-top: calc(50 / 750 * 100vw);
        font-size: 1.3rem;
    }
    .yanagikage .yanagikage-img {
        margin: auto;
        margin-top: calc(50 / 750 * 100vw);
        width: calc(400 / 750 * 100vw);
    }
    .yanagikage .yanagikage-img p {
        margin-top: calc(20 / 750 * 100vw);
        font-size: 1.0rem;
        line-height: 1.3;
    }
    .c-e-info em {
        font-size: 1.6rem;
    }
    .c-e-info .note {
        font-size: 1.0rem;
    }
    .c-main .c-event small {
        padding-bottom: 0.5em;
    }
    .c-event small:first-of-type {
        margin-top: calc(70 / 750 * 100vw);
    }
    .sub-info h6 {
        margin-top: calc(70 / 750 * 100vw);
        margin-bottom: calc(20 / 750 * 100vw);
        font-size: 1.3rem;
    }
    .sub-info ul {
        width: calc(520 / 750 * 100vw);
    }
    .sub-info a {
        width: calc(250 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-event {
        margin: 80px auto 0;
        padding-top: 60px;
        padding-bottom: 80px;
        width: 1144px;
    }
    .c-event.c-e00 {
        background-image: url(/lp/tokyo-afterdark/img/c-e00-bg.webp);
    }
    .c-event.c-e01 {
        background-image: url(/lp/tokyo-afterdark/img/c-e01-bg.webp);
    }
    .c-event.c-e02 {
        background-image: url(/lp/tokyo-afterdark/img/c-e02-bg.webp);
    }
    .c-event.c-e03 {
        background-image: url(/lp/tokyo-afterdark/img/c-e03-bg.webp);
    }
    .c-event.c-e04 {
        background-image: url(/lp/tokyo-afterdark/img/c-e04-bg.webp);
    }
    .c-event.c-e05 {
        background-image: url(/lp/tokyo-afterdark/img/c-e05-bg.webp);
    }
    .c-event.c-e06 {
        background-image: url(/lp/tokyo-afterdark/img/c-e06-bg.webp);
    }
    .c-event.c-e07 {
        background-image: url(/lp/tokyo-afterdark/img/c-e07-bg.webp);
    }
    .c-event.c-e08 {
        background-image: url(/lp/tokyo-afterdark/img/c-e08-bg.webp);
    }
    .c-event > h4 {
        font-size: 3.6rem;
        margin-bottom: 20px;
    }
    .c-event > h4 > span {
        font-size: 2.8rem;
    }
    .c-event > h4 > em {
        font-size: 5.4rem;
    }
    .c-event .btn-white {
        margin-top: 60px;
    }
    .c-event small:first-of-type {
        margin-top: 60px;
    }
    .c-e04 > h4 {
        margin-bottom: 120px;
    }
    .c-e06 > .c-cont-item p {
        margin-top: 60px;
        margin-bottom: 10px;
    }
    .c-e-lead {
        padding-bottom: 60px;
    }
    .c-e07 > h4 {
        margin-bottom: 20px;
    }
    .c-e07 > h4 > img {
        margin-top: 5px;
    }
    .c-e07 > h4 > span {
        font-size: 3.6rem;
    }
    .c-e07 >h4::after {
        margin-top: 20px;
        width: 696px;
    }
    .c-e07 .c-e-hl {
        font-size: 2.4rem;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .c-e07 .c-e-lead,
    .c-e08 .c-e-lead,
    .c-e07 .c-e-body {
        width: 676px;
        margin: auto;
        font-size: 1.8rem;
        padding-bottom: 20px;
    }
    .c-e07 .sec-block::before {
        margin-top: 30px;
        margin-bottom: 20px;
        width: 696px;
    }
    .c-e07 .btn-white {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .c-e-img {
        margin-top: 60px;
        margin-bottom: 50px;
    }
    .c-e07 .c-e-img {
        margin-top: 120px;
    }
    .c-e08 .c-e-img {
        margin: 40px auto 0;
    }
    .double-btn {
        display: flex;
        justify-content: space-between;
        width: 760px;
        margin: 60px auto 0;
    }
    .double-btn .btn-white {
        margin: 0;
        width: 360px;
        line-height: 1.3;
        padding: 0.5em 0;
    }
    .double-btn .btn-white span {
        font-size: 2.0rem;
    }
    .btn-white.two-lines {
        line-height: 1.3;
        padding: 0.5em 0;
    }
    .btn-white.two-lines span {
        font-size: 2.0rem;
    }
    .c-e08 .c-e-items {
        display: flex;
        justify-content: space-between;
        width: 760px;
        margin: 60px auto 0;
    }
    .c-e08 .c-e-items .c-cont-item {
        width: 360px;
    }
    .c-e08 .c-e-items .c-cont-item p {
        margin-bottom: 20px;
    }
    .c-e07 .c-e-coupon .coupon-img {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 730px;
    }
    .c-e07 .c-e-n-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .c-e-n-list {
        width: 812px;
        margin: 40px auto 0;
    }
    .c-e07 .c-e-coupon .c-e-n-list {
        width: 730px;
        margin-top: 20px;
    }
    .c-e07 .c-e-n-list img {
        width: 164px;
    }
    .c-e07 .c-e-n-list p {
        width: 90px;
        text-align: right;
    }
    .c-e07 .c-e-n-list ul {
        width: 530px;
    }
    .c-e07 .c-e-coupon .c-e-n-list {
        margin-bottom: 40px;
    }
    .c-e07 .c-e-coupon .c-e-n-list::before {
        width: 730px;
        margin-bottom: 20px;
    }
    .c-e07 .c-e-coupon .c-e-info td {
        width: 590px;
    }
    .c-e07 .c-e-coupon .c-e-n-list p {
        width: 110px;
    }
    .c-e07 .c-e-coupon .c-e-n-list ul {
        width: 590px;
    }
    .c-e07 .c-e-coupon .c-e-n-list li {
        padding-top: 0;
        padding-bottom: 0;
    }
    .c-e07 .c-e-coupon {
        width: 812px;
        margin: 40px auto 0;
    }
    .c-e07 .c-e-coupon .c-e-hl {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .c-e-info {
        width: 780px;
        margin: 60px auto 0;
    }
    .c-e07 .c-e-coupon .c-e-info {
        width: 730px;
        margin: 0 auto;
    }
    .c-e-info em {
        font-size: 2.0rem;
    }
    .c-e-info .note {
        font-size: 1.2rem;
    }
    .yanagikage {
        text-align: left;
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
        width: 812px;
    }
    .yanagikage .yanagikage-txt {
        width: 438px;
    }
    .yanagikage .yanagikage-img {
        width: 330px;
    }
    .yanagikage .yanagikage-img p {
        margin-top: 10px;
        font-size: 1.2rem;
        line-height: 1.3;
    }
    .dc-list {
        width: 820px;
    }
    .sub-info h6 {
        margin-top: 60px;
        margin-bottom: 20px;
        font-size: 1.4rem;
    }
    .sub-info ul {
        width: 250px;
    }
    .sub-info a {
        width: 120px;
    }
}
.c-e-img img {
    margin: auto;
}
.c-map-area {
    text-align: center;
}
@media print, screen and (max-width:1024px) {
    .c-map-area h3 {
        margin-top: calc(160 / 750 * 100vw);
        margin-bottom: calc(50 / 750 * 100vw);
        font-size: 2.9rem;
        line-height: 1.3;
        letter-spacing: 0.1em;
    }
    .c-note {
        font-size: 1.5rem;
        opacity: .5;
        margin-bottom: calc(40 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-map-area h3 {
        margin-top: 160px;
        margin-bottom: 60px;
        font-size: 4.4rem;
    }
}
.c-map img {
    display: inline;
}
@media print, screen and (max-width:1024px) {
    .c-map {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .c-map img {
        width: calc(2100 / 750 * 100vw);
        max-width: none;
        display: block;
    }
}
.c-map-area ul {
    margin: auto;
}
@media print, screen and (max-width:1024px) {
    .c-map-area ul {
        width: calc(590 / 750 * 100vw);
        margin-top: calc(50 / 750 * 100vw);
        padding: 0;
    }
}
@media print, screen and (min-width:1025px) {
    .c-map-area ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 55px;
        width: 1016px;
    }
}
.c-map-area ul li {
    display: flex;
    align-items: center;
    line-height: 1.4;
    font-weight: bold;
    text-align: left;
}
@media print, screen and (max-width:1024px) {
    .c-map-area ul li {
        padding: calc(32 / 750 * 100vw) 0;
        font-size: 1.7rem;
        line-height: 1.3;
    }
    .c-map-area ul li:not(:last-child) {
        background-image: url(/lp/tokyo-afterdark/img/c-map_dotted.svg);
        background-repeat: no-repeat;
        background-position: bottom;
    }
}
@media print, screen and (min-width:1025px) {
    .c-map-area ul li {
        margin-bottom: 50px;
        font-size: 2.6rem;
        width: 50%;
    }
}
.c-map-area ul li::before {
    display: block;
    content: "";
}
@media print, screen and (max-width:1024px) {
    .c-map-area ul li::before {
        margin-right: calc(16 / 750 * 100vw);
        width: calc(62 / 750 * 100vw);
        height: calc(85 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-map-area ul li::before {
        margin-right: 25px;
        width: 62px;
        height: 85px;
    }
}
.c-map-area ul li:nth-of-type(1)::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon01.svg);
    background-size: cover;
}
.c-map-area ul li:nth-of-type(2)::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon02.svg);
    background-size: cover;
}
.c-map-area ul li:nth-of-type(3)::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon03.svg);
    background-size: cover;
}
.c-map-area ul li:nth-of-type(4)::before {
    background-image: url(/lp/tokyo-afterdark/img/nav_icon04.svg);
    background-size: cover;
}
.comingsoon {
    text-align: center;
    line-height: 1.8;
}
.comingsoon h3 {
    color: rgba(43, 30, 37, 0);
    -webkit-text-stroke: 1px #ffffff;
    text-stroke: 1px #ffffff;
    paint-order: stroke;
}
@media print, screen and (max-width:1024px) {
    .comingsoon {
        margin:  calc(120 / 750 * 100vw) auto calc(100 / 750 * 100vw);
    }
    .comingsoon p {
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .comingsoon h3 {
        margin-top: calc(30 / 750 * 100vw);
        font-size: 4.0rem;
    }
}
@media print, screen and (min-width:1025px) {
    .comingsoon {
        margin: 140px auto;
    }
    .comingsoon p {
        font-size: 2.4rem;
    }
    .comingsoon h3 {
        font-size: 7.2rem;
    }
}
.c-main small {
    display: block;
}
.c-main > small {
    text-align: center;
    line-height: 2.0;
}
@media print, screen and (max-width:1024px) {
    .c-main small {
        font-size: 1.3rem;
        line-height: 1.7;
    }
    .c-main > small {
        margin: 0 calc(40 / 750 * 100vw);
        text-align: left;
        padding-bottom: 0.5em;
        line-height: 1.5;
    }
    .c-main > small.kome {
        text-indent: -1.3em;
        padding-left: 1.3em;
    }
    .c-main > small:last-of-type {
        padding-bottom: calc(60 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .c-main small {
        font-size: 1.6rem;
    }
    .c-main > small:not(.kome) {
        margin-top: 170px;
        padding-bottom: 60px;
    }
    .c-main > small.kome:first-of-type {
        margin-top: 150px;
    }
    .c-main > small.kome:last-of-type {
        margin-bottom: 170px;
    }
}
.contact {
    position: relative;
    text-align: center;
}
.contact::before,
.contact::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    margin: auto;
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 20%,
        rgba(255, 255, 255, 1) 80%,
        rgba(255, 255, 255, 0) 100%
    );
}
.contact * {
    font-weight: bold;
}
.contact h5 {
    position: relative;
    margin: auto;
    background-color: #2b1e25;
    z-index: 10;
}
@media print, screen and (max-width:1024px) {
    .contact {
        margin-top: calc(120 / 750 * 100vw);
        margin-bottom: calc(150 / 750 * 100vw);
        padding-bottom: calc(40 / 750 * 100vw);
    }
    .contact::before,
    .contact::after {
        width: calc(670 / 750 * 100vw);
    }
    .contact::before {
        top: calc(20 / 750 * 100vw);
    }
    .contact::after {
        bottom: 0;
    }
    .contact * {
        font-size: 1.5rem;
    }
    .contact h5 {
        width: calc(210 / 750 * 100vw);
    }
    .contact h6 {
        font-size: 2.3rem;
    }
    .c-time {
        font-size: 1.3rem;
    }
}
@media print, screen and (min-width:1025px) {
    .contact {
        margin-top: 120px;
        padding-bottom: 25px;
    }
    .contact::before,
    .contact::after {
        width: 948px;
    }
    .contact::before {
        top: 20px;
    }
    .contact::after {
        bottom: 0;
    }
    .contact * {
        font-size: 2.4rem;
    }
    .contact h5 {
        width: 200px;
    }
    .contact h6 {
        font-size: 3.8rem;
    }
}
.contact a {
    margin: auto;
    display: block;
    color: #2b1e25;
    background-color: #6b6267;
    border-radius: 10px;
}
@media print, screen and (max-width:1024px) {
    .contact a {
        margin-top: calc(30 / 750 * 100vw);
        margin-bottom: calc(30 / 750 * 100vw);
        padding: calc(32 / 750 * 100vw) 0;
        width: calc(510 / 750 * 100vw);
        font-size: 1.7rem;
        line-height: 1.4;
    }
}
@media print, screen and (min-width:1025px) {
    .contact a {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 560px;
        line-height: 50px;
    }
}
@media print, screen and (max-width:1024px) {
    .sns-link {
        margin: auto;
        padding: 0;
        width: calc(380 / 750 * 100vw);
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: calc(60 / 750 * 100vw);
    }
    .sns-link li {

    }
    .sns-link img {
        width: calc(54 / 750 * 100vw);
        height: auto;
    }
    .sns-link li:nth-of-type(2) img {
        width: calc(48 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .sns-link {
        position: absolute;
        right: 50px;
        bottom: 60px;
    }
    .sns-link li {
        padding-top: 30px;
    }
    .sns-link img {
        margin: auto;
        width: 30px;
        height: auto;
    }
    .sns-link li:nth-of-type(2) img {
        width: 24px;
    }
}
.btn-top {
    position: fixed;
    display: block;
    z-index: 30;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}
.active{
    opacity: 1;
    visibility: visible;
}
@media print, screen and (max-width:1024px) {
    .btn-top {
        bottom: calc(175 / 750 * 100vw);
        right: calc(28 / 750 * 100vw);
        width: calc(62 / 750 * 100vw);
        height: calc(62 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    .btn-top {
        bottom: 90px;
        right: 20px;
        width: 60px;
        height: 60px;
    }
}
footer {
    text-align: center;
    color: #ffffff;
    background-color: #483640;
}
@media print, screen and (max-width:1024px) {
    footer {
        padding-top: calc(60 / 750 * 100vw);
        padding-bottom: calc(30 / 750 * 100vw);
    }
}
@media print, screen and (min-width:1025px) {
    footer {
        padding-top: 55px;
        padding-bottom: 15px;
    }
}
footer a.f-link {
    margin: auto;
    display: block;
    background-color: #ffffff;
    border: 1px solid #000000;
}
@media print, screen and (max-width:1024px) {
    footer p {
        font-size: 1.25rem;
    }
    footer a.f-link {
        margin-top: calc(10 / 750 * 100vw);
        margin-bottom: calc(56 / 750 * 100vw);
        width: calc(500 / 750 * 100vw);
        height: calc(78 / 750 * 100vw);
        padding: calc(15 / 750 * 100vw) calc(75 / 750 * 100vw);
    }
    footer small {
        font-size: 1.2rem;
        line-height: 1.2;
    }
}
@media print, screen and (min-width:1025px) {
    footer a.f-link {
        margin-top: 10px;
        margin-bottom: 55px;
        width: 300px;
        height: 47px;
        padding: 10px 45px;
    }
    footer small {
        font-size: 1.2rem;
    }
}