MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Lexend&family=Noto+Sans+JP&family=Noto+Sans+KR&family=Noto+Sans+SC&family=Noto+Sans+TC&display=swap'); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Discography.css|u:dev:MediaWiki:UCPEditorMinimal/code.css|u:dev:MediaWiki:FontAwesome5.css|u:dev:MediaWiki:FandomizedMediaPlayer.css|u:dev:MediaWiki:CustomSlider.css");

.p-book-list__btn { display: inline-block; background-color: #fc718b; color: #fff; font-weight: bold; border-radius: 3em; font-size: 18px; padding: 0.35em 2em 0.25em 2em; transition-property: background; transition-duration: 0.3s; }

@media screen and (max-width: 736px) { .p-book-list__btn { font-size: 14px; padding: 0.3em 1.5em; } }

.p-book-list__btn:hover { text-decoration: none; color: #fff; background: #f54c6c; }

body.page-Discography { width:100%!important }

body.page-Discography #WikiaRailWrapper { display:none!important }

.WikiaRail .loading { display: none; }

body.page-The #WikiaRailWrapper { display:none!important }

/** Main Navigation tweaks **/ .wds-community-header .wds-tabs .wds-tabs__tab-label, .wds-community-header .wds-tabs .wds-tabs__tab-label a, .wds-community-header .wds-community-header__counter, .wds-community-header .wds-button.wds-is-secondary { color: #fff; }

.wds-community-header .wds-button.wds-is-secondary { border-color: #fff; }

.wds-community-header .wds-button.wds-is-secondary svg { fill: #fff; }

.wds-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-left-color: #fff; }

.wds-button { border-radius: 5px; }

/* Tweaks to eliminate extraneous margins and spacing on Oasis. */ .iumb p + p, .ooumb p + p { margin: 0; } .WikiaArticle { line-height: 23px; font-size: 14px; } .WikiaArticle h2 { margin-top: 14px; } .WikiaArticle .infoboxcell ul, WikiaArticle .info-boxcell ul { margin: 0 0 0 10px; } .WikiaArticle ol { margin: 0 0 0 2.0em; } .WikiaArticle ul { margin: 0 0 0 1.4em; } .WikiaArticle p + p { margin: 0.4em 0; }

/* Override wikia styles */ .wikia-slideshow-images-wrapper { padding: 0; } .wikiaPhotoGallery-slider-body, .wikia-slideshow-images-wrapper, .wikia-slideshow-images, .wikia-gallery-item .thumb .gallery-image-wrapper.accent { background-color: transparent; } .wikia-slideshow-images-wrapper.accent, .wikiaPhotoGallery-slider-body, .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; } .page-header__separator { height: 2px; background-image: url("https://static.wikia.nocookie.net/bandori/images/6/66/Bg_line.png"); background-size: 100%; background-position: center; background-repeat: no-repeat; margin-bottom: 13px; background-color: transparent; } .WikiaSiteWrapper { background-color: transparent; background: url("https://anniv-bang-dream.bushimo.jp/2nd/assets/images/pc/bg_star.png") repeat; background-attachment: scroll; background-size: contain; background-position: center; }


 * -webkit-scrollbar-track {

background-color: rgba(255,255,255,0.8); } /* toolbar */ .WikiaBarWrapper { color: #fff; background: url("https://vignette.wikia.nocookie.net/bandori/images/d/d6/Header_dot.png") 0 50% no-repeat #de1c4e; } /* Global Navi Search and Special:Search background */ .wds-global-navigation__search-input-wrapper, .unified-search__input__wrapper { background: linear-gradient(rgba(2, 2, 17,0.7),rgba(2, 2, 17,0.7)), url("https://static.wikia.nocookie.net/bandori/images/4/4e/Bg_mainvisual_4th.jpg/revision/latest?cb=20210315161739"); background-size: cover; } .unified-search__input__query { background: transparent; } /* Article listing style bullet */ .mw-parser-output ul { list-style:square url("https://vignette.wikia.nocookie.net/bandori/images/5/57/AllPerfect.png/revision/latest/scale-to-width-down/10/__cb20190207095648"); }

/* Band Menu Img */ .fill:hover { opacity: 0.5; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .container_img a img { width: 100%; height: 100%; } .toc ul { list-style: none; margin-left: 0.6em; }

/* Userpages */ box-shadow: 0 0 0 0.3125vw #e50050; border-radius: 16.09375vw; border: .3125vw solid transparent; }	background:url("https://store.fannect.jp/img/body-bg3.png"); background-position: right center; background-repeat: no-repeat; background-size: cover; }
 * 1) userProfileApp .user-identity-avatar__image {
 * 1) userProfileApp {

/* Tooltips http://dev.wikia.com/wiki/Tooltips */ /***********************************************/ /* Main CSS class of the tooltip */ .main-tooltip { margin-bottom: 5px; padding: 2px 5px; background:#fcf5f9; font-size: 90%; border: none; border-radius: 5px; }

/* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; z-index: 6000000; }
 * 1) tooltip-wrapper {

/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: default; } /* Styles for DIVs to make images more portable */ div.loa-img { display: inline-block; } div.loa-img>a>img { max-width: 100%; height: auto; } div.loa-img-left { margin-left: 0; margin-right: auto; } div.loa-img-left>a>img { max-width: 100%; height: auto; } div.loa-img-floatleft { float: left; margin-right:1em; } div.loa-img-floatleft>a>img { max-width: 100%; height: auto; } div.loa-img-center { display: inline-block; margin: auto; } div.loa-img-center>a>img { max-width: 100%; height: auto; } div.loa-img-right { margin-left: auto; margin-right: 0; } div.loa-img-right>a>img { max-width: 100%; height: auto; } div.loa-img-floatright { float: right; margin-left:1em; } div.loa-img-floatright>a>img { max-width: 100%; height: auto; } td#loa-adv-gems { text-align:right; border-right:0; } td#loa-adv-prob { text-align:right; border-left:0; }

/* video previews, adapted from NGNL wiki */ .episode-preview img { height: 100%; width: 100%; } .episode-preview-header { animation: slide-in ease-out 1s 3s forwards, fade-out linear 3s 10s forwards; } .episode-preview-header.no-video { animation: slide-in ease-out 1s 3s forwards; } @keyframes slide-in { 100% {		right: -3px; } } @keyframes fade-out { 0% {		opacity: 1; }	100% {		opacity: 0; } }

/* Custom PICO BG */ .page-BanG_Dream_Girls_Band_Party_☆PICO .WikiaSiteWrapper { background: url("https://anime.bang-dream.com/pico/wp-content/themes/bang-dream_pico/assets/images/pc/index/bg_keyvisual_layer_1.png") no-repeat, url("https://anime.bang-dream.com/pico/wp-content/themes/bang-dream_pico/assets/images/pc/index/bg_keyvisual_layer_2.png") no-repeat, url("https://anime.bang-dream.com/pico/wp-content/themes/bang-dream_pico/assets/images/pc/index/bg_keyvisual_2.png"); background-attachment: fixed, fixed, fixed; background-size: 100% 32%, auto, cover; background-position: center bottom, center center, center; }

/* Header Styles */ .pinkheaderdot, .phd { background: url("https://vignette.wikia.nocookie.net/bandori/images/d/d6/Header_dot.png") 0 50% no-repeat #ff3c72; } .pinkheaderdot:after, .phd:after { background: url("https://vignette.wikia.nocookie.net/bandori/images/4/49/Icon_heading.png") 0 0 no-repeat; content: ""; width: 52px; height: 67px; position: absolute; top: -5px; right: -8px; background-size: cover; }

/* story texts */ .storytext { background-image: url(https://static.wikia.nocookie.net/the-cool-flan/images/e/e0/Tempsnip3.png/revision/latest?cb=20210508185551); display: block; margin-left: 80px; margin-right: auto; }

/* Spoilers */ .spoiler .hidden-text { display:none; } .spoiler:hover .hidden-text { display:block; }

/* FAQ & 4koma */ .bg_dot { background: #fff url(https://vignette.wikia.nocookie.net/bandori/images/2/2a/Bg_dot_right-end.png/revision/latest?cb=20200328113547&format=original) no-repeat right bottom; } /* to replace some */ .stars_row { background-image: url("https://static.wikia.nocookie.net/bandori/images/3/3c/Stars.png"); background-repeat: no-repeat; background-position: center; height: 11px; background-size: 110px; display: block; }

/* Navbox */ table.navbox { border: 1px solid #aaa; clear: both; margin: auto; padding: 1px; text-align: center; width: 100%; } table.navbox+table.navbox { margin-top: -1px; } .navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-group { font-weight: 700; padding-left: 0.5em; padding-right: 0.5em; white-space: nowrap; } .navbox, .navbox-subgroup { background: none repeat scroll 0 0 #fdfdfd; } .navbox-list { border-color: #fdfdfd; } .navbox-title, table.navbox th { background: none repeat scroll 0 0 #a5e4a5; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: none repeat scroll 0 0 #c0ecc0; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: none repeat scroll 0 0 #e6f6e6; } .navbox-even { background: none repeat scroll 0 0 transparent; } .navbox-odd { background: none repeat scroll 0 0 #f5fcf5; } .collapseButton { float: right; font-weight: 400; text-align: right; width: auto; } .navbox .collapseButton { width: 6em; }

/* Expand/Collapse link color on collapsibles */ .mw-collapsible-toggle a { color: #fff; }

/* Shows a new text upon hover of the old text */ .otnt { transition: all 500ms ease-in-out; } .old-text, .new-text { display: block; overflow: hidden; transition: all 500ms ease-in-out; } .old-text { height: auto; opacity: 1; width: auto; } .new-text { height: 0; opacity: 0; width: 0; } .otnt:hover .old-text { height: 0px; opacity: 0; width: 0px; } .otnt:hover .new-text { height: auto; opacity: 1; width: auto; }

.redtowhite { background: -moz-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff0a50), color-stop(16%, #ff2362), color-stop(32%, #ff3b73), color-stop(48%, #ff5384), color-stop(64%, #ff6c96), color-stop(80%, #ff84a7), color-stop(100%, #ff9db9)); background: -webkit-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -o-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: -ms-linear-gradient(left, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); background: linear-gradient(to right, #ff0a50 0%, #ff2362 16%, #ff3b73 32%, #ff5384 48%, #ff6c96 64%, #ff84a7 80%, #ff9db9 100%); }

/* BackToTop */ border-radius: initial; background: url("https://bang-dream.bushimo.jp/wordpress/wp-content/themes/bang-dream_gbp/assets/images/common/btn_back-to-top.png") no-repeat !important; background-size: contain !important; width: 70px; height: 80px; }   visibility: hidden; } /* Category Listing customization */ .CategorySelect.articlePage { background:linear-gradient(to right, rgba(255,51,119,0.2), rgba(238,51,58,0.2), rgba(255,221,0,0.2), rgba(51,221,170,0.2), rgba(51,204,204,0.2), rgba(51,170,255,0.2), rgba(51,69,170,0.2)); border-radius: 5px; } /* RandComic */ .koma_container { position: relative; width: 275px; }
 * 1) BackToTopBtn div {
 * 1) BackToTopBtn svg {

.koma_image { display: block; width: 100%; height: auto; }

.koma_overlay { position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); /* Black see-through */ color: #f1f1f1; transition: .5s ease; opacity:0; font-size: 15px; font-family: 'Jellee Roman'; font-weight: 600; padding: 8px; text-align: center; width: 275px; box-sizing: border-box; }

.koma_container:hover .koma_overlay { opacity: 1; }

/* ======== Hover Item - Credits to Akatsuki no Yona Wiki ========= */ .hoveritem { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; } .hoveritem:hover, .hoveritem:focus, .hoveritem:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

/* Main Page Slider*/ .SlideIMG { height: 525px !important; }

/* ==== Hover Edit button - Credits to the Hollow Knight Wiki ===== */ h1 > .mw-editsection, h2 > .mw-editsection, h3 > .mw-editsection, h4 > .mw-editsection, h5 > .mw-editsection, h6 > .mw-editsection { opacity: 0; transition: 0.5s; } h1:hover > .mw-editsection, h2:hover > .mw-editsection, h3:hover > .mw-editsection, h4:hover > .mw-editsection, h5:hover > .mw-editsection, h6:hover > .mw-editsection { opacity: 1; transition: 0.5s; } /********************** END Hover Edit button ***********************/ .mw-headline { color: #e50050; }

/**************** Wiki BG fixes, credit to SAO Wiki *****************/ /* Show colored background by default */ body.skin-oasis {   background-color: rgb(222, 28, 78) !important; } /* Don't display any image below 1084px */ @media screen and (max-width: 1083px) {   body.skin-oasis {       background-image: none !important; } } /* Background style for any screen that displays an image */ @media screen and (min-width: 1084px) {   body.skin-oasis {       background-size: cover !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-position-x: center !important; background-position-y: top !important; background-origin: padding-box !important; background-clip: border-box !important; } } /* Screens equal to or smaller than 16:9 1080p */ @media screen and (min-width: 1084px) and (max-width: 1920px) and (max-height: 1080px) {   body.skin-oasis {       background-image: url('/wiki/Special:FilePath/Wiki-background') !important; } } /* Screens wider or taller than 16:9 1080p */ @media screen and (min-width: 1921px) and (max-width: 2560px) and (max-height: 1440px), screen and (min-height: 1081px) and (max-height: 1440px) and (min-width: 1084px) {   body.skin-oasis {       background-image: url('/wiki/Special:FilePath/Wiki-background05x.jpg') !important; } } /* Screens wider or taller than 16:9 1440p */ @media screen and (min-width: 2561px), screen and (min-height: 1441px) and (min-width: 1084px) {}

/****************************************************************** project - book-about @media print, screen and (min-width: 737px) { .p-book-about { padding: 50px 25px 70px 50px; display: flex; flex-wrap: wrap; justify-content: space-between; } }

@media screen and (max-width: 736px) { .p-book-about { padding: 20px 20px 30px 20px; } }

.p-book-about__img { text-align: center; }

@media print, screen and (min-width: 737px) { .p-book-about__img { width: 43%; margin: 0; } }

@media screen and (max-width: 736px) { .p-book-about__img { margin: 0 0 20px 0; } }

.p-book-about__img figcaption { display: block; margin-top: 10px; line-height: 1.5; font-size: 13px; }

@media screen and (max-width: 736px) { .p-book-about__img figcaption { font-size: 12px; } }

@media print, screen and (min-width: 737px) { .p-book-about__main { width: calc(100% - 43% - 25px); } }

.p-book-about__main h1 { display: flex; align-items: center; color: #fc718b; line-height: 1.2; font-size: 28px; }

@media screen and (max-width: 736px) { .p-book-about__main h1 { font-size: 23px; } }

.p-book-about__main-onsale { flex-shrink: 0; margin-right: 8px; box-sizing: border-box; position: relative; display: block; border-radius: 100%; background-color: #e70012; color: #fff; font-weight: bold; padding-top: 3.8em; width: 3.8em; font-size: 22px; transform: translate(-1%, 0); }

@media screen and (max-width: 736px) { .p-book-about__main-onsale { font-size: 14px; box-shadow: 0px 0px 0px 2px #ffffff; } }

.p-book-about__main-onsale > span { position: absolute; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.p-book-about__main-onsale img { width: 80%; }

.p-book-about__main-release { line-height: 1.3; }

.p-book-about__main-release span { display: inline-block; color: #fd0000; font-weight: bold; font-size: 20px; }

@media screen and (max-width: 736px) { .p-book-about__main-release span { font-size: 16px; } }

.p-book-about__main-note { font-size: 18px; }

@media screen and (max-width: 736px) { .p-book-about__main-note { font-size: 14px; } }

.p-book-about__buy { border: 2px solid #fc718b; background-color: #ffeaea; padding: 20px; }

.p-book-about__buy-title { color: #fc718b; font-size: 18px; }

@media print, screen and (min-width: 737px) { .p-book-about__buy-list { display: flex; flex-wrap: wrap; margin-top: -3px; margin-right: -6px; } .p-book-about__buy-list ul { width: calc(50% - 6px); margin-top: 3px; margin-right: 6px; } }

.p-book-about__buy-list li { color: #888; position: relative; padding-left: 7px; padding-left: 12px; font-size: 15px; }

.p-book-about__buy-list li::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: calc( 0.8em - 4px); left: 0px; height: 8px; border-color: #fc718b; border-style: solid; border-right-width: 0; border-left-width: 7px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

@media screen and (max-width: 736px) { .p-book-about__buy-list li { font-size: 14px; } }

.p-book-about__buy-list li a { color: #2f2f2f; }

.p-book-about__bottom { width: 100%; margin-top: 40px; }

@media screen and (max-width: 736px) { .p-book-about__bottom { margin-top: 20px; font-size: 13px; } }

/****************************************************************** project - index-blog .p-index-blog__inner { margin-left: auto; margin-right: auto; max-width: 600px; }

.p-index-blog__item { background-color: #fff; border: 1px solid #ccc; border-radius: 8px; line-height: 1.5; }

.p-index-blog__item a { display: inline-block; color: inherit; transition-property: color; transition-duration: 0.3s; }

.p-index-blog__item a:hover { text-decoration: none; color: #fc718b; }

@media screen and (max-width: 736px) { .p-index-blog__item a::after { content: ""; display: block; clear: both; } }

.p-index-blog__img img { border-top-left-radius: 8px; border-top-right-radius: 8px; width: 100%; }

@media screen and (max-width: 736px) { .p-index-blog__img { float: left; width: 100px; padding: 1rem 1rem 0 1rem; } .p-index-blog__img img { border-radius: 8px; } }

.p-index-blog__body { display: block; padding: 1rem; }

.p-index-blog__title { display: block; font-weight: 500; font-size: 110%; }

@media screen and (max-width: 736px) { .p-index-blog__title { font-size: 100%; } }

.p-index-blog__copy { font-size: 80%; }

br { display: block; /* makes it have a width */ content: ""; /* clears default height */ margin-top: 0; /* change this to whatever height you want it */ }

table.covers th { background-color:#E76F8B; color:white; border:none; }

table.covers th, td { border-spacing:0; }

table.covers--colon th { background-color:#0eb4f0; color:white; }

table.covers--jel th { background-color:#ff9851; color:white; }

table.covers--nanamori th { background-color:#a0679c; color:white; }

table.covers--riinu th { background-color:#cd222a; color:white }

table.covers--satomi th { background-color:#fd6b9f; color:white; } table.covers--root th { background-color:#ffc956; color:white; }

.root { background-image: url(http://strawberryprince.com/common/img/top_profile_root_bg.png); }

.root:before { content: attr(data-text); /* here's the magic */ position:absolute; /* vertically center */ top:50%; transform:translateY(-50%); /* move to right */ left:100%; margin-left:15px; /* and add a small left margin */ /* basic styles */ width:150px; padding:10px; border-radius:10px; text-align:center;

display:none; /* hide by default */ }

.root:hover:before { display:block; }

/***************** Dialog box ****************/ .dialog { display: flex; align-items: center; max-width:540px; margin: 12px auto; background:#fff; border:5px #FF92B7 solid; border-radius: 10px; }

.dialog-img { width:88px; text-align: center; } .dialog h2, .guide-contents h2{ display: inline-block; margin: 0; color: #E8609E; line-height: 1.2; font-size:30px; font-weight: 800; text-align: left; filter:none; background: -moz-linear-gradient(top, rgba(255, 224, 79, 0) 67%, rgba(255, 224, 79, 0.7) 67%, rgba(255, 224, 79, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(0, 255, 0, 0) 67%, rgba(255, 224, 79, 0.7) 67%, rgba(255, 224, 79, 0.7) 100%); background: linear-gradient(to bottom, rgba(255, 224, 79, 0) 67%, rgba(255, 224, 79, 07) 67%, rgba(255, 224, 79, 0.7) 100%); } .dialog p{ color:#777777; font-size:14px; font-weight: 800; }

.pi-theme-colon .pi-image-collection-tabs li.current, .pi-theme-colon .pi-image-collection-tabs li:hover { background-color: #0db4f0; }

.pi-theme-jel .pi-image-collection-tabs li.current, .pi-theme-jel .pi-image-collection-tabs li:hover { background-color: #ff9851; } .pi-theme-nanamori .pi-image-collection-tabs li.current, .pi-theme-nanamori .pi-image-collection-tabs li:hover { background-color: #a0679c; } .pi-theme-riinu .pi-image-collection-tabs li.current, .pi-theme-riinu .pi-image-collection-tabs li:hover { background-color: #cd222a; } .pi-theme-satomi .pi-image-collection-tabs li.current, .pi-theme-satomi .pi-image-collection-tabs li:hover { background-color: #fd6b9f; } .pi-theme-root .pi-image-collection-tabs li.current, .pi-theme-root .pi-image-collection-tabs li:hover { background-color: #ffc956; } .portable-infobox .pi-image-collection-tabs { display: flex; flex-flow: row wrap; justify-content: center; margin: 5px 0 0; }

.portable-infobox .pi-image-collection-tabs li { border: none; box-sizing: border-box; font-size: 12px; line-height: 18px; flex: 1 0 auto; margin: 0; text-align:center; }

.portable-infobox .pi-image-collection-tabs li.current, .portable-infobox .pi-image-collection-tabs li:hover { color:white; font-weight: normal; transition: all 0.15s; }

/* back to top btn */

position: fixed; bottom: 30px; right: 30px; width: 46px; height: 46px; margin-left: -23px; background: #f9c8c6; border-radius: 100%; box-sizing: border-box; }
 * 1) BackToTopBtn div {

position: absolute; top: 64%; left: 50%; content: ""; width: 14px; height: 14px; margin: -10px 0 0 -7px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate( 135deg ); transform: rotate(135deg); }
 * 1) BackToTopBtn svg {

border-radius: initial; background: url(https://static.wikia.nocookie.net/the-cool-flan/images/3/30/Back_to_top_button.png/revision/latest?cb=20210513224602) no-repeat !important; background-size: contain !important; width: 70px; height: 80px; }   visibility: hidden; }
 * 1) BackToTopBtn div {
 * 1) BackToTopBtn svg {

.news p { text-decoration:none; }

.c-section--banner .slick-prev { z-index: +1; left: 0px; position: relative; position: absolute; width: 50px; height: 50px; border-radius: 100%; background-color: #0ac0c7; }

.c-section--banner .slick-prev, .c-section--banner .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; overflow: hidden; text-indent: -999px; width: 30px; height: 30px; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button, input, optgroup, select, textarea { color: #2f2f2f; line-height: inherit; } button { background-color: transparent; border: none; cursor: pointer; padding: 0; appearance: none; } button, select { text-transform: none; } button, input { overflow: visible; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } user agent stylesheet button { appearance: auto; -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark(black, white); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: center; align-items: flex-start; cursor: default; background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59)); box-sizing: border-box; margin: 0em; font: 400 13.3333px Arial; padding: 1px 6px; border-width: 2px; border-style: outset; border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133)); border-image: initial; border-radius: 2px; } .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } user agent stylesheet ul { list-style-type: disc; } body { background: url(http://strawberryprince.com/common/img/top_banner_bg.png); min-width: 320px; font-size: 1rem; color: #2f2f2f; line-height: 1.8; -webkit-font-smoothing: antialiased; } .c-section--banner .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(2.5px, 0) rotate(225deg); border-top: 5px solid #ffffff; border-right: 5px solid #ffffff; width: 20px; height: 20px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

a:hover { text-decoration:none !important; }

.marquee { overflow: hidden; position: relative; margin: 0; line-height: 50px; text-align: center; } .marquee span { width: 50%; }