/* base */
img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'),
    url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2)
      format('woff2');
  font-display: swap;
}

/*header*/
.about_corona a{
  display: block;
  color: #fff;
  text-align: center;
  background-color: rgba(248,30,131,0.8);
  text-decoration: none;
  font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
  font-size: 16px;
}

.gnavi02>ul>li.ls_it_01>a{color:#FAEC21;}

#slide{padding-top: 60px!important;}

#grande .pc_navi>ul>li:first-child{width: 260px;}
#grande .pc_navi>ul>li:nth-of-type(2){width: 120px;}
#grande .pc_navi>ul>li:nth-of-type(n+3){width: 105px;}
#grande .pc_navi>ul>li:nth-of-type(3){padding: 0 20px;}
#grande .pc_navi>ul>li:nth-of-type(4){width: 120px;}

#benoa_ginza .pc_navi>ul>li:first-child{width: 230px;}
#benoa_ginza .pc_navi>ul>li:nth-of-type(2){width: 120px;}
#benoa_ginza .pc_navi>ul>li:nth-of-type(n+3){width: 105px;}
#benoa_ginza .pc_navi>ul>li:nth-of-type(3){width:140px;padding: 0 10px;}
#benoa_ginza .pc_navi>ul>li:nth-of-type(4){width: 120px;}

#batur_tokyo .pc_navi>ul>li:first-child{width: 230px;}
#batur_tokyo .pc_navi>ul>li:nth-of-type(2){width: 120px;}
#batur_tokyo .pc_navi>ul>li:nth-of-type(n+3){width: 105px;}
#batur_tokyo .pc_navi>ul>li:nth-of-type(3){width:140px;padding: 0 10px;}
#batur_tokyo .pc_navi>ul>li:nth-of-type(4){width: 120px;}

#parms_akihabara .pc_navi>ul>li:first-child{width: 250px;}
#parms_akihabara .pc_navi>ul>li:nth-of-type(2){width: 120px;}
#parms_akihabara .pc_navi>ul>li:nth-of-type(n+3){width: 105px;}
#parms_akihabara .pc_navi>ul>li:nth-of-type(3){width:140px;padding: 0 10px;}
#parms_akihabara .pc_navi>ul>li:nth-of-type(4){width: 120px;}

#grace-bali_ikebukuro .pc_navi>ul>li:first-child{width: 290px;}
#grace-bali_ikebukuro .pc_navi>ul>li:nth-of-type(2){width: 120px;}
#grace-bali_ikebukuro .pc_navi>ul>li:nth-of-type(n+3){width: 105px;}
#grace-bali_ikebukuro .pc_navi>ul>li:nth-of-type(3){width:140px;}
#grace-bali_ikebukuro .pc_navi>ul>li:nth-of-type(4){width: 120px;}

#grace-bali_yokohama .pc_navi>ul>li:first-child{width: 295px;}
#grace-bali_yokohama .pc_navi>ul>li:nth-of-type(2){width: 120px;}
#grace-bali_yokohama .pc_navi>ul>li:nth-of-type(n+3){width: 100px;}
#grace-bali_yokohama .pc_navi>ul>li:nth-of-type(3){width:140px;}
#grace-bali_yokohama .pc_navi>ul>li:nth-of-type(4){width: 120px;}

#grace-bali_shinjuku .pc_navi>ul>li:first-child{width: 280px;}
#grace-bali_shinjuku .pc_navi>ul>li:nth-of-type(2){width: 120px;}
#grace-bali_shinjuku .pc_navi>ul>li:nth-of-type(n+3){width: 100px;}
#grace-bali_shinjuku .pc_navi>ul>li:nth-of-type(3){width:140px;}
#grace-bali_shinjuku .pc_navi>ul>li:nth-of-type(4){width: 120px;}
/*end header*/


/*fix menu*/

.gnavi02 .lv2 .title{
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	text-align: center;
	display: block;
	padding: 38px 30px;
	line-height: 1em;
}
.gnavi02 .lv2 .title:hover{cursor: pointer;color: #FAEC21;}
.gnavi02 .lv2 .subInner{position: absolute;width: 100vw;margin: 0 auto;background: #F20071;left: 0;top: 90px;z-index: 14;display: none;}
/*.gnavi02 .lv2:hover .subInner {visibility: visible; opacity: 1;display: block;}*/
.gnavi02 .lv2 .subInner ul li:hover a{color: #FAEC21;}
.gnavi02 .lv2 .subInner ul li:hover{background: rgba(255,255,255,0.2);}
.gnavi02 .lv2 .subInner ul{width: 1000px;margin: 0 auto;display: flex; flex-wrap: wrap;}
.gnavi02 .lv2 .subInner ul li{width: calc(100% / 4);color: #fff;display: block;}
.gnavi02 .lv2 .subInner ul li a{text-decoration: none;color: #fff;font-size: 14px;display: block;padding: 30px 0;box-sizing: border-box;line-height: 1em;text-align: center;}
@media only screen and (max-width: 750px) {
  .sub_menu02_sp li > a::before {margin-right: 5px;}
  .sub_menu02_sp li:not(:last-child) > a::before {content: "├";}
  .sub_menu02_sp li:last-child > a::before {content: "└";}
}
/*end fix menu*/
.sub_menu_ttl {
  width: 100%;
  color: #fff;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.sub_menu_ttl::after {
  content: "▼";
  position: absolute;
  font-size: 12px;
  top: 1px;
  left: 72px;
}
.sub_menu_ttl.active::after {
  content: "▲";
}

/*===========paselive_service=============*/
.paselive_service{background: #000;padding: 60px 0 50px;}
.paselive_ttl02_sub01{font-size: 19px;text-align: center;color: #fff;font-weight: bold;margin-bottom: 40px;}
/*===========end paselive_service=============*/
.paselive_service_it{margin-bottom: 20px;
	background: -moz-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 1deg, color-stop(0, 39B34A), color-stop(35%, 0071BA), color-stop(70%, 662D8F), color-stop(100%, EB1E79));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
	background: linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* W3C */
	border-radius: 5px;
}
.paselive_service_ttl_bx{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 19px 0;
	position: relative;
	cursor: pointer;
}
.paselive_service_ttl_bx:before{position: absolute;content: "\002B";font-size: 30px;color: #fff;top: 50%;transform: translateY(-50%);right: 48px;}
.paselive_service_ttl{font-size: 20px;font-weight: bold;color: #fff;line-height: 1em;}
.paselive_service_ico{margin-right: 32px;}
.paselive_service{position: relative;overflow: hidden;}
.paselive_service:before{position: absolute;content: "";background: #1a1a1a;width: 150%;height: 550px;top: 289px;left: 50%;transform:translateX(-50%) skewY(-11deg);}

/*paselive_service_ct*/
.paselive_service_ct{position: relative;z-index: 9;}
.paselive_service_des_ct{padding: 0 80px 40px 80px;color: #fff;}
.list_service_img{display: flex;margin-bottom: 30px;}
.list_service_img li{width: calc(100% / 2);margin-right: 40px;}
.list_service_img li:last-child{margin-right: 0;}
.paselive_service_des_txt{font-size: 14px;font-weight: 500;text-align: center;line-height: 2.1em;margin-bottom: 20px;}
.paselive_btn_service{width: 250px;margin: 0 auto;border: 1px solid #F81E83;position: relative;z-index: 16;}
.paselive_btn_service a{
	text-align: center;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #F81E83;
padding: 12px 0;
display: block;
}
.paselive_btn_service_sub01{}
.paselive_btn_service_sub02{
	padding-left: 15px;
line-height: 1em;
position: relative;
}
.paselive_btn_service_sub02:before{
position: absolute;
content: "\f1c1";
top: 50%;
left: 15px;
transform: translateY(-50%);
font-family: "Font Awesome 5 Free";
color: #F81E83;
font-size: 30px;
}

.paselive_service_ttl_bx.rotate{border-radius: 0;}

.paselive_service_ttl_bx.rotate:before{
	content: "\2212";
}

/*==============paselive_topics============*/
.paselive_topic {
  background: #000 url(/images/paselive/paselive_topics_bg.webp) no-repeat;
}
.paselive_topic_bx {
  background: rgba(255,255,255,0.1);
  padding: 80px 100px 40px 100px;
}
.paselive_topic_ttl {
  font-size: 36px;
  font-weight: bold;
  color: #F81E83;
  margin-bottom: 50px;
  padding-left: 40px;
  position: relative;
  line-height: 1em;
}
.paselive_topic_ttl:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 34px;
  background: #F81E83;
  left: 0;
  top: 50%;
  transform: translateY(-50%) skewX(-15deg);
}
.paselive_topic_news {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}
.list_news {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  border-bottom: 2px dashed #F81E83;
  padding-bottom: 16px;
}
.paselive_topic_news a {
  width: 100%;
  height: 100%;
  margin-right: 10px;
  font-size: 14px;
  color: #F81E83;
  text-decoration: none;
}
.list_news .list_news_date {
  margin-right: 20px;
}
.list_news .list_news_txt {
  width: calc(100% - 195px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.list_news_cap{
  color: #fff;
  text-decoration: underline;
  position: relative;
}
.list_news_cap::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  top: 0;
  bottom:0;
  right: 3px;
  margin: auto;
}
.list_news a:hover {
  cursor: pointer;
  opacity: 0.8;
}
.paselive_btn_topic{width: 250px;margin: 0 0 0 auto;border: 1px solid #F81E83;position: relative;z-index: 5;}
.paselive_btn_topic:hover a{background: #F81E83;color:#fff;}
.paselive_btn_topic:hover .paselive_btn04_sub04::before{color: #fff;}
.paselive_btn_topic a {text-align: center;font-size: 12px;text-decoration: none;color: #F81E83;padding: 12px 0;display: block;transition: all 0.3s ease;}
.paselive_btn_topic_sub04 {padding-left: 30px;line-height: 1em;position: relative;}
.paselive_btn_topic_sub04:before{position: absolute;content: "\f054";top: 50%;left: 30px;transform: translateY(-50%);font-family: "Font Awesome 5 Free";color: #F81E83;font-weight: bold;font-size: 16px;}
@media only screen and (max-width: 750px){
  .paselive_btn_topic{
    margin: 10px auto;
  }
.list_news_cap{
    text-align: right;
    padding-right:1px;
  }
  .list_news_cap::after{
        right: 5px;
  }
}
/*==============video============*/

#video {
  padding: 15px 0 60px;
  background-color: #000;
}
.video_ttl {
  margin-bottom: 108px;
}
.txt_ttl {
  position: relative;
  margin-bottom: 92px;
  font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.05em;
}
.txt_ttl:before {
  position: absolute;
  content: "";
  background: url(https://www.cocktail-do.xyz/images/paselive/common/bg_ttl.webp) no-repeat;
  background-size: 100%;
  width: 200px;
  height: 24px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
}
.video_bx {
  position: relative;
  height: 550px;
  margin-top: 10px;
  margin-bottom: 50px;
  background-color: #333;
  overflow: hidden;
}
.video_des {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.online_delivery_bnr{
  text-align: center;
  transition: all .3s;
}
.online_delivery_bnr a picture img {
  transition: all .3s;
}

.online_delivery_bnr a picture img:hover {
  opacity: 0.8;
  transform: translateY(2px);
}

@media only screen and (max-width: 750px){
  #video{
    position: relative;
    padding: 0 0 50px;
}
  #video::before {
    content: '';
    position: absolute;
    top: -35px;
    right: 3%;
    width: 21vw;
    height: 20vw;
    background: url(https://www.cocktail-do.xyz/images/paselive/common/ico02.webp) no-repeat;
    background-size: cover;
}
#video .inner {
  padding: 0;
}
.video_ttl {
  margin-bottom: 80px;
}
.txt_ttl {
  margin-bottom: 50px;
  font-size: 20px;
}
.txt_ttl::before {
  width: 150px;
  height: 18px;
  background-size: 150px 18px;
  bottom: -30px;
}
.video_bx {
  height: 57vw;
}
.video_bx iframe {
  height: 218px;
}
.video_des {
  font-size: 13px;
}
.online_delivery_bnr{
  padding: 0 20px;
}
}

/*==============end video============*/

/*==============paselive_eventflow============*/
.paselive_eventflow{background: #000;padding: 50px 0 80px 0;}
.paselive_eventflow_ls{display: flex;color: #fff;padding: 0 12px;}
.paselive_eventflow_it{width: calc((100% - 96px) / 9);margin-right: 12px;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 10px;}
.paselive_eventflow_it:last-child{margin-right: 0;}
.paselive_eventflow_it dt{border-bottom: 2px dotted #fff;width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.paselive_eventflow_it dd{display: flex;justify-content: center;align-items: center;text-align: center;font-size: 15px;font-weight: bold;line-height: 1.2em;}
.paselive_eventflow_step{font-size: 14px;font-weight: bold;padding-right: 10px;}
.paselive_eventflow_number{font-size: 30px;font-weight: bold;}
.paselive_eventflow_bg{margin-bottom: 60px;}
.paselive_btn02{width: 390px;margin: 10px auto auto;border: 1px solid #FBED21;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	transition-property: color;
	transition-duration: 0.5s;
}

.paselive_btn02:before{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(251,237,33,0.9);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.paselive_btn02:hover{color: #fff;}
.paselive_btn02:hover a{color: #fff;}
.paselive_btn02:hover:before{
	-webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.paselive_btn02:hover .paselive_btn02_sub02:before{color:#fff;}
.paselive_btn02:hover .paselive_btn02_sub03:before{color:#fff;}

.paselive_btn02 a {text-align: center;font-size: 16px;font-weight: bold;text-decoration: none;color: #FBED21;padding: 18px 0;display: block;}
.paselive_btn02_sub02 {padding-left: 30px;line-height: 1em;position: relative;}
.paselive_btn02_sub02:before {position: absolute;content: "\f105";font-size: 20px;top: 50%;left: 30px;transform: translateY(-50%);font-family: "Font Awesome 5 Free";color: #FBED21;}
/*==============end_paselive_eventflow============*/
/*===========paselive_event=============*/
.paselive_ttl02{text-align: center;color: #fff;font-size: 30px;font-weight: bold;position: relative;margin-bottom: 10px;line-height: 1em;}
.paselive_ttl02_box {
	margin-bottom:90px;
}
.paselive_ttl02_box:before{position: absolute;content: "";background: url("/images/paselive/paselive_bg_ttl.webp") no-repeat;width: 200px;height: 24px;left: 50%;transform: translateX(-50%);top: 150px;}
.paselive_event{background: #000;padding: 70px 0 60px 0;}
.paselive_event_txt{color: #fff;}
.paselive_event_ct{display: flex;flex-wrap: wrap;}
/*==============paselive_price============*/
.txt-indent{padding-left: 1em;text-indent: 1em;}
.price_bx_date .price_date {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 75px;
    background: url(/images/paselive/common/price_bx_date_bg.webp) no-repeat;
    background-size: 100% 100%;
    font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FBED21;
    line-height: 1.3;
}
@media only screen and (max-width: 750px) {
  .price_bx_date .price_date {
    width: 110px;
    height: 68px;
    padding-right: 10px;
    background: url(/images/paselive/common/price_bx_date_bg_sp.webp) no-repeat;
    background-size: 100% 100%;
    font-size: 14px;
  }
}
/*==============end_paselive_price============*/
/*===========accordian=============*/
.accordian_ls{margin-top: 30px;}
.accordian_it {border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.accordian_bx {position: relative;padding: 16px 0;cursor: pointer;}
.accordian_bx::before {position: absolute;content: "\002B";font-size: 30px;color: #fff;top: 50%;transform: translateY(-50%);right: 35px;}
.accordian_it.open .accordian_bx::before{display: none;}
.accordian_it.open .accordian_bx{cursor: default;}
.accordian_ttl_bx {font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;font-size: 16px;font-weight: bold;color: #fff;}
.accordian_dt{padding:10px 50px 20px;}
.accordian_btn_close {display: flex; justify-content: center; align-items: center; margin: 50px auto; width: 320px; height: 50px; background-color: #707070; color: #1A1A1A; font-size: 16px; font-weight: bold; outline: none; border: none; transition: all 0.3s ease; cursor: pointer;}
.accordian_btn_close .fas {margin-right: 40px; font-size: 25px;}
.accordian_bx.rotate:before {content: "\2212";}
.accordian_des_txt{color: #fff;font-size: 14px; font-weight: bold; text-align: left; line-height: 2.1em;}
@media only screen and (max-width: 750px) {
  .accordian_btn_close {width: 270px; height: 40px; margin: 30px auto; font-size: 14px; color: #fff;}
  .accordian_btn_close .fas {margin-right: 15px; font-size: 18px; color: #fff;}
  .accordian_dt {padding: 10px 0px 20px;}
}
/*==============end_accordian============*/
@media only screen and (max-width: 750px) {
.paselive_service_ttl_bx{padding: 15px 5%;box-sizing: border-box;}
.paselive_service_ico{width: 10%;margin-right: 5%;}
.paselive_ttl02_sub01{font-size: 12px;}
.paselive_service_ct{width: 80%;margin: 0 auto;}
.paselive_service_ico img{width: 40px;}
.paselive_service_ttl{font-size: 16px;line-height: 1.6em;width: calc(100% - 15%);}
.paselive_service_ttl_bx::before{right: 5%;}
.paselive_service::before{content: none;}
.paselive_service_des_ct{padding: 0 10% 20px 10%;}
.paselive_service_des_txt{text-align: left;margin-bottom: 0;font-weight: bold;}
.list_service_img{display: inherit;margin-right: 0;}
.list_service_img li img{width: 100%;}
.list_service_img li{margin-right: 0; width: calc(80vw - (80vw * 0.1)); }
.paselive_service{padding: 60px 0;}
.paselive_service:before{content: none;}
.paselive_service:after{position: absolute;content: "";background: url("/images/paselive/flow_event_ico_left.webp") no-repeat;width: 27vw;height: 25vw;background-size: 27vw 25vw;left: 12%;bottom: -15px;}
.paselive_service_des_txt{margin-bottom: 20px!important;}
	/*=================*/
.paselive_topic {
  background-size: cover;
}
.paselive_topic .inner {
  padding: 0 10%;
  width: 80%;
  margin: 0 auto;
}
.paselive_topic_bx {
  padding: 40px 10%;
  margin: 0 auto;
  box-sizing: border-box;
}
.paselive_topic_ttl {
  font-size: 25px;
  padding-left: 20px;
  margin-bottom: 20px;
}
.paselive_topic_ttl:before {
  height: 25px;
}
.paselive_topic_news {
  margin-bottom: 18px;
}
.list_news {
  border-bottom: 1px dashed #F81E83;
  display: block;
}
.paselive_topic_news a {
  margin-bottom: 25px;
}
.list_news .list_news_date {
  width: 100%;
  margin-right: 0;
  margin-bottom: 15px;
}
.list_news .list_news_txt {
  width: 100%;
  white-space: inherit;
  overflow: auto;
  text-overflow: inherit;
}
.list_news:last-child{
  margin-bottom: 0;
}
.paselive_ttl02{font-size: 20px;padding-bottom: 20px;}
.paselive_ttl02_box::before{width: 150px;height: 18px;background-size: 150px 18px;}
.paselive_ttl02_sub01{font-size: 12px;}
.paselive_eventflow .inner{width: 100%;margin: 0 auto;}
.paselive_eventflow_bg{display: none;}
.paselive_eventflow_ls{display: block;padding: 0;position: relative;max-width: 280px;margin: 0 auto;}
.paselive_eventflow_ls:before{position: absolute;content: "";background: url("/images/paselive/paselive_event_flow_sp_img.webp") no-repeat;width: 22px;height: 100%;top: 0;left: 100px;}
.paselive_eventflow_bx{width: 65%;margin: 0 auto;}
.paselive_eventflow_it{width: 100%;margin-right: 0;display: flex;justify-content: center;align-items: center;flex-direction: row;margin-bottom: 14px;}
.paselive_eventflow_it dt{border-bottom: none;width:70px;margin-right: 74px;margin-bottom: 0;display: block;}
.paselive_eventflow_it dd{width: calc(100% - 144px);margin-bottom: 0;display: block;text-align: left;}
.paselive_btn02{width: 100%;margin: 30px auto 0 auto;max-width: 290px;}
.paselive_eventflow_step{font-size: 16px;}
.paselive_eventflow{position: relative;padding: 60px 0;}
.paselive_eventflow:before{position: absolute;content: "";background: url("/images/paselive/flow_event_ico_left.webp") no-repeat;width: 27vw;height: 25vw;background-size: 27vw 25vw;right: 12%;bottom: -15px;}
}

@media only screen and (max-width: 414px) {
.paselive_service_ct{width: 100%;margin: 0 auto;padding: 0 5%;box-sizing: border-box;}
.paselive_service_it{margin-bottom: 5%;}
.paselive_service_ico img{width: 100%;}
.paselive_service_ttl{font-size: 14px;line-height: 1.4em;}
.paselive_topic .inner {
  padding: 0;
  width: 90%;
  margin: 0 auto;
}
.paselive_topic_bx {
  padding: 40px 5%;
  margin: 0 auto;
  box-sizing: border-box;
}
.paselive_eventflow_ls{max-width: 100%;}
.paselive_eventflow_bx{width: 80%;}
}
.footer_list_nav .list_nav li{
  position: relative;
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
}
.footer_list_nav .list_nav li:before{
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #FAEC21;
  height: 1px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  }
.footer_list_nav .list_nav li:hover:before {
  left: 0;
}
.footer_list_nav .list_nav a:hover {
  color: #FAEC21;
}
.shop_it {
  transition: all .3s ease;
}
.shop_it:hover {
  transform:scale(1.05,1.05);
}

/* ================ RESULT ================ */
#result{
	background: #000;
	padding: 52px 0 50px;
}
.result_ttl {
	font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
	text-align: center;
	color: #FBED21;
	font-size: 32px;
	font-weight: bold;
	position: relative;
	margin-bottom: 60px;
}
.result_ttl:before {
	position: absolute;
	content: "";
	background: url("/images/paselive/common/result_ttl_bg.webp") no-repeat;
	background-size: 100% auto;
	width: 381px;
	height: 106px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.result_bx {
	display: flex;
  flex-wrap: wrap;
	margin-bottom: 52px;
}
.result_it {
	width: calc((100% - 100px) / 3);
	margin-right: 50px;
	color: #fff;
}
.result_it:last-child {
	margin-right: 0;
}
.result_it:nth-child(2) {
	margin-top: 50px;
}
.result_it:nth-child(3) {
	margin-right: 0;
}
.result_thumb {
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
}
.result_img {
	line-height: 0;
	font-size: 0;
}
.result_it:hover .result_img img {
    opacity: 0.7;
}
.result_img img {
    transition: all 0.3s ease;
}
.result_note {
	font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	font-size: 14px;
	background: #F81E83;
	line-height: 1em;
	padding: 8px 15px;
}
.result_txt_bx {
	background: #1A1A1A;
	padding: 25px 40px;
}
.result_txt {
	font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}
.result_btn {
	width: 280px;
	margin: 0 0 0 auto;
}
.result_btn .btn {
	padding: 5px 10px;
	font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
}
.paselive_feature_it_txt .paselive_btn04{width: 350px;margin-top: 10px;}

.paselive_btn04 {
  width: 250px;
  margin: 0 0 0 auto;
  border: 1px solid #F81E83;
  position: relative;
  z-index: 16;
}
.paselive_btn04 a {
  text-align: center;
  font-size: 12px;
  text-decoration: none;
  color: #F81E83;
  padding: 12px 0;
  display: block;
  transition: all 0.3s ease;
}
.paselive_btn04_sub04 {
  padding-left: 30px;
  line-height: 1em;
  position: relative;
}
.paselive_btn04_sub04:before {
  position: absolute;
  content: "\f054";
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  font-family: "Font Awesome 5 Free";
  color: #F81E83;
  font-weight: bold;
  font-size: 16px;
}

.slider_next, .slider_prev {
  font-size: 40px;
  color: #F81E83;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 2;
}
.slider_next:hover,
.slider_prev:hover {
    color: #F91E84;
}
.slider_next {
  right: -20px;
}
.slider_prev {
  left: -20px;
}
@media only screen and (max-width: 750px) {
#result{
    padding: 50px 0;
}
.result_ttl {
    font-size: 26px;
}
.result_ttl:before {
    width: 50.8vw;
    height: 14vw;
    background-size: cover;
}
.result_bx {
    display: block;
    padding: 0 5%;
    box-sizing: border-box;
}
.result_bx.slick-initialized.slick-slider {
    position: relative;
}
.result_it {
    width: 100%;
    margin-right: 0;
}
.result_it:nth-child(2) {
    margin-top: 0;
}
.result_img {
    height: auto;
}
.result_txt_bx {
    padding: 5%;
    box-sizing: border-box;
}
.result_txt {
    font-size: 15px;
}
.result_bx .slider_next {
    left: calc(50% + 43vw);
}
.result_bx .slider_prev {
    left: unset;
    right: calc(50% + 43vw);
}
.result_btn{
  margin: 8px auto;
}
.result_btn a{
  padding: 10px !important;
}

.popup_content {
    height: 100%;
}
.popup_content_ct {
    width: 100vw;
    padding: 40px;
    box-sizing: border-box;
    height: 100vh;
    position: relative;
    overflow: auto;
}
.popup_content_ttl_sub03 {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 15px;
}
.popup_content_ttl_sub02 {
    font-size: 18px;
}
.popup_content_ct_img_l {
    width: calc(100vw - 120px);
    margin: 0 auto;
}
.popup_content_ct_img_r_ls.slick-initialized.slick-slider {
    position: relative;
}
.popup_content_ct_img_r_ls li:nth-child(n) {
    width: calc(100vw - 80px);
    margin: 0;
}
.popup_content_ct_txt_des {
    margin: 25px 0;
}
.popup_content_ct_ls_txt {
    padding-left: 10px;
}
.popup_close.sp {
    position: relative;
    width: 50vw;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 5px 0;
    display: block;
    right: 0;
    top: 0;
    margin-top: 30px;
    color: #fff;
    margin-bottom:50px;
}
.popup_close.sp:after {
    position: absolute;
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    line-height: 1em;
    left: 16vw;
}
#result .popup_close img {
    width: 24px;
    height: 24px;
}
.popup_container .slider_next {
    right: -32px;
}
.popup_container .slider_prev {
    left: -32px;
}
.paselive_btn04 {
  margin: 0 auto;
  z-index: 10;
}
.slider_next, .slider_prev {
  font-size: 30px;
}
/*ループさせないときの矢印*/
.slider_prev.slick-disabled,
.slider_next.slick-disabled {
    opacity: .3;
}

.slider_prev.slick-disabled:before,
.slider_next.slick-disabled:before {
    opacity: 1;
}
}
@media screen and (max-width: 475px) {

.result_bx .slider_next {
  left: unset;
  right: -8px;
}
.result_bx .slider_prev {
  right: unset;
  left: -8px;
}
}
/*popup_content_ct*/
.popup_content_ct{width: 750px;
  background: -moz-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* FF3.6+ */
  background: -webkit-gradient(linear, 1deg, color-stop(0, 39B34A), color-stop(35%, 0071BA), color-stop(70%, 662D8F), color-stop(100%, EB1E79));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* Opera 11.10+ */
  background: -ms-linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
  background: linear-gradient(90deg,rgba(57,179,74,0.4) 0, rgba(0,113,186,0.4) 35%, rgba(102,45,143,0.4) 70%, rgba(235,30,121,0.4) 100%);/* W3C */
    padding: 45px 80px 60px 80px;
    box-sizing: border-box;

  }
  .popup_content_ttl{color: #fff;position: relative;}
  .popup_content_ttl_sub01{font-size: 12px;font-weight: bold;text-align: center;margin-bottom: 10px;}
  .popup_content_ttl_sub02{font-size: 24px;font-weight: bold;text-align: center;position: relative;margin-bottom: 60px;}
  .popup_content_ttl_sub02:before{
    position: absolute;
  content: "";
  background: url("/images/paselive/line_popup_img.webp") no-repeat;
  width: 161px;
  height: 19px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;

  }
  .popup_content_ttl_sub03{font-size: 11px;background: #F81E83;padding: 4px 10px;display: inline-block;position: absolute;left: 20px;top: 5px;}
  .popup_content_ct_img{}
  .popup_content_ct_img_r_ls:after{content: "";display: block;clear: both;}
  .popup_content_ct_img_r_ls li{float: left;font-size: 0;line-height: 0;}
  .popup_content_ct_img_r_ls li:nth-child(1){width: 390px;margin-right: 10px;}
  .popup_content_ct_img_r_ls li:nth-child(1) img{width: 100%;}
  .popup_content_ct_img_l{width: 100%;}
  .popup_content_ct_img_r_ls li:nth-child(2), .popup_content_ct_img_r_ls li:nth-child(3){width: calc(100% - 400px);}
  .popup_content_ct_img_r_ls li:nth-child(2){margin-bottom: 6px;}
  .popup_content_ct_img_r_ls li:nth-child(3){margin-bottom: 0;}
  .popup_content_ct_img_r_ls img{max-width: 100%;width: 100%;font-size: 0;line-height: 0;}
  .popup_content_ct_img_r_ls{margin-bottom: 15px;}
  /*
  .popup_content_ct_img .popup_content_ct_img_l{width: 390px;margin-right: 10px;}
  .popup_content_ct_img .popup_content_ct_img_l img{max-width: 100%;max-height: 260px;}
  .popup_content_ct_img_r_ls li{margin-bottom: 10px;font-size: 0;}
  .popup_content_ct_img_r_ls li:last-child{margin-bottom: 0;}
  .popup_content_ct_img_r_ls img{max-width: 100%;max-height: 125px;}
  */
  .popup_content_ct_txt_des{font-size: 14px;color: #fff;font-family: 'Noto Sans', sans-serif;font-weight: bold;line-height: 1.9em;margin-bottom: 50px;}
  .popup_content_ct_ls_txt{font-size: 12px;color:#FAEC21;padding-left: 30px;border-left: 2px solid #FAEC21;line-height: 1.6em;}
  .popup_content{position: relative;}
  .popup_close{position: absolute;top: 20px;right: 20px;cursor: pointer;}
  /* Popup */
  .popupOverlay {
    background-color: rgba(0,0,0,0.8);
    display: none;
    position: fixed;
    z-index: 50;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .popup_content {
    position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);
    z-index: 51;
    display: none;
  }
  .popup_btn {
    cursor: pointer;
  }
  .popup_btn:hover{opacity: 0.8;}
  .popup_close:hover{opacity: 0.8;}
	.popup_content_ct_img_r_ls.slick-initialized.slick-slider{position: relative;}

  @media only screen and (max-width: 750px) {
  .popup_content_ct{width: 100vw;padding: 40px;box-sizing: border-box;height: 100vh;position: relative;overflow: auto;}
	.popup_content_ct_img_l{width: calc(100vw - 120px);margin: 0 auto;}
	.popup_content_ct_img_r_ls li:nth-child(n){width: calc(100vw - 80px);margin: 0;}
	.popup_content{height: 100%;}

	.popup_content_ct_img_r_ls .slick-slide img{width: 100%;}
	.popup_content_ttl_sub03{position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 15px;}
	.popup_content_ttl_sub02{font-size: 18px;}
	.popup_close img{width: 24px;height: 24px;}
	.popup_content_ct_ls_txt{padding-left: 10px;}
	.popup_close.sp{position: relative;width: 50vw;margin: 0 auto;text-align: center;font-size: 14px;border: 1px solid #fff;box-sizing: border-box;padding: 5px 0;display: block;right: 0;top: 0;margin-top: 30px;color: #fff;margin-bottom:50px;}
	.popup_close.sp:after{position: absolute;content: "\f00d";font-family: "Font Awesome 5 Free";font-size: 14px;color: #fff;top: 50%;transform: translateY(-50%);font-weight: bold;line-height: 1em;left: 16vw;}
	.popup_content_ct_txt_des{margin: 25px 0;}
  }

/* 実績ページ */
#performance .result_it {
  margin-bottom: 50px;
}

/* contact */
.contact_n_02{
  position: relative;
  display: block;
  margin-bottom: 15px;
  font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff;
  line-height: 0.8;
}
@media only screen and (max-width: 750px){
.contact_btn_phone a.contact_a{
  padding-left: 0;
  text-align: center;
}
.contact_n_02 {
    margin-bottom: 10px;
    font-size: 36px;
}
}

.facility_bx::before{
  display: none;
}

.feature {
  background: #000;
  padding: 80px 100px 40px 100px;
  margin-bottom: 60px;
}

.feature_ttl {
  position: relative;
  margin-bottom: 50px;
  font-family: 'Heisei Kaku Gothic Std', 'Noto Sans', sans-serif;
  text-align: center;
  color: #FBED21;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.feature_ttl::before {
  position: absolute;
  content: "";
  background: url(/images/paselive/paselive_feature_bg.webp) no-repeat;
  background-size: 100% auto;
  width: 400px;
  height: 94px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.feature_content {
  display: flex;
}

.feature_box {
  width: 30%;
  border-right: 1px dashed #FFF;
  margin-right: 16px;
  padding: 20px 16px;
}

.feature_box:last-child {
  border-right: none;
  margin-right: 0;
}

.feature_box h3 {
  color: #F91E84;
  font-weight: bold;
  margin-bottom: 6px;
  line-height: 1.8;
  font-size: 15px;
}

.feature_box p {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}

#price .facility_btn,
#price .grace-bali_facility_btn{
  margin-bottom: 30px;
}

@media only screen and (max-width: 750px){
  .feature {
    padding: 40px 5% 0;
  }
  .feature_ttl {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .feature_ttl::before {
    top: 50%;
    width: 58vw;
    height: 14vw;
    background-size: cover;
  }
  .feature_content {
    display: block;
  }
  .feature_box {
    width: 100%;
    border-right: none;
    border-bottom: 1px dashed #FFF;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .feature_box:last-child {
    border-bottom: none;
  }
}