.bss-Section {
padding-top: 40px;
}
.bss-Character {
position: relative;
text-align: center;
}
.bss-Character_Bushishi {
width: 240px;
margin-left: -60px;
}
.bss-Character_Serif {
width: 109px;
position: absolute;
top: 0;
left: 0;
right: -210px;
margin: auto;
}
.bss-Character_Serif img {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
transform-origin: bottom left;
animation: serif 16s infinite;
animation-fill-mode: none;
animation-timing-function: cubic-bezier(0.49, 0.02, 0.64, 1.29);
}
.bss-Character_Serif img:nth-child(1) {
animation-delay: 0s;
}
.bss-Character_Serif img:nth-child(2) {
animation-delay: 4s;
}
.bss-Character_Serif img:nth-child(3) {
animation-delay: 8s;
}
.bss-Character_Serif img:nth-child(4) {
animation-delay: 12s;
}
@keyframes serif {
from {
opacity: 1;
visibility: hidden;
transform: scale(0);
z-index: 10;
}
3% {
opacity: 1;
visibility: visible;
transform: scale(1);
z-index: 10;
}
to   {
opacity: 1;
visibility: visible;
transform: scale(1);
z-index: 0;
}
}
.bss-Scroll {
position: relative;
left: 50%;
width: calc(100% + 28px);
max-width: 347px;
margin-top: 40px;
margin-bottom: 75px;
padding: 22px 13px 0;
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/bg_scroll.png) center top repeat-y;
background-size: 100% auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.bss-Scroll::before,
.bss-Scroll::after {
content: "";
position: absolute;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
background-size: 100% auto;
}
.bss-Scroll::before {
top: -27px;
right: 1px;
left: 2px;
max-width: 344px;
height: 48.5px;
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/bg_scroll_top.png);
}
.bss-Scroll::after {
right: -12px;
bottom: -75px;
left: -13px;
max-width: 372px;
height: 88px;
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/bg_scroll_btm.png);
}
.bss-Scroll.-en::after {
background-image: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/bg_scroll_btm_en.png);
}
.bss-Scroll_Inner {
padding: 40px 2px 80px 1px;
background-color: #f2f6f6;
text-align: center;
box-shadow: 0 0 2px rgba(0, 0, 0, .08);
}
.bss-Scroll_Inner::before {
content: "";
position: absolute;
bottom: -27px;
left: calc(50% + 80px);
width: 60px;
height: 69px;
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/ic_bushishi_scroll.png) no-repeat;
background-size: 100% auto;
}
.bss-Scroll_Heading {
margin: 0 0 53px;
}
.bss-Scroll_Heading:not(:first-child) {
margin-top: 50px;
}
@media only screen and (max-width: 768px) {
.bss-Scroll_Heading.-en {
margin: 0 0 40px;
}
.bss-Scroll_Heading.-en:not(:first-child) {
margin-top: 40px;
}
}
.bss-Scroll_Date {
margin-right: -2px;
margin-left: -1px;
}
.bss-Scroll_Bnr {
margin-top: 20px;
}
.bss-Scroll_Movie{
position: relative;
padding: 0 25px;
margin-top: 20px;
}
.bss-Scroll_Movie > img{
position: absolute;
top: -15%;
right: 0;
width: 100%;
height: 121%;
padding: 0 20px;
z-index: 1;
pointer-events: none;
}
@media only screen and (max-width: 425px){
.bss-Scroll_Movie{
padding: 0;
}
.bss-Scroll_Movie > img{
padding: 0;
}
}
@media only screen and (min-width: 769px){
.bss-Scroll_Movie{
padding: 0 50px;
}
.bss-Scroll_Movie > img{
position: absolute;
top: -16%;
right: 0;
width: 100%;
height: 123%;
padding: 0 20px;
z-index: 1;
pointer-events: none;
}
}
.bss-Scroll_MovieImage{
position:relative;
width:100%;
padding-top:56.25%;
}
.bss-Scroll_MovieImage iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.bss-Scroll_MovieImage a {
display: inline-block;
position: relative;
}
.bss-Scroll_MovieImage a::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 36px;
height: 36px;
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_play.png) no-repeat;
background-size: 100% auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 769px) {
.bss-Scroll_MovieImage a::before {
width: 72px;
height: 72px;
}
}
.bss-Scroll_MovieHeading {
position: absolute;
bottom: -3px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
}
@media only screen and (min-width: 769px) {
.bss-Scroll_MovieHeading {
font-size: 1.6rem;
}
}
@media only screen and (max-width: 768px) {
.bss-Scroll_MovieHeading.-en {
font-size: 1.2rem;
line-height: 1.2;
bottom: -6px;
}
}
.bss-Album {
padding-top: 45px;
}
@media only screen and (min-width: 769px) {
.bss-Album {
padding-top: 160px;
}
}
.slick-prev {
left: 20px;
}
.slick-next {
right: 20px;
}
@media only screen and (min-width: 769px){
.slick-prev {
left: 35px;
}
}
@media only screen and (min-width: 769px){
.slick-next {
right: 35px;
}
}
.slick-prev::before, .slick-next::before {
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/common/images/ic_arrow_paging_blue_01.png) no-repeat;
background-size: 100% 100%;
width: 40px;
height: 40px;
}
.slick-prev::before {
transform: translate(-50%, -50%) scaleX(-1);
}
@media only screen and (min-width: 769px){
.slick-prev::before, .slick-next::before {
width: 36px;
height: 36px;
}
}
.slick-slider {
padding: 0;
padding-inline-start: 0;
-webkit-padding-start: 0;
}
@media all and (-ms-high-contrast: none) {
.slick-slider {
padding: 0;
}
}
.slider{
margin: auto;
width: 100%;
}
.slider img{
height: auto;
max-height: 165px;
width: auto;
}
@media only screen and (min-width: 769px){
.slider img{
height: 388px;
max-height: 100%;
}
}
.slick-slide {
margin-right: 35px;
margin-left: 35px;
}
@media only screen and (min-width: 769px){
.slick-slide {
margin-right: 50px;
margin-left: 50px;
}
}
.slick-dots {
position: absolute;
bottom: -20px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
display: inline-block;
margin: 0 7px;
}
.slick-dots button {
position: relative;
text-indent: -9999px;
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.slick-dots li button:before {
content: '•';
font-size: 32px;
text-indent: 0px;
position: absolute;
top: 0;
left: -8px;
opacity: .25;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: #0d6ccc;
}
.sw-Btn:not(:first-child) {
margin-top: 60px;
}
.bss-Goods {
padding-top: 45px;
}
@media only screen and (min-width: 769px) {
.bss-Goods {
padding-top: 160px;
}
}
.bss-Goods_Sns {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 50px 0 -10px;
padding: 0;
list-style: none;
}
.bss-Goods_Sns li:not(:first-child) {
margin-left: 5px;
}
.bss-Goods_Sns li a {
position: relative;
}
.bss-Goods_Sns::before {
content: "";
position: absolute;
top: -30px;
right: calc(50% + 110px);
width: 72.5px;
height: 107.5px;
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/ic_bushishi_sns.png) no-repeat;
background-size: 100% auto;
}
.bss-Goods_Sns.-en::before {
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/ic_bushishi_sns_en.png) no-repeat;
background-size: 100% auto;
}
@media only screen and (max-width: 374px) {
.bss-Goods_Sns::before {
right: calc(50% + 95px);
}
}
@media only screen and (max-width: 768px) {
.bss-Goods_Sns.-en::before {
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/ic_bushishi_sns_en_sp.png) no-repeat;
background-size: 100% auto;
width: 82px;
height: 215px;
top: -80px;
}
}
@media only screen and (min-width: 769px) {
.bss-Scroll {
width: 728px;
max-width: 750px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.bss-Scroll::before {
top: -74px;
right: 1px;
left: 2px;
max-width: 747px;
height: 105.5px;
}
.bss-Scroll::after {
right: -35px;
bottom: -160px;
left: -33px;
max-width: 782px;
height: 179px;
width: 782px;
}
.bss-Scroll_Inner {
margin: 0 10px
}
.bss-Scroll_Inner::before {
content: "";
position: absolute;
bottom: -66px;
left: calc(50% + 180px);
width: 110px;
height: 128px;
background: url(//www.kendo.or.jp/wp/wp-content/themes/kendo/assets/bushishi/images/ic_bushishi_scroll.png) no-repeat;
background-size: 100% auto;
}
.bss-Goods_Sns::before {
top: -50px;
right: calc(50% + 120px);
width: 115px;
height: 185px;
}
.bss-Goods_Sns.-en::before {
width: 212px;
}
}