@charset "UTF-8";
@import url("relayfes-pc.css?230914") screen and (min-width:641px);
@import url("relayfes-sp.css?230914") screen and (max-width:640px);


.relayfes .contents .youtubeArea{padding-top: 0;}
.relayfes .contents .youtubeArea iframe{vertical-align: top;}
.relayfes .contents .sns .flexboxLg .col strong {display: block; color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: bold; text-align: center;}
.relayfes .contents .sns .flexboxLg .col:last-child a {display: block; padding-top: 1.0em; color: #ffffff; background-color: #333333; text-align: center; text-decoration: none;}
.relayfes .contents .sns .flexboxLg .col:last-child a p {margin-top: 0.5em; text-align: center;}

.relayfes .contents .itemTab ul{border-bottom: 5px solid #000000;}
.relayfes .contents .itemTab ul li:not(.active){color: #000000; background-color: #ffffff; border: 2px solid #000000;;}
.relayfes .contents .itemTab ul li.active{color: #ffffff; background-color: #000000;}
.relayfes .contents .itemTab ul li em{display: block; font-family: 'Roboto', sans-serif; font-weight: bold;}

.relayfes .contents .lnav ul li a{display: block; color: #000000; background-color: #ffffff; border: 2px solid #000000; border-radius: 50px; text-decoration: none;}
.relayfes .contents .lnav ul li a:hover,
.relayfes.outline .contents .lnav ul li.navOutline a,
.relayfes.official .contents .lnav ul li.navOfficial a,
.relayfes.unofficial .contents .lnav ul li.navUnofficial a,
.relayfes.entrylist .contents .lnav ul li.navEntrylist a,
.relayfes.qanda .contents .lnav ul li.navQanda a{color: #ffffff; background-color: #000000;}
.relayfes.relayfesAbout .contents .pnav ul{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.relayfes.relayfesAbout .contents .pnav ul li a{display: block; color: #333333; background-color: rgba(238,167,20,0.15); border: 1px solid rgba(238,167,20,0.5); border-radius: 10px; text-align: center; text-decoration: none; box-sizing: border-box;}
.relayfes.relayfesAbout .contents .pnav ul li a:hover{background-color: rgba(238,167,20,0.5); border: 1px solid rgba(238,167,20,0.75);}
/*.relayfes.relayfesAbout .contents .pnav ul li:nth-child(n+10) a{display: flex; align-items: center; justify-content: center;}*/
.relayfes.relayfesAbout .contents .pnav ul li a img{display: block; margin: 0 auto 0.5em; border-radius: 150px; overflow: hidden;}
.relayfes.relayfesAbout .contents .pnav ul li a:hover img{opacity: 1;}

.relayfes.relayfesEntry .contents .pnav ul li{display: flex; align-items: flex-start; background-color: rgba(0,178,181,0.15); border: 1px solid rgba(0,178,181,0.5); box-sizing: border-box;}
.relayfes.relayfesEntry .contents .pnav ul li b{flex-grow: 1;}
.relayfes.relayfesEntry .contents .pnav ul li b em{display: block; font-size: 0.85em; font-weight: normal;}
.relayfes.relayfesEntry .contents .pnav ul li span{display: flex; align-items: center; justify-content: flex-end; width: 100%; box-sizing: border-box;}
.relayfes.relayfesEntry .contents .pnav ul li span a{display: block; color: #ffffff; background-color: #00b2b5; border-bottom: 2px solid rgba(0,0,0,0.5); border-radius: 5.0em; font-weight: bold; text-align: center; text-decoration: none;}
.relayfes.relayfesEntry .contents .pnav ul li span a:hover{background-color: #008588;}
.relayfes.relayfesEntry .contents .pnav ul li span > a:not(:first-child){margin-left: 10px;}
.relayfes.relayfesEntry .contents .pnav ul li span em{display: block; padding: 0.5em 2.0em; color: #ffffff; background-color: #aaaaaa; border-radius: 5.0em; font-size: 0.85em; font-weight: bold; text-align: center; text-decoration: none;}


.relayfes .contents .itemButtonMore{margin-top: 40px; text-align: center}
.relayfes .contents .itemButtonMore a{display: inline-block; color: #ffffff; margin-bottom: 12px; border-radius: 50px;  font-family: 'Zen Tokyo Zoo', cursive; text-decoration: none; line-height: 1.0; transition: all 0.25s linear 0s;}
.relayfes .contents .itemButtonMore a:hover{background-color: #ffffff;}
.relayfes.relayfesTop .contents section.about .itemButtonMore a{color: #eea714; border: 2px solid #fdf2e1; box-shadow: 0px 0px 0px 2px #eea714, 0px 0px 0px 4px #fdf2e1, 0px 0px 0px 6px #eea714, 0px 0px 0px 8px #fdf2e1, 0px 0px 0px 10px #eea714, 0px 0px 0px 12px #fdf2e1;}
.relayfes.relayfesTop .contents section.news .itemButtonMore a{color: #cc3d1c; border: 2px solid #f7e2dd; box-shadow: 0px 0px 0px 2px #cc3d1c, 0px 0px 0px 4px #f7e2dd, 0px 0px 0px 6px #cc3d1c, 0px 0px 0px 8px #f7e2dd, 0px 0px 0px 10px #cc3d1c, 0px 0px 0px 12px #f7e2dd; }
.relayfes .contents .itemButtonEntry{text-align: center}
.relayfes .contents .itemButtonEntry a{display: inline-block; padding: 1.0em 2.5em; color: #ffffff; background-color: #c8161d; border-bottom: 5px solid #9a0006; border-radius: 5px; font-size: 1.25em; text-decoration: none; line-height: 1.0;}
.relayfes .contents .itemButtonEntry a:hover, .relayfes .contents .itemButtonEntry a:active{margin-top: 5px; border-bottom: none;}

/*.relayfes:not(.navOpen) .contents nav .field > ul{display: table; table-layout: fixed;}
.relayfes:not(.navOpen) .contents nav ul li{display: table-cell;}
.relayfes .contents nav ul li > *{ text-align: center;}
.relayfes:not(.navOpen) .contents nav ul li:not(:first-child) > *{margin-left: 1px;}*/


.slideNews .swiper-container .swiper-slide a {display: block; color: #333333; text-decoration: none;}
.slideNews .swiper-container .swiper-slide a div {position: relative;}
.slideNews .swiper-container .swiper-slide a div:before {display: block; content: ""; position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; background-size: auto auto;
background-color: rgba(255, 255, 255, 0); background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(204, 61, 28, 1) 4px, rgba(204, 61, 28, 1) 6px );; z-index: -1;}
.slideNews .swiper-container .swiper-slide a div:hover:before {top: 0; left: 0; opacity: 0;  transition: all 0.25s;}
.slideNews .swiper-container .swiper-slide a:hover img {opacity: 1}
.slideNews .swiper-container .swiper-slide a p {margin: 1.0em 0 0; padding-bottom: 0;}
.slideNews .swiper-button-prev, .slideNews .swiper-button-next{width: 44px; background-color: rgba(250,246,255,1.00); background-size: 30%; border-radius: 22px;}






.relayfes .contents .kv{position: relative; text-align: center;}

.relayfes .contents nav{color: #ffffff; background-color: transparent;}
.relayfes .contents nav ul li{margin-left: 1px;}
.relayfes .contents nav ul li a, .relayfes .contents nav ul li span{display: block; position: relative; color: #ffffff; font-weight:  bold; text-decoration: none;}
.relayfes .contents nav ul li.navAbout a{background-color: #eea714;}
.relayfes .contents nav ul li.navNews a{background-color: #cc3d1c;}
.relayfes .contents nav ul li.navLive > a{background-color: #5cbae3;}
.relayfes .contents nav ul li.navTimetable > a{background-color: #8e3588;}
.relayfes .contents nav ul li.navEntry a{background-color: #00b2b5;}
.relayfes .contents nav ul li.navEntry ul li a{background-color: #008588;}
.relayfes .contents nav ul li.navSupport a{background-color: #3a9439;}
.relayfes .contents nav ul li.navEnjoy a{background-color: #d95190;}
.relayfes .contents nav ul li.navGalleryt a{color: #333333; background-color: #cddb00;}
.relayfes .contents nav ul li.navFamily a{color: #333333; background-color: #f4da25;}
.relayfes .contents nav ul li.navTicket a{background-color: #137bbd;}
.relayfes .contents nav ul li > span{color: #666666; background-color: #cccccc;}

.relayfes .contents nav ul li.navEntry ul:before{border-color: transparent transparent #00b2b5 transparent;}

.relayfes .contents nav ul li{position: relative;}
.relayfes .contents nav ul li b, .relayfes .contents nav ul li b + ul{display: none;}

.relayfes .contents ul.default{list-style-type: disc;}
.relayfes .contents ul.default > li{margin-left: 1.5em;}
.relayfes .contents hr.spacer{margin: 0; padding: 1.0em 0; border: none; outline: none;}
.relayfes.relayfesTop .contents section{overflow: hidden;}
.relayfes.relayfesTop .contents section.about{background-color: rgba(238,167,20,0.15)}
.relayfes.relayfesTop .contents section.news{background-color: rgba(204,61,28,0.15)}
.relayfes.relayfesTop .contents section.live{background-color: rgba(92,186,227,0.15)}
.relayfes .contents .heading h3:after{display: block; content: "";  margin: 0 auto;}
.relayfes .contents .heading h3 em{display: block; font-family: 'Zen Tokyo Zoo', cursive; line-height: 1.2;}
.relayfes .contents .about .heading h3 em{color: #eea714;}
.relayfes .contents .news .heading h3 em{color: #cc3d1c;}
.relayfes .contents .enjoy .heading h3 em{color: #d95190;}
.relayfes .contents .timetable .heading h3 em{color: #8e3588;}
.relayfes .contents .entry .heading h3 em{color: #00b2b5;}
.relayfes .contents .support .heading h3 em{color: #3a9439;}
.relayfes .contents .ticket .heading h3 em{color: #137bbd;}
.relayfes .contents .family .heading h3 em{color: #f4da25;}
.relayfes .contents .gallery .heading h3 em{color: #cddb00;}
.relayfes .contents .live .heading h3 em{color: #5cbae3;}

@keyframes run01 {
0% {transform: translateY(0) scale(0.6); }
5% {transform: translateY(0) scale(0.6); }
10% {transform: translateY(0) scale(0.6); }
20% {transform: translateY(-10px) scale(0.6); }
25% {transform: translateY(0) scale(0.6); }
30% {transform: translateY(-10px) scale(0.6); }
50% {transform: translateY(0) scale(0.6); }
100% {transform: translateY(0) scale(0.6); } }

@keyframes run02 {
0% {transform: translateX(0) scale(0.6); }
5% {transform: translateX(0) scale(0.6); }
10% {transform: translateX(0) scale(0.6); }
20% {transform: translateX(-10px) scale(0.6); }
25% {transform: translateX(0) scale(0.6); }
30% {transform: translateX(-10px) scale(0.6); }
50% {transform: translateX(0) scale(0.6); }
100% {transform: translateX(0) scale(0.6); } }

.relayfes .contents section .tab ul{display: flex; justify-content: center; margin-bottom: 20px; text-align: center;}
.relayfes .contents section .tab ul li{display: inline-block; margin: 0 10px; border-radius: 50px; cursor: pointer; transition: all 0.25s;}
.relayfes .contents section .tabContent:not(.active){display: none;}

.relayfes .contents section.about .uiQanda dt:before	{background-color: #eea714;}
.relayfes .contents section.about .uiQanda dd:before	{background-color: #231815;}

.relayfes .contents section.about .concept{background-color: rgba(238,167,20,0.25); font-weight: bold;}
.relayfes .contents section.about table{border-top: none}
.relayfes .contents section.about table tr:not(:first-child) th, .relayfes.relayfesTop .contents section.about table tr:not(:first-child) td{border-top: 5px solid #fdf2e1;}
.relayfes:not(.relayfesTop) .contents section.about table tr:not(:first-child) th, .relayfes:not(.relayfesTop) .contents section.about table tr:not(:first-child) td{border-top: 5px solid #ffffff;}
.relayfes .contents section.about table tr:last-child th, .relayfes.relayfesTop .contents section.about table tr:last-child td{border-bottom: none;}
.relayfes .contents section.about table th{color: #ffffff; background-color: #eea714; text-align: center;}
.relayfes .contents section.about table td{background-color: #ffffff; border-bottom: none; border-left: 5px solid #fdf2e1;}
.relayfes:not(.relayfesTop) .contents section.about table td{background-color: rgba(238,167,20,0.15); border-left: 5px solid #ffffff;}
.relayfes .contents section.about table td .unit-2 > .col ul{padding: 10px; background-color: #ffffff; border: 1px solid rgba(238,167,20,0.5);}
.relayfes .contents section.about table td .unit-2 strong{display: block; padding: 0.5em 0; background-color: rgba(238,167,20,0.25); text-align: center;}
.relayfes .contents section.about .eventlist li{margin-top: 3.0em; padding-top: 3.0em; border-top: 2px dashed #000000;}
.relayfes .contents section.about .eventlist li:first-child{margin-top: 1.0em;}
.relayfes .contents section.about .tab ul li{background-color: rgba(238,167,20,0.15);}
.relayfes .contents section.about .tab ul li:hover{ background-color: rgba(238,167,20,0.25);}
.relayfes .contents section.about .tab ul li.active{ color: #ffffff; background-color: rgba(238,167,20,1); font-weight: bold;}

.relayfes .contents section.ticket table{border-top: none}
.relayfes .contents section.ticket table tr:not(:first-child) th, .relayfes .contents section.ticket table tr:not(:first-child) td, .relayfes .contents section.ticket table tbody tr:first-child > *{border-top: 5px solid #ffffff;}
.relayfes .contents section.ticket table tr th, .relayfes .contents section.ticket table tr td{border-bottom: none;}
.relayfes .contents section.ticket table th{color: #ffffff; background-color: #137bbd; border-left: 5px solid #ffffff; text-align: center;}
.relayfes .contents section.ticket table tbody th{color: #333333; background-color: rgba(19,123,189,0.25);}
.relayfes .contents section.ticket table td{background-color: rgba(19,123,189,0.10); border-left: 5px solid #ffffff;}
.relayfes .contents section.ticket table tr > *:first-child{border-left: none;}
.relayfes .contents section.ticket table tr > *.blSp{border-left: 5px solid #ffffff !important;}
.relayfes .contents section.ticket table tr:last-child > *{border-bottom: none;}
.relayfes .contents section.ticket table td .icon{display: inline-block; margin-left: 0.25em; line-height: 1.0;}
.relayfes .contents section.ticket dl > dt:nth-of-type(5){background-color: rgba(142,53,136,1);}
.relayfes .contents section.ticket dl dd .box b{color: #cc3d1c;}
.relayfes .contents section.ticket dl dd .fa-check-circle{margin-right: 0.25em; color: #cc3d1c; font-size: 1.5em; vertical-align: -2px;}
.relayfes .contents section.ticket dl dd strong span{background:linear-gradient(transparent 60%, #ffff66 60%);}
.relayfes .contents section.ticket .pickup{margin-top: 2.0em;}
.relayfes .contents section.ticket .pickup ol{margin: 0; padding: 0;}
.relayfes .contents section.ticket .pickup li{background-color: rgba(19,123,189,0.15);}
.relayfes .contents section.ticket .pickup li:last-child{background-color: rgba(142,53,136,0.15);}
.relayfes .contents section.ticket .pickup li a{display: block; text-decoration: none;}
.relayfes .contents section.ticket .pickup li b{color: #ffffff; background-color: rgba(19,123,189,1);}
.relayfes .contents section .buyTicket{position: fixed; bottom: 0; left: 0; width: 100%; opacity : 0; transform : translate(0, 100px); transition : all 1s;}
.relayfes .contents section .buyTicket.active{opacity : 1; transform : translate(0, 0);}

.relayfes .contents section .itemButtonTicket{margin-top: 1.5em; text-align: center}
.relayfes .contents section .itemButtonTicket a{ display: inline-block; position: relative; padding: 1.5em calc(3.0em + 55px) 1.5em calc(2.0em + 42px); color: #ffffff; background-color: #3a9439; border: 1px solid #2b6f2b; border-radius: 5px; text-decoration: none;}
.relayfes .contents section .itemButtonTicket a:hover, .relayfes .contents section .itemButtonTicket a:active{ background-color: #2b6f2b; transition: all 0.25s;}
/*.relayfes .contents section .itemButtonTicket a:before{ display: block; content: ""; position: absolute; top: 50%; right: -10px; width: 20px; height: 20px; margin-top: -10px; background-color: #ffffff; border-radius: 10px;}*/
.relayfes .contents section .itemButtonTicket a:after{ display: flex; align-items: center;content: "\f054"; position: absolute; top: 0; right: 30px; width: 10px; height: 100%; padding-right: 20px; color: #eee614; border-right: 1px dashed #ffffff; font-family: fontAwesome;}
.relayfes .contents section .itemButtonTicket a b{ display: block; color: #eee614; font-size: 1.25em;}
.relayfes .contents section .itemButtonTicket a b:before{ display: block; content: ""; position: absolute; top: calc(50% - 30px); left: 10px; width: 42px; height: 60px; background: transparent url("../../../img/relayfes/2023/character/event-05.png") no-repeat center center; background-size: 42px; vertical-align: middle;}
.relayfes .contents section .itemButtonTicket span{ display: inline-block; position: relative; padding: 1.5em 3.0em; color: #ffffff; background-color: #888888; border: 1px solid #666666; border-radius: 5px; text-decoration: none;}
.relayfes .contents section .itemButtonTicket.alt a{ background-color: #d95190; border-color: #a33d6c;}
.relayfes .contents section .itemButtonTicket.alt a b{ color: #ffffff;}
.relayfes .contents section .itemButtonTicket.alt a b:before{ top: calc(50% - 30px); left: 10px; width: 54px; height: 60px; background: transparent url("../../../img/relayfes/2023/character/event-02.png") no-repeat center center; background-size: 54px; vertical-align: middle;}
.relayfes .contents section .itemButtonTicket.alt a:after{ content: "\f078"; color: #ffffff;}

.relayfes .contents section.timetable .info{display: flex; justify-content: space-between;}
.relayfes .contents section.timetable .info .col a{display: block; color: rgba(142,53,136,1); border: 1px solid rgba(142,53,136,1); text-align: center; text-decoration: none;}
.relayfes .contents section.timetable .info .col a:hover, .relayfes .contents section.timetable .rowLg .col a:active{color: #ffffff; background-color: rgba(142,53,136,1);}
.relayfes .contents section.timetable .tab ul li{background-color: rgba(142,53,136,0.15);}
.relayfes .contents section.timetable .tab ul li:hover{ background-color: rgba(142,53,136,0.25);}
.relayfes .contents section.timetable .tab ul li.active{ color: #ffffff; background-color: rgba(142,53,136,1); font-weight: bold;}
.relayfes .contents section.timetable table{border-top: none}
.relayfes .contents section.timetable table tr:not(:first-child) th, .relayfes .contents section.timetable table tr:not(:first-child) td, .relayfes .contents section.timetable table tbody tr:first-child > *{border-top: 5px solid #ffffff;}
.relayfes .contents section.timetable table tr th, .relayfes .contents section.timetable table tr td{border-bottom: none;}
.relayfes .contents section.timetable table th{ background-color: #666666; border-left: 5px solid #ffffff; text-align: center;}
.relayfes .contents section.timetable table th, .relayfes .contents section.timetable table td{border-left: 5px solid #ffffff;}
.relayfes .contents section.timetable table tr > *:first-child{border-left: none;}
.relayfes .contents section.timetable table tr:last-child > *{border-bottom: none;}
.relayfes .contents section.timetable table tbody tr th{ background-color: #f1bc4e; white-space: nowrap;}
.relayfes .contents section.timetable table tbody tr td{ background-color: #fbe9c4;}
.relayfes .contents section.timetable table tbody tr td:first-child, .relayfes .contents section.timetable table tbody tr td:nth-of-type(n+3){ text-align: center;}
.relayfes .contents section.timetable table tbody tr.official th{ color: #ffffff; background-color: #71af6d;}
.relayfes .contents section.timetable table tbody tr.official td{ background-color: #d0e5ce;}
.relayfes .contents section.timetable table tbody tr.unofficial th{ color: #ffffff; background-color: #5c9cce;}
.relayfes .contents section.timetable table tbody tr.unofficial td{ background-color: #cadeef;}
.relayfes .contents section.timetable table tbody tr.jch th{ color: #ffffff; background-color: #db705a;}
.relayfes .contents section.timetable table tbody tr.jch td{ background-color: #f4cfc8;}

.relayfes .contents section .group ul {display: flex; justify-content: flex-start; margin-bottom: 20px; text-align: center;}
.relayfes .contents section .group ul li a.itemButton {display: block; position: relative; color: #ffffff; border-radius: 50px; text-decoration: none; transition: all 0.25s;}
.relayfes .contents section.entry .group ul li a.itemButton {background-color: #00b2b5;}
.relayfes .contents section.entry .group ul li a.itemButton em {display: block; position: absolute; bottom: calc(-1.5em - 10px); left: 0; width: 100%; text-align: center;}
.relayfes .contents section.entry .group ul li a.itemButton em span {display: inline-block; position: relative; padding: 0.5em; background-color: #cc3d1c; border-radius: 5px; line-height: 1.0;}
.relayfes .contents section.entry .group ul li a.itemButton em span:before {display: block; content: ""; position: absolute; top: -10px; left: calc(50% - 10px); width: 0; height: 0; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #cc3d1c transparent;}
.relayfes .contents section.enjoy .group ul li {border: 2px dashed #d95190; box-sizing: border-box;}
.relayfes .contents section.enjoy .group ul li a {display: block; color: #333333; background-color: rgba(217,81,144,0.05); border: 4px solid #ffffff;  text-decoration: none;}
.relayfes .contents section.enjoy .group ul li a b {display: inline-block; margin-top: 0.75em; color: #d95190; background:linear-gradient(transparent 80%, #ff6 80%); text-align: center;}
.relayfes .contents section.enjoy .group ul li a p {padding: 1.0em;}

.relayfes .contents section.gallery .lnav li a, .relayfes .contents section.gallery .lnav li b {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;padding: 10px 0; background-color: rgba(205,219,0,0.15); border: 2px solid #cddb00; border-radius: 5px; line-height: 1.4;}
.relayfes .contents section.gallery .lnav li b {background-color: #cddb00; font-weight: bold;}
.relayfes .contents section.gallery .lnav li a:hover {color: inherit; background-color: rgba(205,219,0,0.5);}
.relayfes .contents section.gallery .lnav li span {display: block; width: 100%; font-size: 0.85em;}
.relayfes .contents section.gallery .pgallery ul {display: flex; flex-wrap: wrap;}
.relayfes .contents section.gallery .pgallery ul .viewMore {display: block; width: 100%; margin-top: 1.0em; text-align: center;}
.relayfes .contents section.gallery .pgallery ul .viewMore button {display: inline-block; padding: 1.0em 1.5em; color: #333333; background-color: transparent; background-color: rgba(205,219,0,0.5); border: none; border-bottom: 2px solid #cddb00; border-radius: 50px; line-height: 1.0; outline: none;}
.relayfes .contents section.gallery .pgallery ul .viewMore button:after {display: inline-block; content: "\f107"; margin-left: 0.5em; font-family: fontAwesome;}

.mfp-content figure figcaption{margin-top: 0;}
.mfp-content figure figcaption .mfp-bottom-bar{margin-top: -30px;}
.mfp-arrow-right:after{margin-left: 0;}
.mfp-container .mfp-arrow-left:before, .mfp-container .mfp-arrow-right:before{display: none;}

.relayfes .contents section .numList{margin: 0; padding: 0; list-style-type: none; counter-reset: listNum;}
.relayfes .contents section .numList li:not(:first-child){margin-top: 1.5em;}
.relayfes .contents section .numList li strong{display: table; width: 100%; margin-bottom: 0.5em; padding-bottom: 0.5em;}
.relayfes .contents section .numList li strong:before{display: table-cell; counter-increment: listNum; content: counter(listNum)""; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center;}
.relayfes .contents section.support .numList li strong{color: rgba(58,148,57,1); border-bottom: 2px solid rgba(58,148,57,1)}
.relayfes .contents section.support .numList li strong:before{color: #ffffff; background-color: rgba(58,148,57,1);}
.relayfes .contents section .numList li strong span{padding-left: 0.5em; font-size: 1.15em;}
.relayfes .contents .sns{text-align: center;}
.relayfes .contents .sns strong{display: block; margin-bottom: 1.0em; font-family: 'Zen Tokyo Zoo', cursive; line-height: 1.2; color: #1da1f2;}
.relayfes .contents section .note{padding: 1.0em; border-radius: 10px;}
.relayfes.relayfesTop .contents .note{padding-left: 0 !important; text-align: center;}
.relayfes.relayfesTop .contents .note p a{display: inline-block; margin: 0.75em auto 0; padding: 0.25em 2.0em; color: #ffffff; background-color: #137bbd; border-radius: 10px; text-align: center;text-decoration: none;}
.relayfes.relayfesTop .contents .note p a:hover{background-color: #0e5c8e;}
.relayfes.relayfesTop .contents .note p a span{display: block; font-size: 0.75em;}
.relayfes .contents section.timetable .note{margin-bottom: 2.5em; border: 1px solid rgba(142,53,136,1.00);}
.relayfes .contents section.entry .note{margin-top: 2.5em; border: 1px solid rgba(0,178,181,1);}
.relayfes .contents section.support .note{margin-top: 2.5em; border: 1px solid rgba(58,148,57,1);}
.relayfes .contents section .note strong{display: block; width: 100%; padding: 1.0em; border-radius: 10px 10px 0 0; transform: translate(-1.0em,-1.0em)}
.relayfes .contents section.timetable .note strong{background-color: rgba(142,53,136,0.10);}
.relayfes .contents section.support .note strong{background-color: rgba(58,148,57,0.10);}
.relayfes .contents section.entry .note strong{background-color: rgba(0,178,181,0.10);}
/*.relayfes .contents section.support .info-session{margin-top: 2.5em; padding: 1.5em; background-color: rgba(58,148,57,0.10); border: 2px dashed rgba(58,148,57,1)}*/
.relayfes .contents section.support .info-session ul{display: flex;}

.relayfes .contents section.live .info{display: flex; justify-content: space-between; margin-bottom: 1.5em; border: 1px solid rgba(92,186,227,1);}
.relayfes .contents section.live .info .col a{display: block; color: rgba(92,186,227,1); border: 1px solid rgba(92,186,227,1); text-align: center; text-decoration: none;}
.relayfes .contents section.live .info .col a:hover, .relayfes .contents section.timetable .rowLg .col a:active{color: #ffffff; background-color: rgba(92,186,227,1);}

.relayfes .contents section.family section ul li img{border: 1px solid #c7c7c7; box-sizing: border-box;}
.relayfes .contents section.family section ul li p{margin-top: 0.25em;  text-align: center;}

.relayfes .contents section .iconLabel{display: inline-block; margin-right: 0.5em; padding: 0.4em 0.5em; font-family: 'Roboto', sans-serif; font-size: 0.75em; line-height: 1.0; vertical-align: middle;}
.relayfes .contents section .iconLabel.red{color: #ffffff; background-color: #e50012;}

.relayfes.relayfesTop .contents .note{background-color:rgba(229,0,18,0.25); font-weight: bold;}
.relayfes .contents .postSns{margin-top: 1.5em; padding: 1.0em; background: rgb(29,161,242); background: linear-gradient(45deg, rgba(29,161,242,0.25) 0%, rgba(207,46,146,0.25) 100%); border-radius: 10px;}

/*.relayfes .contents .contentArticle article{background-color: #ffffff;}
.relayfes .contents .contentArticle .modaalField{display: none;}
.modaal-container	{max-width: 800px !important; border-radius: 10px !important; overflow: hidden !important;}
.modaal-content-container	{padding: 0 !important;}
.modaal-content-container .field{padding: 1.5em;}
.modaal-content-container strong	{display: block; padding: 1.0em; color: #ffffff; background-color: rgba(60,59,110,1); text-align: center;}
.modaal-content-container table	{margin-top: 0.5em; border-top: none;}
.modaal-content-container table th	{color: #ffffff; background-color: rgba(178,34,52,1.00);}*/

.entryBanner{position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 0; background-color: rgba(0,178,181,0.75); text-align: center;}
.entryBanner a{display: inline-block; position: relative; height: 50px; line-height: 50px; padding: 0 2.0em 0 calc(2.0em + 42px); background-color: #ffffff; border-radius: 5px; font-weight: bold; text-decoration: none; box-sizing: border-box;}
.entryBanner a:hover{color: #ffffff; background-color: #eea714;}
.entryBanner a:before{display: block; content: ""; position: absolute; top: -10px; left: 2.0em; width: 42px; height: 60px; background: transparent url("../../../img/relayfes/2023/character/event-05.png") no-repeat center center; background-size: 42px; vertical-align: middle;}
.entryBanner + .footerBnrArea + footer .cr{padding-bottom: 90px;}