@charset "UTF-8";
/*
* style.css
* description : NEW RADIPASS PLATINUM LP.
*
* Created  2022/02/21.
* Last Update 2022/03/01.
*/




/* INDEX */

/*[[[ Header ]]]*/
/*----- [[[ Main Header ]]] -----*/
/*----- [[[ Page Title Logo and Station Logos ]]] -----*/
/*----- [[[ Main Title and Back Ground Images ]]] -----*/


/*[[[ Content ]]]*/
/*----- [[[ RADIPASS Member Service ]]] -----*/
/*----- [[[ RADIPASS Entry Flow ]]] -----*/
/*----- [[[ RADIPASS Entry Frame ]]] -----*/


/*[[[ Footer ]]]*/
/*----- [[[ Main Footer ]]] -----*/
/*----- [[[ Footer Station Logos ]]] -----*/
/*----- [[[ Social Link Buttons ]]] -----*/
/*----- [[[ Page Top Button ]]] -----*/


/*[[[ Others ]]] */
/*----- [[[ RADIPASS Frame Alert ]]] -----*/










/*
[[[ Header ]]]
*/

/*----- [[[ Main Header ]]] -----*/
#main-header {
 position: relative;
}





/*----- [[[ Page Title Logo and Station Logos ]]] -----*/
#main-header .header-st-logos {
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
#main-header .header-st-logos .fs-logos-rpp {
 max-width: 265px;
 margin-right: auto;
}
#main-header .header-st-logos .fs-logos-fm802 {
 max-width: 162px;
}
#main-header .header-st-logos .fs-logos-fmcocolo {
 max-width: 120px;
}
#main-header .header-st-logos li:nth-child(2) {
 margin-right: 60px;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
 #main-header .header-st-logos .fs-logos-rpp {
  max-width: 218px;
 }
 #main-header .header-st-logos .fs-logos-fm802 {
  max-width: 142px;
 }
 #main-header .header-st-logos .fs-logos-fmcocolo {
  max-width: 80px;
 }
 #main-header .header-st-logos li:nth-child(2) {
  margin-right: 60px;
 }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
 #main-header .header-st-logos .fs-logos-rpp {
  max-width: 182px;
 }
 #main-header .header-st-logos .fs-logos-fm802 {
  max-width: 132px;
 }
 #main-header .header-st-logos .fs-logos-fmcocolo {
  max-width: 80px;
 }
 #main-header .header-st-logos li:nth-child(2) {
  margin-right: 42px;
 }

}

@media screen and (max-width: 767px) and (min-width: 576px) {
 #main-header .header-st-logos .fs-logos-rpp {
  max-width: 162px;
 }
 #main-header .header-st-logos .fs-logos-fm802 {
  max-width: 92px;
 }
 #main-header .header-st-logos .fs-logos-fmcocolo {
  max-width: 82px;
 }
 #main-header .header-st-logos li:nth-child(2) {
  margin-right: 32px;
 }

} /* @media screen and (max-width: 767px) end */


@media screen and (max-width: 575px) {
 #main-header .header-st-logos .fs-logos-rpp {
  max-width: 138px;
 }
 #main-header .header-st-logos .fs-logos-fm802 {
  max-width: 78px;
 }
 #main-header .header-st-logos .fs-logos-fmcocolo {
  max-width: 70px;
 }
 #main-header .header-st-logos li:nth-child(2) {
  margin-right: 22px;
 }

}


/*----- [[[ Main Title and Back Ground Images ]]] -----*/
#main-header .bg-main-images {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
}
#main-header .bg-main-images .bg-main-images-left {
 flex-basis: 100%;
 min-height: 50vw;
 flex-grow: 0;
 flex-shrink: 1;
}
#main-header .bg-main-images .bg-main-images-left.bgfm802 {
 background: url(../../images/bg_image_event_2024.jpg) no-repeat center center;
 background-size: contain;
 background-color: #18125c;
}

@media screen and (max-width: 767px) {
  #main-header .bg-main-images .bg-main-images-left {
    min-height: 110vw;
  }
 #main-header .bg-main-images .bg-main-images-left.bgfm802 {
  background: url(../../images/bg_image_event_2024_sp.jpg) no-repeat center;
  background-size: contain;
  background-color: #18125c;
 }
 /* #main-header .bg-main-images .bg-main-images-left.bgfmccl {
  background: url(../../images/bg_image_event_rc2023@2x.jpg) no-repeat center;
  background-size: cover;
 }
 #main-header .bg-main-images .bg-main-images-right {
  background: url(../../images/bg_image_event_mtwb2023@2x.jpg) no-repeat center;
  background-size: cover;
 } */

}



/*[[[[[ Header Title Mark ]]]]]*/
#main-header .bg-main-images .header-title-mark {
 position: absolute;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
 /* #main-header .bg-main-images .bg-main-images-left,
 #main-header .bg-main-images .bg-main-images-right {
  min-height: 540px;
 } */
 #main-header .bg-main-images .header-title-mark {
  max-width: 68%;
 }

}

@media screen and (max-width: 992px) and (min-width: 768px) {
 /* #main-header .bg-main-images .bg-main-images-left,
 #main-header .bg-main-images .bg-main-images-right {
  min-height: 480px;
 } */
 #main-header .bg-main-images .header-title-mark {
  max-width: 48%;
 }

}

@media screen and (max-width: 767px) and (min-width: 576px) {
 /* #main-header .bg-main-images .bg-main-images-left,
 #main-header .bg-main-images .bg-main-images-right {
  min-height: 400px;
 } */
 #main-header .bg-main-images .header-title-mark {
  max-width: 42%;
 }

}

@media screen and (max-width: 575px) {
 /* #main-header .bg-main-images .bg-main-images-left,
 #main-header .bg-main-images .bg-main-images-right {
  min-height: 340px;
 } */
 #main-header .bg-main-images .header-title-mark {
  max-width: 50%;
 }

}










/*
[[[ Content ]]]
*/

/*----- [[[ Lead Copy ]]] -----*/
@media screen and (max-width: 767px) and (min-width: 576px) {
 #rpp-leadcopy .rpp-lead-copy {
  font-size: 1.3125rem;
  line-height: 1.65;
 }

}

@media screen and (max-width: 575px) {
 #rpp-leadcopy .rpp-lead-copy {
  font-size: 1.21875rem;
  line-height: 1.65;
 }

}





/*----- [[[ RADIPASS Member Service ]]] -----*/

/*[[[[[ RADIPASS Service Title ]]]]]*/
@media screen and (max-width: 767px) {
 #rpp-member-service .rpp-member-service-title {
  font-size: 3.64583vw;
 }

}

@media screen and (max-width: 575px) {
 #rpp-member-service .rpp-member-service-title {
  font-size: 5.07246vw;
 }

}

/*[[[[[ RADIPASS Service Detail List ]]]]]*/
@media screen and (min-width: 992px) {
 #rpp-member-service .rpp-detail-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 #rpp-member-service .rpp-detail-list li {
  width: calc(50% - 15px);
  flex-basis: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  margin-right: 30px;
 }
 #rpp-member-service .rpp-detail-list li:nth-child(2n) {
  margin-right: 0;
 }
 #rpp-member-service .rpp-detail-list li > div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
 }

}

#rpp-member-service .rpp-detail-list li {
 margin-bottom: 1rem;
}
#rpp-member-service .rpp-detail-list li > div {
 background: rgb(0,53,157);
 background: linear-gradient(90deg, rgba(0,53,157,1) 0%, rgba(25,14,87,1) 100%);
 position: relative;
 width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
#rpp-member-service .rpp-detail-list li > div:before,
#rpp-member-service .rpp-detail-list li > div:after {
 content: "★";
 color:#fff;
 opacity: .5;
 position: absolute;
}
#rpp-member-service .rpp-detail-list li > div:before {
 left: 1rem;
}
#rpp-member-service .rpp-detail-list li > div:after {
 right: 1rem;
}


@media screen and (max-width: 575px) {
 #rpp-member-service .rpp-detail-list li > div:before,
 #rpp-member-service .rpp-detail-list li > div:after {
  font-size: .5rem;
 }
 #rpp-member-service .rpp-detail-list li > div:before {
  left: .7rem;
 }
 #rpp-member-service .rpp-detail-list li > div:after {
  right: .7rem;
 }
 #rpp-member-service .rpp-detail-list li [class*=h] {
  font-size: 4.10628vw;
 }

}


/*----- [[[ end limit ]]] -----*/

.end {
  background: gray!important;
}

.limit {
    background: white;
    color: #16125f;
    padding: 0.5rem;
    width: 290px;
    margin: 0 auto;
    margin-top: 1rem;
    font-size: medium;
    font-weight: bold;
}



/*----- [[[ RADIPASS Entry Flow ]]] -----*/

/*[[[[[ Flow List ]]]]]*/
#rpp-howto-entry .flow-list li:not(:last-child) {
 border-bottom: 1px solid #393733;
}


/*[[[[[ Flow Head ]]]]]*/
#rpp-howto-entry .flow-head {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
#rpp-howto-entry .flow-head dt {
 flex-basis: 62px;
 width: 62px;
 flex-grow: 0;
 flex-shrink: 0;
}
#rpp-howto-entry .flow-head dd {
 flex-basis: calc(100% - 62px);
 width: calc(100% - 62px);
 flex-grow: 0;
 flex-shrink: 1;
}

/*[[[ Flow Head Number ]]]*/
#rpp-howto-entry .flow-head-number {
 display: flex;
 justify-content: center;
 align-items: center;
 background: #393733;
 border-radius: 50%;
 width: 48px;
 height: 48px;
}
#rpp-howto-entry .flow-head-number span {
 font-size: 1.5rem;
 font-weight: 500;
 line-height: 1;
}

@media screen and (max-width: 767px) {
 #rpp-howto-entry .flow-head dt {
  flex-basis: 52px;
  width: 52px;
 }
 #rpp-howto-entry .flow-head dd {
  flex-basis: calc(100% - 52px);
  width: calc(100% - 52px);
 }
 #rpp-howto-entry .flow-head-number {
  width: 40px;
  height: 40px;
 }
 #rpp-howto-entry .flow-head-number span {
  font-size: 1.32rem;
 }

 #rpp-howto-entry .flow-head-lead {
  line-height: 1.65;
 }

 #rpp-howto-entry .rpp-alert-candy {
  font-size: 2.60416vw;
  line-height: 1.65;
  letter-spacing: 0.05rem;
  border-radius: 12px !important;
 }

}

@media screen and (max-width: 575px) {
 #rpp-howto-entry .rpp-alert-candy {
  font-size: 1rem;
 }

}





/*----- [[[ RADIPASS Entry Frame ]]] -----*/

/*[[[[[ Back Ground Gradetion ]]]]]*/
#rpp-entry.bg-rpp-grade {
 background: rgb(0,53,157);
 background: linear-gradient(180deg, rgba(0,53,157,1) 0%, rgba(25,14,87,1) 100%);
}



/*[[[[[ Head Title ]]]]]*/
@media screen and (min-width: 1200px) {
 #rpp-entry .rpp-entry-head-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
 }
 #rpp-entry .rpp-entry-head-title dt,
 #rpp-entry .rpp-entry-head-title dd {
  width: calc(50% - 20px);
  flex-basis: calc(50% - 20px);
  flex-grow: 0;
  flex-shrink: 1;
  margin-right: 40px;
 }
 #rpp-entry .rpp-entry-head-title dd {
  margin-right: 0;
 }

}

@media screen and (max-width: 1199px) and (min-width: 992px) {
 #rpp-entry .rpp-entry-head-title dt {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
 }

}


@media screen and (max-width: 991px) and (min-width: 768px) {
 #rpp-entry .rpp-entry-head-title dt {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
 }

}


@media screen and (max-width: 767px) and (min-width: 576px) {
 #rpp-entry .rpp-entry-head-title dt {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
 }

}


@media screen and (max-width: 575px) {
 #rpp-entry .rpp-entry-head-title dt {
  max-width: 92%;
  margin-left: auto;
  margin-right: auto;
 }

}



/*[[[[[ RADIPASS PLATINUM Kiyaku ]]]]]*/
#rpp-entry .rpp-entry-kiyaku {
 width: 100%;
 height: 320px;
 overflow: auto;
}



/*[[[[[ Entry Button Add Arrow ]]]]]*/
#rpp-entry .btn-icon-arrow-right {
 position: relative;
}
#rpp-entry .btn-icon-arrow-right:after {
 background: url(../../images/img_icon_arrow_right.png) no-repeat center;
 position: absolute;
 top: 50%;
 right: 1.5rem;
 content: "";
 width: 47px;
 height: 19px;
 margin-top: -10px;
 display: block;
}


@media screen and (max-width: 767px) {
 #rpp-entry .rpp-entry-button a span[class*=h] {
  line-height: 1.45;
 }

 #rpp-entry .btn-icon-arrow-right:after {
  background: url(../../images/img_icon_arrow_right.png) no-repeat center;
  background-size: contain;
  right: .5rem;
  width: 24px;
  height: 20px;
  margin-top: -10px;
 }

}

@media screen and (max-width: 575px) {
 #rpp-entry .rpp-entry-button a span[class*=h] {
  font-size: 5.07246vw;
 }

}











/*
[[[ Footer ]]]
*/

/*----- [[[ Main Footer ]]] -----*/
#main-footer {
	position: relative;
}





/*----- [[[ Footer Station Logos ]]] -----*/
#main-footer .footer-st-logos {
 display: flex;
 justify-content: center;
 align-items: center;
}
#main-footer .footer-st-logos .fs-logos-fm802 {
 max-width: 162px;
}
#main-footer .footer-st-logos .fs-logos-fmcocolo {
 max-width: 120px;
}
#main-footer .footer-st-logos li:nth-child(1) {
 margin-right: 40px;
}

@media screen and (max-width: 767px) {
 #main-footer .footer-st-logos .fs-logos-fm802 {
  max-width: 102px;
 }
 #main-footer .footer-st-logos .fs-logos-fmcocolo {
  max-width: 85px;
 }
 #main-footer .footer-st-logos li:nth-child(1) {
  margin-right: 34px;
 }

} /* @media screen and (max-width: 767px) end */





/*----- [[[ Social Link Buttons ]]] -----*/
#main-footer .sns-btns {
	width:auto;
	height: auto;
	padding: 0;
	text-align: center;
}
#main-footer .sns-btns .social {
	display: inline-block;
	line-height: 1;
	vertical-align: top;
}





/*----- [[[ Page Top Button ]]] -----*/
/*リンクの形状*/
#page-top a {
 display: flex;
 justify-content:center;
 align-items:center;
 background:#393733;
 border-radius: 5px;
 width: 60px;
 height: 60px;
 color: #fff;
 text-align: center;
 text-transform: uppercase; 
 text-decoration: none;
 font-size:0.6rem;
 transition:all 0.3s;
}

#page-top a:hover {
 background: #777;
}

#page-top {
 position: fixed;
 right: 10px;
 bottom:10px;
 z-index: 2;
 opacity: 0;
 transform: translateY(100px);
}

#page-top.UpMove {
 animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{ 
 from {
  opacity: 0;
  transform: translateY(100px);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }

} /* @keyframes UpAnime end */

#page-top.DownMove {
 animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
 from {
  opacity: 1;
 transform: translateY(0);
 }
 to {
  opacity: 1;
 transform: translateY(100px);
 }

} /* @keyframes DownAnime end */










/*
[[[ Others ]]] 
*/

/*----- [[[ RADIPASS Frame Alert ]]] -----*/
.rpp-frame-alert {
 width: auto;
 height: auto;
 position: relative;
}


/*[[[[[ Dotted and Alert Red ]]]*/

/*[[[ Bg Alert Red ]]]*/
.rpp-frame-alert .rpp-frame-alert-red {
 background: #FEF7F7;
}

/*[[[ Line Alert Dotted ]]]*/
.rpp-frame-alert .rpp-frame-alert-line-dotted {
 border: 1px dotted #CC0000;
}


/*[[[[[ Alert List ]]]]]*/
.rpp-frame-alert .rpp-frame-alert-list {
 margin-left: 1.2rem;
}
.rpp-frame-alert .rpp-frame-alert-list li {
 position: relative;
}
.rpp-frame-alert .rpp-frame-alert-list li:before {
 content: "●";
 color: #CC0000;
 margin-left: -1.2rem;
 margin-right: .2rem;
}
.rpp-frame-alert .rpp-frame-alert-list li:not(:last-child) {
 margin-bottom: .85rem;
}






/*----- [[[ SNS Icon List ]]] -----*/

/*(for Exhibitor List Detail )*/
.sns-icon-list > li {
	display: inline-block;
}
.sns-icon-list li:not(:last-child) {
	margin-right: .5rem;
}