/*
* タブレット縦向き以上（PCサイズ）
*/
@charset "utf-8";

html {
    /* 10oxをベースにする*/
    font-size: 62.5%;
}

body {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color: #333;
    background: #fff;
    font-size: 1.4rem;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    min-width: 980px;
}

/* アンカーリンク、フォントカラーは基本黒のままにし、下線は表示しない、 */
a {
    color: #000;
    text-decoration: none;
}

/* ボタンタグにフォーカスを当てない */
button:focus {
    outline: none;
}

/* 共通ヘッダ */
header {
    width: 100%;
    background-color: #ffffff;
    top: 0;
    left: 0;
    z-index: 99999;
    position: fixed;
    display: block;
}

header .header_container {
    height: 160px;
    margin: 0 auto;
    width: 980px;
    display: block;
}

header .header_container .header_nav ul {
    display: flex;
}

header .header_container .header_nav ul li a.logo {
    padding: 55px 0 0 0;
    width: 265px;
    margin: 30px 0 0 0;
    display: flex;
    background-image: url(../img/icon/logo2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

header .header_container .header_nav ul li a.logo_100anniversary {
    padding: 75px 0 0 0;
    width: 85px;
    margin: 30px 0 0 20px;
    display: flex;
    background-image: url(../img/icon/100anniversary_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

header .header_container .header_nav ul li:first-child {
    text-align: left;
}

header .header_container .header_nav ul li span.bankcode {
    color: #666666;
    display: inline-block;
}

header .header_container .header_nav li.fontsize {
    width: 200px;
    margin: 50px 10px 0px 10px;
}

header .header_container .header_nav li.fontsize>span {
    font-weight: bold;
    font-size: 1.4rem;
    margin-right: 8px;
}

header .header_container .header_nav li.fontsize p {
    border: 1px solid #0269b8;
    border-radius: 50%;
    padding: 3px 6px;
    display: inline-block;
    cursor: pointer;
    color: #0269b8;
    font-size: 1.4rem;
}

header .header_container .header_nav li.fontsize p.active {
    background: #0269b8;
    color: #fff;
}

header .header_container .header_nav li.login {
    width: 140px;
    height: 85px;
}

header .header_container .header_nav li.login p {
    margin: 10px 0;
    font-size: 1.3rem;
}

header .header_container .header_nav li.kojin {
    background: #71bb10;
}

header .header_container .header_nav li.kojin:hover {
    background-color: #85cf23;
    transition: all 0.3s ease;
}

header .header_container .header_nav li.kojin p,
header .header_container .header_nav li.houjin p {
    color: #ffffff;
}

header .header_container .header_nav li.houjin {
    background: #2e9be0;
}

header .header_container .header_nav li.houjin:hover {
    background-color: #55bbfa;
    transition: all 0.3s ease;
}

header .header_container .header_nav li.densai {
    background: #ffffff;
    border: #0168b5 1px solid;
}

header .header_container .header_nav li.densai:hover {
    background-color: #0068b71a;
    transition: all 0.3s ease;
}

header .header_container .header_nav li.densai p {
    color: #0168b5;
    font-size: 1.5rem;
}

header .header_container .header_nav li.login p .ib,
header .header_container .header_nav li.login p .ibdensai {
    display: inline-block;
    padding-top: 5px;
    font-weight: bolder;
    font-size: 1.6rem;
}

header .header_container .header_nav li.login p .ibdensai {
    font-size: 1.4rem;
}

header .header_container .header_nav .hnav2 {
    justify-content: flex-end;
    padding-right: 80px;
}

header .header_container .header_nav ul.hnav2 li {
    margin-left: 20px;
}

header .header_container .header_nav ul.hnav2 li a {
    color: black;
}

header .header_container .header_nav ul.hnav2>li:nth-child(1),
header .header_container .header_nav ul.hnav2>li:nth-child(2) {
    padding-top: 15px;
}

header .header_container .header_nav ul.hnav2 li:nth-child(1) a,
header .header_container .header_nav ul.hnav2 li:nth-child(2) a {
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px;
}

header .header_container .header_nav ul.hnav2 li:nth-child(1) a {
    background-image: url(../img/icon/credit-card.svg);
}

header .header_container .header_nav ul.hnav2 li:nth-child(2) a {
    background-image: url(../img/icon/suitcase.svg);
}

/* キーワード検索領域 ※2020.02リニューアル時点では使用しない */

.search {
    display: none;
    position: relative;
    width: 300px;
}

/* スマホメニュー上のキーワード検索領域 */
#modal_overlay>.bottom_Box>.search {
    width: 100%;
    display: none;
}

/* キーワード検索領域 */

.search button span {
    color: white;
    font-size: 1.8rem;
}

.search>input.search_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #999;
    border-radius: 5px 0 0 5px;
    background: #f5f5f5;
    margin-right: 100px;
    width: calc(100% - 99px);
}

.search>.search_submit {
    position: absolute;
    width: 100px;
    height: 41px;
    top: calc(50% - 21px);
    right: 0;
    border-radius: 0 5px 5px 0;
    background: #0168b5;
    padding-left: 30px;
    border-style: none;
}

.search>.search_submit:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    top: calc(50% - 9px);
    left: calc(50% - 35px);
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fff;
    color: #fff;
}

.search>.search_submit:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 8px;
    top: calc(50% + 6px);
    left: calc(50% - 26px);
    border-top: solid 3px #fff;
    transform: rotate(45deg);
}

/* スマホメニュー下部 */

#modal_overlay>.bottom_Box {
    margin-top: 0px;
    padding: 0px 25px;
    display: flex;
    flex-flow: column;
}

#modal_overlay>.bottom_Box>.menubuttonList {
    margin: 20px 0 0 0;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

#modal_overlay>.bottom_Box li.menu_icon {
    margin-bottom: 20px;
}

#modal_overlay>.bottom_Box li.menu_icon a {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 1.7rem;
    letter-spacing: 0.3rem;
    border-radius: 3px;
    text-align: left;
    background-size: 20px;
    background-position: left 20px center;
    background-repeat: no-repeat;
    color: #ffffff;
}

#modal_overlay>.bottom_Box li.menu_icon a>span {
    letter-spacing: normal;
}

#modal_overlay>.bottom_Box li.menu_icon .kojin:hover {
    background-color: #85cf23;
    transition: all 0.3s ease;
}

#modal_overlay>.bottom_Box li.menu_icon .kojin {
    background-color: #71bb10;
}

#modal_overlay>.bottom_Box li.menu_icon .houjin {
    background-color: #2e9be0;
}

#modal_overlay>.bottom_Box li.menu_icon .houjin:hover {
    background-color: #55bbfa;
    transition: all 0.3s ease;
}

#modal_overlay>.bottom_Box li.menu_icon .densai {
    background-color: #ffffff;
    border: #0168b5 1px solid;
    color: #0168b5;
}

#modal_overlay>.bottom_Box li.menu_icon .densai>span {
    font-size: 1.3rem;
}

#modal_overlay>.bottom_Box li.menu_icon .densai:hover {
    background-color: #C2E4FF;
    transition: all 0.3s ease;
}

#modal_overlay>.bottom_Box li.menu_icon .kojin {
    background-image: url(../img/icon/man_white.svg);
}

#modal_overlay>.bottom_Box li.menu_icon .houjin {
    background-image: url(../img/icon/building_white.svg);
}

#modal_overlay>.bottom_Box li.menu_icon .densai {
    background-image: url(../img/icon/certificate.svg);
}

/* スマホメニューの閉じるボタン */

#close_hamburger {
    font-size: 1.7rem;
    height: 50px;
    width: 260px;
    margin: 0 auto 20px auto;
    background-color: #ffffff;
    border: #0168b5 1px solid;
    color: #0168b5;
    border-radius: 50px;
    position: relative;
    display: none;
}

#close_hamburger:hover {
    background-color: #0068b71a;
    transition: all 0.3s ease;
}

#close_hamburger>span {
    text-indent: 2rem;
    display: inline-block;
}

#close_hamburger>span:before,
#close_hamburger>span:after {
    display: block;
    content: "";
    position: absolute;
    top: 48%;
    left: 60%;
    width: 30px;
    height: 2px;
    margin: 0 0 0 -30%;
    background-color: #0168b5;
}

#close_hamburger>span:before {
    transform: rotate(-45deg);
}

#close_hamburger>span:after {
    transform: rotate(45deg);
}

.sub_header {
    margin-top: 160px;
    height: 100px;
}

/* ハンバーガーアイコン */

.icon_hamburger {
    background: #0168b7;
    height: 50px;
    width: 50px;
    position: fixed;
    /*display: none;*/
    font-size: 1rem;
    color: #fff;
    padding-top: 33px;
    font-weight: normal !important;
    cursor: pointer;
    z-index: 99999;
    position: relative;
    top: -50px;
    left: 930px;
}

.icon_hamburger span {
    background: #fff;
    display: block;
    height: 5%;
    left: 50%;
    margin: 3% 0 0 -35%;
    position: absolute;
    top: 30%;
    width: 70%;
}

.icon_hamburger span:before,
.icon_hamburger span:after {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    top: 50%;
    left: 50%;
    margin: -10% 0 0 -50%;
    position: absolute;
    width: 100%;
}

.icon_hamburger span:before {
    margin-top: -31%;
}

.icon_hamburger span:after {
    margin-top: 25%;
}

.icon_hamburger.modal_open:before,
.icon_hamburger.modal_open:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 4%;
    margin: -16% 0 0 -25%;
    background: #fff;
}

.icon_hamburger.modal_open:before {
    transform: rotate(-45deg);
}

.icon_hamburger.modal_open:after {
    transform: rotate(45deg);
}

#modal_overlay {
    display: none;
    background: rgba(1, 104, 183, 0.93);
    background-color: #0168b7ec;
    position: fixed;
    overflow-y: auto;
    height: 575px;
    width: 350px;
    top: 155px;
    z-index: 9999;
}

.pc_only {
    display: block;
}

.sub_header_container {
    display: block;
}

.sub_header .sub_header_container {
    width: 980px;
    margin: 0 auto;
}

.sub_header .sub_header_container .menu {
    display: flex;
    justify-content: space-around
}

.sub_header .sub_header_container .menu li {
    padding: 0 29px;
    border-right: solid #dddddd 1px;
}

.sub_header .sub_header_container .menu li:nth-of-type(1) {
    width: 175px;
}

.sub_header .sub_header_container .menu li:nth-of-type(2) {
    width: 190px;
}

.sub_header .sub_header_container .menu li:nth-of-type(3) {
    width: 155px;
}

.sub_header .sub_header_container .menu li:nth-of-type(4) {
    width: 175px;
}

.sub_header .sub_header_container .menu li:nth-of-type(5) {
    width: 145px;
}

.sub_header .sub_header_container .menu li:nth-of-type(6) {
    width: 140px;
}

.sub_header .sub_header_container .menu li:last-child {
    border-right: none;
}

.sub_header ul.menu li.menu_icon a {
    margin: 10px 0 0 0;
    height: 50px;
    display: flex;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: black;
    padding: 0 auto;
}

#modal_overlay ul.menu {
    margin: 10px 30px 0;
    padding-top: 10px;
}

#modal_overlay ul.menu li.menu_icon {
    box-sizing: border-box;
    border-bottom: 2px solid #3185c6;
}

#modal_overlay li.menu_icon a {
    color: #fff;
    font-size: 1.8rem;
    line-height: 50px;
    background-position-x: 15px;
    background-position-y: 10px;
    background-repeat: no-repeat;
    background-size: 25px;
    width: 100%;
    text-align: left;
    position: relative;
    display: inline-block;
    padding: 0 0 0 60px;
    vertical-align: middle;
}

#modal_overlay li.menu_icon a:before,
#modal_overlay ul.menu li.menu_icon a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#modal_overlay li.menu_icon a:after {
    right: 15px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

.sub_header .sub_header_container ul.menu li:nth-child(1) a {
    background-image: url(../img/icon/funds.svg);
}

.sub_header .sub_header_container ul.menu li:nth-child(2) a {
    background-image: url(../img/icon/taba.svg);
}

.sub_header .sub_header_container ul.menu li:nth-child(3) a {
    background-image: url(../img/icon/hand.svg);
}

.sub_header .sub_header_container ul.menu li:nth-child(4) a {
    background-image: url(../img/icon/coins.svg);
}

.sub_header .sub_header_container ul.menu li:nth-child(5) a {
    background-image: url(../img/icon/graf.svg);
}

.sub_header .sub_header_container ul.menu li:nth-child(6) a {
    background-image: url(../img/icon/atm.svg);
}

#modal_overlay ul.menu li:nth-child(1) a {
    background-image: url(../img/icon/funds_white.svg);
    background-position-y: initial;
}

#modal_overlay ul.menu li:nth-child(2) a {
    background-image: url(../img/icon/taba_white.svg);
    background-position-y: 15px;
}

#modal_overlay ul.menu li:nth-child(3) a {
    background-image: url(../img/icon/hand_white.svg);
}

#modal_overlay ul.menu li:nth-child(4) a {
    background-image: url(../img/icon/coins_white.svg);
}

#modal_overlay ul.menu li:nth-child(5) a {
    background-image: url(../img/icon/graf_white.svg);
}

#modal_overlay ul.menu li:nth-child(6) a {
    background-image: url(../img/icon/atm_white.svg);
}

#modal_overlay ul.menu li:nth-child(7) a {
    background-image: url(../img/icon/atm_white.svg);
}

#modal_overlay ul.menu li:nth-child(8) a {
    background-image: url(../img/icon/atm_white.svg);
}

.sub_header .sub_header_container .menu li.menu_icon a>span {
    padding-top: 60px;
    font-size: 1.6rem;
    padding-left: 15px;
}

.sub_header .sub_header_container .menu li.menu_icon:nth-child(3) a>span {
    padding-left: 18px;
}

.sub_header .sub_header_container .menu li.menu_icon:nth-child(4) a>span {
    padding-left: 24px;
}

.sub_header .sub_header_container .menu li.menu_icon:nth-child(5) a>span {
    padding-left: 28px;
}

/*スライダー画像*/
#slider_aria {
    margin-left: calc(50% - 720px);
    left: 0;
    width: 1440px;
    height: 434px;
}

#sliderbutton {
    position: relative;
    width: inherit;
    height: inherit;
    margin: 0 auto;
    padding-bottom: 7.5%;
    overflow: hidden;
}

/* スライダー画像関連 */

#sliderbutton input {
    display: none;
}

.sliderbutton_normal {
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #ccc;
    cursor: pointer;
}

#slide {
    position: absolute;
    width: 100%;
    height: 480px;
    opacity: 0;
    /* animation: sliderbuttonAnime-6 36s infinite; /*スライド６枚ver */
    /* animation: sliderbuttonAnime-7 42s infinite; /*スライド７枚ver */
    animation: sliderbuttonAnime-8 48s infinite;
    /* スライド８枚ver */
    /* animation: sliderbuttonAnime-9 54s infinite;/* スライド９枚ver */
    /* animation: sliderbuttonAnime-10 60s infinite;/* スライド10枚ver */
    /*animation: sliderbuttonAnime-11 66s infinite;/* スライド11枚ver */
    /*animation: sliderbuttonAnime-12 72s infinite;/* スライド12枚ver */
    /*animation: sliderbuttonAnime-13 78s infinite;/* スライド13枚ver */
    /* pointer-events: none; */
}

.slide-img {
    position: absolute;
    width: 100%;
    height: 404px;
}

.slide-img img {
    width: 970px;
    margin: auto;
    max-height: 404px;
}

/*
.slide_kojin{
    display: block;
}

.slide_houjin{
    display: none;
}
*/

#slide1 {
    left: 0;
    /* background: #8FC1F0; */
}

#slide2 {
    left: 100%;
    /* background: #379247; */
}

#slide3 {
    left: 200%;
    /* background: #ece15ccf; */
}

#slide4 {
    left: 300%;
    /* background: #ece15ccf; */
}

#slide5 {
    left: 400%;
    /* background: #ec8b5ccf; */
}

/*スライド6枚の場合有効化*/
#slide6 {
    left: 500%;
    /* background: #ec8b5ccf; */
}

/*スライド7枚の場合有効化*/
#slide7 {
    left: 600%;
    /* background: #ec8b5ccf; */
}

/*スライド8枚の場合有効化*/
#slide8 {
    left: 700%;
    /* background: #ec8b5ccf; */
}

/*スライド9枚の場合有効化*/
/* #slide9 {
    left: 800%;
    /* background: #ec8b5ccf;
} */
/*スライド10枚の場合有効化*/
/* #slide10 {
    left: 900%;
} */
/*スライド11枚の場合有効化*/
/* #slide11 {
    left: 1000%;
} */
/*スライド12枚の場合有効化*/
/* #slide12 {
    left:1100%;
} */
/*スライド13枚の場合有効化*/
/* #slide13 {
    left: 1200%;
} */

.sliderbutton_color {
    position: absolute;
    bottom: -30px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #0168b7;
}

#sliderbutton {
    padding-bottom: 20px;
}

.sliderbutton_normal {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}


/* ==================================================== */
/* スライドぽちの位置調整 */
/* スライダー調整の際base.cssはポチの位置だけ調整すればいい */
/* ==================================================== */
/* ここから~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* スライド5枚時 */
/* #navi1, #navi1b {
    left: 43.5%;
}
#navi2, #navi2b {
    left: 46.5%;
}
#navi3, #navi3b {
    left: 49.5%;
}
#navi4, #navi4b {
    left: 52.5%;
}
#navi5, #navi5b {
    left: 55.5%;
} */

/*スライド6枚時 */
/* #navi1, #navi1b {
    left: 42.5%;
}
#navi2, #navi2b {
    left: 45.5%;
}
#navi3, #navi3b {
    left: 48.5%;
}
#navi4, #navi4b {
    left: 51.5%;
}
#navi5, #navi5b {
    left: 54.5%;
}
#navi6, #navi6b {
    left: 57.5%;
} */

/*スライド7枚時 */
/* #navi1, #navi1b {
    left: 41.5%;
}
#navi2, #navi2b {
    left: 44.5%;
}
#navi3, #navi3b {
    left: 47.5%;
}
#navi4, #navi4b {
    left: 50.5%;
}
#navi5, #navi5b {
    left: 53.5%;
}
#navi6, #navi6b {
    left: 56.5%;
}
#navi7, #navi7b {
    left: 59.5%;
} */

/*スライド8枚時 */
#navi1,
#navi1b {
    left: 39.5%;
}

#navi2,
#navi2b {
    left: 42.5%;
}

#navi3,
#navi3b {
    left: 45.5%;
}

#navi4,
#navi4b {
    left: 48.5%;
}

#navi5,
#navi5b {
    left: 51.5%;
}

#navi6,
#navi6b {
    left: 54.5%;
}

#navi7,
#navi7b {
    left: 57.5%;
}

#navi8,
#navi8b {
    left: 60.5%;
}

/*スライド9枚時 */
/* #navi1, #navi1b {
    left: 37.5%;
}
#navi2, #navi2b {
    left: 40.5%;
}
#navi3, #navi3b {
    left: 43.5%;
}
#navi4, #navi4b {
    left: 46.5%;
}
#navi5, #navi5b {
    left: 49.5%;
}
#navi6, #navi6b {
    left: 52.5%;
}
#navi7, #navi7b {
    left: 55.5%;
}
#navi8, #navi8b {
    left: 58.5%;
}
#navi9, #navi9b {
    left: 61.5%;
} */

/*スライド10枚時 */
/* #navi1, #navi1b {
    left: 36.5%;
}
#navi2, #navi2b {
    left: 39.5%;
}
#navi3, #navi3b {
    left: 42.5%;
}
#navi4, #navi4b {
    left: 45.5%;
}
#navi5, #navi5b {
    left: 48.5%;
}
#navi6, #navi6b {
    left: 51.5%;
}
#navi7, #navi7b {
    left: 54.5%;
}
#navi8, #navi8b {
    left: 57.5%;
}
#navi9, #navi9b {
    left: 60.5%;
}
#navi10, #navi10b {
    left: 63.5%;
} */

/*スライド11枚時 */
/* #navi1, #navi1b {
    left: 41.5%;
}
#navi2, #navi2b {
    left: 44.5%;
}
#navi3, #navi3b {
    left: 47.5%;
}
#navi4, #navi4b {
    left: 50.5%;
}
#navi5, #navi5b {
    left: 53.5%;
}
#navi6, #navi6b {
    left: 56.5%;
}
#navi7, #navi7b {
    left: 59.5%;
}
#navi8, #navi8b {
    left: 62.5%;
}
#navi9, #navi9b {
    left: 65.5%;
}
#navi10, #navi10b {
    left: 68.5%;
}
#navi11, #navi11b {
    left: 71.5%;
} */

/*スライド12枚時 */
/* #navi1, #navi1b {
    left: 41.5%;
}
#navi2, #navi2b {
    left: 44.5%;
}
#navi3, #navi3b {
    left: 47.5%;
}
#navi4, #navi4b {
    left: 50.5%;
}
#navi5, #navi5b {
    left: 53.5%;
}
#navi6, #navi6b {
    left: 56.5%;
}
#navi7, #navi7b {
    left: 59.5%;
}
#navi8, #navi8b {
    left: 62.5%;
}
#navi9, #navi9b {
    left: 65.5%;
}
#navi10, #navi10b {
    left: 68.5%;
}
#navi11, #navi11b {
    left: 71.5%;
}
#navi12, #navi12b {
    left: 74.5%;
} */

/*スライド13枚時 */
/* #navi1, #navi1b {
    left: 32.5%;
}
#navi2, #navi2b {
    left: 35.5%;
}
#navi3, #navi3b {
    left: 38.5%;
}
#navi4, #navi4b {
    left: 41.5%;
}
#navi5, #navi5b {
    left: 44.5%;
}
#navi6, #navi6b {
    left: 47.5%;
}
#navi7, #navi7b {
    left: 50.5%;
}
#navi8, #navi8b {
    left: 53.5%;
}
#navi9, #navi9b {
    left: 56.5%;
}
#navi10, #navi10b {
    left: 59.5%;
}
#navi11, #navi11b {
    left: 62.5%;
}
#navi12, #navi12b {
    left: 65.5%;
}
#navi13, #navi13b {
    left: 68.5%;
} */
/* ここまで~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ==================================================== */
/* スライドチェックのアニメーション */
/* ==================================================== */
/* ここから~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*スライド5枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-a 30s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-b 30s infinite;
    animation-delay: -6s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-c 30s infinite;
    animation-delay: -12s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-d 30s infinite;
    animation-delay: -18s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-e 30s infinite;
    animation-delay: -24s;
} */


/*スライド6枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-6a 36s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-6b 36s infinite;
    animation-delay: -6s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-6c 36s infinite;
    animation-delay: -12s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-6d 36s infinite;
    animation-delay: -18s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-6e 36s infinite;
    animation-delay: -24s;
}
#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-6f 36s infinite;
    animation-delay: -30s;
} */

/*スライド7枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-7a 42s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-7b 42s infinite;
    animation-delay: -6s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-7c 42s infinite;
    animation-delay: -12s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-7d 42s infinite;
    animation-delay: -18s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-7e 42s infinite;
    animation-delay: -24s;
}
#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-7f 42s infinite;
    animation-delay: -30s;
}
#sliderbutton7:checked~#slide {
    animation: sliderbuttonAnime-7g 42s infinite;
    animation-delay: -36s;
} */


/*スライド8枚時*/
#sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-8a 48s infinite;
    animation-delay: 0s;
}

#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-8b 48s infinite;
    animation-delay: -6s;
}

#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-8c 48s infinite;
    animation-delay: -12s;
}

#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-8d 48s infinite;
    animation-delay: -18s;
}

#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-8e 48s infinite;
    animation-delay: -24s;
}

#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-8f 48s infinite;
    animation-delay: -30s;
}

#sliderbutton7:checked~#slide {
    animation: sliderbuttonAnime-8g 48s infinite;
    animation-delay: -36s;
}

#sliderbutton8:checked~#slide {
    animation: sliderbuttonAnime-8h 48s infinite;
    animation-delay: -42s;
}

/*スライド9枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-9a 54s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-9b 54s infinite;
    animation-delay: -6.5s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-9c 54s infinite;
    animation-delay: -12.5s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-9d 54s infinite;
    animation-delay: -18.5s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-9e 54s infinite;
    animation-delay: -24.5s;
}
#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-9f 54s infinite;
    animation-delay: -31s;
}
#sliderbutton7:checked~#slide {
    animation: sliderbuttonAnime-9g 54s infinite;
    animation-delay: -37s;
}
#sliderbutton8:checked~#slide {
    animation: sliderbuttonAnime-9h 54s infinite;
    animation-delay: -43s;
}
#sliderbutton9:checked~#slide {
    animation: sliderbuttonAnime-9i 54s infinite;
    animation-delay: -49s;
} */

/*スライド10枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-10a 60s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-10b 60s infinite;
    animation-delay: -6s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-10c 60s infinite;
    animation-delay: -12s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-10d 60s infinite;
    animation-delay: -18s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-10e 60s infinite;
    animation-delay: -24s;
}
#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-10f 60s infinite;
    animation-delay: -30s;
}
#sliderbutton7:checked~#slide {
    animation: sliderbuttonAnime-10g 60s infinite;
    animation-delay: -36s;
}
#sliderbutton8:checked~#slide {
    animation: sliderbuttonAnime-10h 60s infinite;
    animation-delay: -42s;
}
#sliderbutton9:checked~#slide {
    animation: sliderbuttonAnime-10i 60s infinite;
    animation-delay: -48s;
}
#sliderbutton10:checked~#slide {
    animation: sliderbuttonAnime-10j 60s infinite;
    animation-delay: -54s;
} */


/*スライド11枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-11a 66s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-11b 66s infinite;
    animation-delay: -6s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-11c 66s infinite;
    animation-delay: -12s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-11d 66s infinite;
    animation-delay: -18s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-11e 66s infinite;
    animation-delay: -24s;
}
#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-11f 66s infinite;
    animation-delay: -30s;
}
#sliderbutton7:checked~#slide {
    animation: sliderbuttonAnime-11g 66s infinite;
    animation-delay: -36s;
}
#sliderbutton8:checked~#slide {
    animation: sliderbuttonAnime-11h 66s infinite;
    animation-delay: -42s;
}
#sliderbutton9:checked~#slide {
    animation: sliderbuttonAnime-11i 66s infinite;
    animation-delay: -48s;
}
#sliderbutton10:checked~#slide {
    animation: sliderbuttonAnime-11j 66s infinite;
    animation-delay: -54s;
}
#sliderbutton11:checked~#slide {
    animation: sliderbuttonAnime-11k 66s infinite;
    animation-delay: -60s;
} */


/*スライド12枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-12a 72s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-12b 72s infinite;
    animation-delay: -6s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-12c 72s infinite;
    animation-delay: -12s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-12d 72s infinite;
    animation-delay: -18s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-12e 72s infinite;
    animation-delay: -24s;
}
#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-12f 72s infinite;
    animation-delay: -30s;
}
#sliderbutton7:checked~#slide {
    animation: sliderbuttonAnime-12g 72s infinite;
    animation-delay: -36s;
}
#sliderbutton8:checked~#slide {
    animation: sliderbuttonAnime-12h 72s infinite;
    animation-delay: -42s;
}
#sliderbutton9:checked~#slide {
    animation: sliderbuttonAnime-12i 72s infinite;
    animation-delay: -48s;
}
#sliderbutton10:checked~#slide {
    animation: sliderbuttonAnime-12j 72s infinite;
    animation-delay: -54s;
}
#sliderbutton11:checked~#slide {
    animation: sliderbuttonAnime-12k 72s infinite;
    animation-delay: -60s;
}
#sliderbutton12:checked~#slide {
    animation: sliderbuttonAnime-12l 72s infinite;
    animation-delay: -66s;
} */


/*スライド13枚時*/
/* #sliderbutton1:checked~#slide {
    animation: sliderbuttonAnime-13a 78s infinite;
    animation-delay: 0s;
}
#sliderbutton2:checked~#slide {
    animation: sliderbuttonAnime-13b 78s infinite;
    animation-delay: -6s;
}
#sliderbutton3:checked~#slide {
    animation: sliderbuttonAnime-13c 78s infinite;
    animation-delay: -12s;
}
#sliderbutton4:checked~#slide {
    animation: sliderbuttonAnime-13d 78s infinite;
    animation-delay: -18s;
}
#sliderbutton5:checked~#slide {
    animation: sliderbuttonAnime-13e 78s infinite;
    animation-delay: -24.5s;
}
#sliderbutton6:checked~#slide {
    animation: sliderbuttonAnime-13f 78s infinite;
    animation-delay: -30.5s;
}
#sliderbutton7:checked~#slide {
    animation: sliderbuttonAnime-13g 78s infinite;
    animation-delay: -36.75s;
}
#sliderbutton8:checked~#slide {
    animation: sliderbuttonAnime-13h 78s infinite;
    animation-delay: -42.75s;
}
#sliderbutton9:checked~#slide {
    animation: sliderbuttonAnime-13i 78s infinite;
    animation-delay: -49s;
}
#sliderbutton10:checked~#slide {
    animation: sliderbuttonAnime-13j 78s infinite;
    animation-delay: -55.5s;
}
#sliderbutton11:checked~#slide {
    animation: sliderbuttonAnime-13k 78s infinite;
    animation-delay: -61.5s;
}
#sliderbutton12:checked~#slide {
    animation: sliderbuttonAnime-13l 78s infinite;
    animation-delay: -70s;
}
#sliderbutton13:checked~#slide {
    animation: sliderbuttonAnime-13m 78s infinite;
    animation-delay: -75.5s;
} */
/* ここまで~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.slideinfo_block a {
    display: table;
    width: 100%;
    margin: 30px auto 20px;
    padding: 0.2rem 0.5rem;
    font-size: 1.6rem;
    background: #dfefff;
    box-shadow: 0px 0px 0px 5px #dfefff;
    border: dashed 1px #96c2fe;
    text-align: left;
}

.slideinfo_block a:hover {
    background-color: #BAD3FF;
}



/* ==================================================== */
/* @keyframes */
/* ==================================================== */
/* ここから~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* スライド13枚時 */
/* @keyframes sliderbuttonAnime-13 {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }
    
@keyframes sliderbuttonAnime-13a {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13b {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13c {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13d {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13e {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13f {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13g {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13h {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    
    }

@keyframes sliderbuttonAnime-13i {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }
@keyframes sliderbuttonAnime-13j {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }
@keyframes sliderbuttonAnime-13k {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }

@keyframes sliderbuttonAnime-13l {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    }
@keyframes sliderbuttonAnime-13m {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.349% {	
        left: 0px;
        opacity: 1;
        }
    
        5.805% {	
        left: 0px;
        opacity: 1;
        }
    
        7.1489% {	
        left: 0px;
        opacity: 0;
        }
    
        7.607% {	
        left: -100%;
        opacity: 0;
        }
    
        10.278% {	
        left: -100%;
        opacity: 1;
        }
    
        13.734% {	
        left: -100%;
        opacity: 1;
        }
    
        15.076% {	
        left: -100%;
        opacity: 0;
        }
    
        15.534% {	
        left: -200%;
        opacity: 0;
        }
    
        18.21% {	
        left: -200%;
        opacity: 1;
        }
    
        21.666% {	
        left: -200%;
        opacity: 1;
        }
    
        23.005% {	
        left: -200%;
        opacity: 0;
        }
    
        23.463% {	
        left: -300%;
        opacity: 0;
        }
    
        26.139% {	
        left: -300%;
        opacity: 1;
        }
    
        29.59% {	
        left: -300%;
        opacity: 1;
        }
    
        30.934% {	
        left: -300%;
        opacity: 0;
        }
    
        31.392% {	
        left: -400%;
        opacity: 0;
        }
    
        34.063% {	
        left: -400%;
        opacity: 1;
        }
    
        37.519% {	
        left: -400%;
        opacity: 1;
        }
    
        38.866% {	
        left: -400%;
        opacity: 0;
        }
    
        39.324% {	
        left: -500%;
        opacity: 0;
        }
    
        41.995% {	
        left: -500%;
        opacity: 1;
        }
    
        45.451% {	
        left: -500%;
        opacity: 1;
        }
    
        46.79% {	
        left: -500%;
        opacity: 0;
        }
    
        47.248% {	
        left: -600%;
        opacity: 0;
        }
    
        49.915% {	
        left: -600%;
        opacity: 1;
        }
    
        53.375% {	
        left: -600%;
        opacity: 1;
        }
    
        54.722% {	
        left: -600%;
        opacity: 0;
        }
    
        55.18% {	
        left: -700%;
        opacity: 0;
        }
    
        57.851% {	
        left: -700%;
        opacity: 1;
        }
    
        61.307% {	
        left: -700%;
        opacity: 1;
        }
    
        62.654% {	
        left: -700%;
        opacity: 0;
        }
    
        63.112% {	
        left: -800%;
        opacity: 0;
        }
    
        65.783% {	
        left: -800%;
        opacity: 1;
        }
    
        69.239% {	
        left: -800%;
        opacity: 1;
        }
    
        70.586% {	
        left: -800%;
        opacity: 0;
        }
    
        71.044% {	
        left: -900%;
        opacity: 0;
        }
    
        73.715% {	
        left: -900%;
        opacity: 1;
        }
    
        77.171% {	
        left: -900%;
        opacity: 1;
        }
    
        78.518% {	
        left: -900%;
        opacity: 0;
        }
    
        78.976% {	
        left: -1000%;
        opacity: 0;
        }
    
        81.647% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.45% {	
        left: -1000%;
        opacity: 1;
        }
    
        86.908% {	
        left: -1000%;
        opacity: 0;
        }
        89.579% {	
        left: -1100%;
        opacity: 0;
        }
    
        93.035% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.382% {	
        left: -1100%;
        opacity: 1;
        }
    
        94.84% {	
        left: -1100%;
        opacity: 0;
        }    
        97.511% {	
        left: -1200%;
        opacity: 0;
        }
    
        98% {	
        left: -1200%;
        opacity: 1;
        }  
        99% {	
        left: -1200%;
        opacity: 1;
        }
    
        100% {	
        left: -1200%;
        opacity: 0;
        }  
    } */


/* スライド12枚時 */
/* @keyframes sliderbuttonAnime-12 {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }
    
@keyframes sliderbuttonAnime-12a {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12b {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12c {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12d {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12e {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12f {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12g {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12h {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }

@keyframes sliderbuttonAnime-12i {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }
@keyframes sliderbuttonAnime-12j {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }
@keyframes sliderbuttonAnime-12k {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }    
    }
@keyframes sliderbuttonAnime-12l {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
        2.469% {	
        left: 0px;
        opacity: 1;
        }
    
        6.811% {	
        left: 0px;
        opacity: 1;
        }
    
        8.014% {	
        left: 0px;
        opacity: 0;
        }
    
        8.271% {	
        left: -100%;
        opacity: 0;
        }
    
        10.893% {	
        left: -100%;
        opacity: 1;
        }
    
        15.235% {	
        left: -100%;
        opacity: 1;
        }
    
        16.437% {	
        left: -100%;
        opacity: 0;
        }
    
        16.694% {	
        left: -200%;
        opacity: 0;
        }
    
        19.319% {	
        left: -200%;
        opacity: 1;
        }
    
        23.661% {	
        left: -200%;
        opacity: 1;
        }
    
        24.861% {	
        left: -200%;
        opacity: 0;
        }
    
        25.118% {	
        left: -300%;
        opacity: 0;
        }
    
        27.743% {	
        left: -300%;
        opacity: 1;
        }
    
        32.082% {	
        left: -300%;
        opacity: 1;
        }
    
        33.285% {	
        left: -300%;
        opacity: 0;
        }
    
        33.542% {	
        left: -400%;
        opacity: 0;
        }
    
        36.164% {	
        left: -400%;
        opacity: 1;
        }
    
        40.506% {	
        left: -400%;
        opacity: 1;
        }
    
        41.711% {	
        left: -400%;
        opacity: 0;
        }
    
        41.968% {	
        left: -500%;
        opacity: 0;
        }
    
        44.59% {	
        left: -500%;
        opacity: 1;
        }
    
        48.932% {	
        left: -500%;
        opacity: 1;
        }
    
        50.132% {	
        left: -500%;
        opacity: 0;
        }
    
        50.389% {	
        left: -600%;
        opacity: 0;
        }
    
        53.008% {	
        left: -600%;
        opacity: 1;
        }
    
        57.353% {	
        left: -600%;
        opacity: 1;
        }
    
        58.558% {	
        left: -600%;
        opacity: 0;
        }
    
        58.815% {	
        left: -700%;
        opacity: 0;
        }
    
        61.437% {	
        left: -700%;
        opacity: 1;
        }
    
        65.779% {	
        left: -700%;
        opacity: 1;
        }
    
        66.984% {	
        left: -700%;
        opacity: 0;
        }
    
        67.241% {	
        left: -800%;
        opacity: 0;
        }
    
        69.863% {	
        left: -800%;
        opacity: 1;
        }
    
        75.108% {	
        left: -800%;
        opacity: 1;
        }
    
        77.192% {	
        left: -800%;
        opacity: 0;
        }
    
        77.449% {	
        left: -900%;
        opacity: 0;
        }
    
        80.071% {	
        left: -900%;
        opacity: 1;
        }
    
        84.413% {	
        left: -900%;
        opacity: 1;
        }
    
        85.618% {	
        left: -900%;
        opacity: 0;
        }
    
        85.875% {	
        left: -1000%;
        opacity: 0;
        }
    
        88.497% {	
        left: -1000%;
        opacity: 1;
        }
    
        92.839% {	
        left: -1000%;
        opacity: 1;
        }
    
        94.044% {	
        left: -1000%;
        opacity: 0;
        }
        94.301% {	
        left: -1100%;
        opacity: 0;
        }
    
        96.923% {	
        left: -1100%;
        opacity: 1;
        }
    
        99% {	
        left: -1100%;
        opacity: 1;
        }
    
        100% {	
        left: -1100%;
        opacity: 0;
        }        
    }     */


/* スライド11枚時 */
/* @keyframes sliderbuttonAnime-11 {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }
    
@keyframes sliderbuttonAnime-11a {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11b {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11c {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11d {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11e {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11f {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11g {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11h {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }

@keyframes sliderbuttonAnime-11i {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }
@keyframes sliderbuttonAnime-11j {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    }
@keyframes sliderbuttonAnime-11k {
    0% {	
        left: 0px;
        opacity: 0;
        }
    
    2.589% {	
        left: 0px;
        opacity: 1;
        }
    
    7.887% {	
        left: 0px;
        opacity: 1;
        }
    
    9.019% {	
        left: 0px;
        opacity: 0;
        }
    
    9.145% {	
        left: -100%;
        opacity: 0;
        }
    
    11.788% {	
        left: -100%;
        opacity: 1;
        }
    
    17.086% {	
        left: -100%;
        opacity: 1;
        }
    
    18.218% {	
        left: -100%;
        opacity: 0;
        }
    
    18.344% {	
        left: -200%;
        opacity: 0;
        }
    
    20.988% {	
        left: -200%;
        opacity: 1;
        }
    
    26.286% {	
        left: -200%;
        opacity: 1;
        }
    
    27.417% {	
        left: -200%;
        opacity: 0;
        }
    
    27.543% {	
        left: -300%;
        opacity: 0;
        }
    
    30.187% {	
        left: -300%;
        opacity: 1;
        }
    
    35.484% {	
        left: -300%;
        opacity: 1;
        }
    
    36.616% {	
        left: -300%;
        opacity: 0;
        }
    
    36.742% {	
        left: -400%;
        opacity: 0;
        }
    
    39.385% {	
        left: -400%;
        opacity: 1;
        }
    
    44.683% {	
        left: -400%;
        opacity: 1;
        }
    
    45.816% {	
        left: -400%;
        opacity: 0;
        }
    
    45.942% {	
        left: -500%;
        opacity: 0;
        }
    
    48.585% {	
        left: -500%;
        opacity: 1;
        }
    
    53.883% {	
        left: -500%;
        opacity: 1;
        }
    
    55.014% {	
        left: -500%;
        opacity: 0;
        }
    
    55.14% {	
        left: -600%;
        opacity: 0;
        }
    
    57.781% {	
        left: -600%;
        opacity: 1;
        }
    
    63.081% {	
        left: -600%;
        opacity: 1;
        }
    
    64.214% {	
        left: -600%;
        opacity: 0;
        }
    
    64.34% {	
        left: -700%;
        opacity: 0;
        }
    
    66.983% {	
        left: -700%;
        opacity: 1;
        }
    
    72.281% {	
        left: -700%;
        opacity: 1;
        }
    
    73.414% {	
        left: -700%;
        opacity: 0;
        }
    
    73.54% {	
        left: -800%;
        opacity: 0;
        }
    
    76.183% {	
        left: -800%;
        opacity: 1;
        }
    
    81.481% {	
        left: -800%;
        opacity: 1;
        }
    
    82.613% {	
        left: -800%;
        opacity: 0;
        }
    
    82.739% {	
        left: -900%;
        opacity: 0;
        }
    
    85.383% {	
        left: -900%;
        opacity: 1;
        }
    
    90.681% {	
        left: -900%;
        opacity: 1;
        }
    
    91.812% {	
        left: -900%;
        opacity: 0;
        }
    
    91.938% {	
        left: -1000%;
        opacity: 0;
        }
    
    94.582% {	
        left: -1000%;
        opacity: 1;
        }
    
    99.879% {	
        left: -1000%;
        opacity: 1;
        }
    
    100% {	
        left: -1000%;
        opacity: 0;
        }
    } */


/* スライド10枚時 */
/* @keyframes sliderbuttonAnime-10 {
0% {	
    left: 0px;
    opacity: 0;
    } 

2.709% {	
    left: 0px;
    opacity: 1;
    } 

8.973% {	
    left: 0px;
    opacity: 1;
    } 

10.044% {	
    left: 0px;
    opacity: 0;
    } 

10.049% {	
    left: -100%;
    opacity: 0;
    } 

12.723% {	
    left: -100%;
    opacity: 1;
    } 

18.987% {	
    left: -100%;
    opacity: 1;
    } 

20.059% {	
    left: -100%;
    opacity: 0;
    } 

20.064% {	
    left: -200%;
    opacity: 0;
    } 

22.737% {	
    left: -200%;
    opacity: 1;
    } 

29.001% {	
    left: -200%;
    opacity: 1;
    } 

30.073% {	
    left: -200%;
    opacity: 0;
    } 

30.078% {	
    left: -300%;
    opacity: 0;
    } 

32.751% {	
    left: -300%;
    opacity: 1;
    } 

39.016% {	
    left: -300%;
    opacity: 1;
    } 

40.087% {	
    left: -300%;
    opacity: 0;
    } 

40.092% {	
    left: -400%;
    opacity: 0;
    } 

42.766% {	
    left: -400%;
    opacity: 1;
    } 

49.03% {	
    left: -400%;
    opacity: 1;
    } 

50.101% {	
    left: -400%;
    opacity: 1;
    } 

50.106% {	
    left: -500%;
    opacity: 0;
    } 

52.78% {	
    left: -500%;
    opacity: 1;
    } 

59.044% {	
    left: -500%;
    opacity: 1;
    } 

60.116% {	
    left: -500%;
    opacity: 0;
    } 

60.121% {	
    left: -600%;
    opacity: 0;
    } 

62.794% {	
    left: -600%;
    opacity: 1;
    } 

69.059% {	
    left: -600%;
    opacity: 1;
    } 

70.13% {	
    left: -600%;
    opacity: 0;
    } 

70.135% {	
    left: -700%;
    opacity: 0;
    } 

72.809% {	
    left: -700%;
    opacity: 1;
    } 

79.073% {	
    left: -700%;
    opacity: 1;
    } 

80.144% {	
    left: -700%;
    opacity: 0;
    } 

80.149% {	
    left: -800%;
    opacity: 0;
    } 

82.823% {	
    left: -800%;
    opacity: 1;
    } 

89.087% {	
    left: -800%;
    opacity: 1;
    } 

90.159% {	
    left: -800%;
    opacity: 0;
    } 

90.164% {	
    left: -900%;
    opacity: 0;
    } 

92.837% {	
    left: -900%;
    opacity: 1;
    } 

99.102% {	
    left: -900%;
    opacity: 1;
    } 

100% {	
    left: -900%;
    opacity: 0;
    } 
}

@keyframes sliderbuttonAnime-10a {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10b {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10c {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10d {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10e {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10f {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10g {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10h {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }

@keyframes sliderbuttonAnime-10i {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    }
@keyframes sliderbuttonAnime-10j {

    0% {	
        left: 0px;
        opacity: 0;
        } 
    
    2.709% {	
        left: 0px;
        opacity: 1;
        } 
    
    8.973% {	
        left: 0px;
        opacity: 1;
        } 
    
    10.044% {	
        left: 0px;
        opacity: 0;
        } 
    
    10.049% {	
        left: -100%;
        opacity: 0;
        } 
    
    12.723% {	
        left: -100%;
        opacity: 1;
        } 
    
    18.987% {	
        left: -100%;
        opacity: 1;
        } 
    
    20.059% {	
        left: -100%;
        opacity: 0;
        } 
    
    20.064% {	
        left: -200%;
        opacity: 0;
        } 
    
    22.737% {	
        left: -200%;
        opacity: 1;
        } 
    
    29.001% {	
        left: -200%;
        opacity: 1;
        } 
    
    30.073% {	
        left: -200%;
        opacity: 0;
        } 
    
    30.078% {	
        left: -300%;
        opacity: 0;
        } 
    
    32.751% {	
        left: -300%;
        opacity: 1;
        } 
    
    39.016% {	
        left: -300%;
        opacity: 1;
        } 
    
    40.087% {	
        left: -300%;
        opacity: 0;
        } 
    
    40.092% {	
        left: -400%;
        opacity: 0;
        } 
    
    42.766% {	
        left: -400%;
        opacity: 1;
        } 
    
    49.03% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.101% {	
        left: -400%;
        opacity: 1;
        } 
    
    50.106% {	
        left: -500%;
        opacity: 0;
        } 
    
    52.78% {	
        left: -500%;
        opacity: 1;
        } 
    
    59.044% {	
        left: -500%;
        opacity: 1;
        } 
    
    60.116% {	
        left: -500%;
        opacity: 0;
        } 
    
    60.121% {	
        left: -600%;
        opacity: 0;
        } 
    
    62.794% {	
        left: -600%;
        opacity: 1;
        } 
    
    69.059% {	
        left: -600%;
        opacity: 1;
        } 
    
    70.13% {	
        left: -600%;
        opacity: 0;
        } 
    
    70.135% {	
        left: -700%;
        opacity: 0;
        } 
    
    72.809% {	
        left: -700%;
        opacity: 1;
        } 
    
    79.073% {	
        left: -700%;
        opacity: 1;
        } 
    
    80.144% {	
        left: -700%;
        opacity: 0;
        } 
    
    80.149% {	
        left: -800%;
        opacity: 0;
        } 
    
    82.823% {	
        left: -800%;
        opacity: 1;
        } 
    
    89.087% {	
        left: -800%;
        opacity: 1;
        } 
    
    90.159% {	
        left: -800%;
        opacity: 0;
        } 
    
    90.164% {	
        left: -900%;
        opacity: 0;
        } 
    
    92.837% {	
        left: -900%;
        opacity: 1;
        } 
    
    99.102% {	
        left: -900%;
        opacity: 1;
        } 
    
    100% {	
        left: -900%;
        opacity: 0;
        } 
    } */


/* スライド９枚時 */
/* @keyframes sliderbuttonAnime-9 {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9a {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9b {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9c {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9d {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9e {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9f {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9g {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9h {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-9i {
    0% {	
        left: 0px;
        opacity: 0;
    }
    2.829% {	
        left: 0px;
        opacity: 1;
    }
    10.179% {	
        left: 0px;
        opacity: 1;
    }
    11.309% {	
        left: 0px;
        opacity: 0;
    }
    11.313% {	
        left: -100%;
        opacity: 0;
    }
    14.138% {	
        left: -100%;
        opacity: 1;
    }
    21.488% {	
        left: -100%;
        opacity: 1;
    }
    22.62% {	
        left: -100%;
        opacity: 0;
    }
    22.624% {	
        left: -200%;
        opacity: 0;
    }
    25.446% {	
        left: -200%;
        opacity: 1;
    }
    32.796% {	
        left: -200%;
        opacity: 1;
    }
    33.929% {	
        left: -200%;
        opacity: 0;
    }
    33.933% {	
        left: -300%;
        opacity: 0;
    }
    36.755% {	
        left: -300%;
        opacity: 1;
    }
    44.108% {	
        left: -300%;
        opacity: 1;
    }
    45.238% {	
        left: -300%;
        opacity: 0;
    }
    45.242% {	
        left: -400%;
        opacity: 0;
    }
    48.067% {	
        left: -400%;
        opacity: 1;
    }
    55.417% {	
        left: -400%;
        opacity: 1;
    }
    56.546% {	
        left: -400%;
        opacity: 0;
    }
    56.55% {	
        left: -500%;
        opacity: 0;
    }
    59.375% {	
        left: -500%;
        opacity: 1;
    }
    66.725% {	
        left: -500%;
        opacity: 1;
    }
    67.858% {	
        left: -500%;
        opacity: 0;
    }
    67.862% {	
        left: -600%;
        opacity: 0;
    }
    70.687% {	
        left: -600%;
        opacity: 1;
    }
    78.037% {	
        left: -600%;
        opacity: 1;
    }
    79.166% {	
        left: -600%;
        opacity: 0;
    }
    79.17% {	
        left: -700%;
        opacity: 0;
    }
    81.995% {	
        left: -700%;
        opacity: 1;
    }
    89.345% {	
        left: -700%;
        opacity: 1;
    }
    90.474% {	
        left: -700%;
        opacity: 0;
    }
    90.478% {	
        left: -800%;
        opacity: 0;
    }
    93.303% {	
        left: -800%;
        opacity: 1;
    }
    99.75% {	
        left: -800%;
        opacity: 1;
    }
    100% {	
        left: -800%;
        opacity: 0;
    }
} */

/* スライド８枚時 */
@keyframes sliderbuttonAnime-8 {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-8a {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-8b {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-8c {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-8d {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-8e {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-8f {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-8g {
    0% {
        left: 0px;
        opacity: 0;
    }

    3.125% {
        left: 0px;
        opacity: 1;
    }

    11.25% {
        left: 0px;
        opacity: 1;
    }

    12.5% {
        left: 0px;
        opacity: 0;
    }

    12.505% {
        left: -100%;
        opacity: 0;
    }

    15.625% {
        left: -100%;
        opacity: 1;
    }

    23.75% {
        left: -100%;
        opacity: 1;
    }

    25% {
        left: -100%;
        opacity: 0;
    }

    25.005% {
        left: -200%;
        opacity: 0;
    }

    28.125% {
        left: -200%;
        opacity: 1;
    }

    36.25% {
        left: -200%;
        opacity: 1;
    }

    37.5% {
        left: -200%;
        opacity: 0;
    }

    37.505% {
        left: -300%;
        opacity: 0;
    }

    40.625% {
        left: -300%;
        opacity: 1;
    }

    48.75% {
        left: -300%;
        opacity: 1;
    }

    50% {
        left: -300%;
        opacity: 0;
    }

    50.005% {
        left: -400%;
        opacity: 0;
    }

    53.125% {
        left: -400%;
        opacity: 1;
    }

    61.25% {
        left: -400%;
        opacity: 1;
    }

    62.5% {
        left: -400%;
        opacity: 0;
    }

    62.505% {
        left: -500%;
        opacity: 0;
    }

    65.625% {
        left: -500%;
        opacity: 1;
    }

    73.75% {
        left: -500%;
        opacity: 1;
    }

    75% {
        left: -500%;
        opacity: 0;
    }

    75.005% {
        left: -600%;
        opacity: 0;
    }

    78.125% {
        left: -600%;
        opacity: 1;
    }

    86.25% {
        left: -600%;
        opacity: 1;
    }

    87.5% {
        left: -600%;
        opacity: 0;
    }

    87.505% {
        left: -700%;
        opacity: 0;
    }

    90.625% {
        left: -700%;
        opacity: 1;
    }

    98.75% {
        left: -700%;
        opacity: 1;
    }

    100% {
        left: -700%;
        opacity: 0;
    }
}


/* スライド７枚時 */
/* @keyframes sliderbuttonAnime-7 {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-7a {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-7b {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-7c {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-7d {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-7e {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
}
@keyframes sliderbuttonAnime-7f {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
}
@keyframes sliderbuttonAnime-7g {
    0% {
        left: 0px;
        opacity: 0;
    }
    3.571% {
        left: 0px;
        opacity: 1;
    }
    12.857% {
        left: 0px;
        opacity: 1;
    }
    14.286% {
        left: 0px;
        opacity: 0;
    }
    14.291% {
        left: -100%;
        opacity: 0;
    }
    17.857% {
        left: -100%;
        opacity: 1;
    }
    27.143% {
        left: -100%;
        opacity: 1;
    }
    28.571% {
        left: -100%;
        opacity: 0;
    }
    28.576% {
        left: -200%;
        opacity: 0;
    }
    32.143% {
        left: -200%;
        opacity: 1;
    }
    41.429% {
        left: -200%;
        opacity: 1;
    }
    42.857% {
        left: -200%;
        opacity: 0;
    }
    42.862% {
        left: -300%;
        opacity: 0;
    }
    46.429% {
        left: -300%;
        opacity: 1;
    }
    55.714% {
        left: -300%;
        opacity: 1;
    }
    57.143% {
        left: -300%;
        opacity: 0;
    }
    57.148% {
        left: -400%;
        opacity: 0;
    }
    60.714% {
        left: -400%;
        opacity: 1;
    }
    70% {
        left: -400%;
        opacity: 1;
    }
    71.429% {
        left: -400%;
        opacity: 0;
    }
    71.434% {
        left: -500%;
        opacity: 0;
    }
    75% {
        left: -500%;
        opacity: 1;
    }
    84.286% {
        left: -500%;
        opacity: 1;
    }
    85.714% {
        left: -500%;
        opacity: 0;
    }
    85.719% {
        left: -600%;
        opacity: 0;
    }
    89.286% {
        left: -600%;
        opacity: 1;
    }
    98.571% {
        left: -600%;
        opacity: 1;
    }
    100% {
        left: -600%;
        opacity: 0;
    }
} */


/* スライダー６枚時 */
/* @keyframes sliderbuttonAnime-6 {
    0% {
        left: 0px;
        opacity: 0;
    }
    4.167% {
        left: 0px;
        opacity: 1;
    }
    15% {
        left: 0px;
        opacity: 1;
    }
    16.667% {
        left: 0px;
        opacity: 0;
    }
    16.671% {
        left: -100%;
        opacity: 0;
    }
    20.834% {
        left: -100%;
        opacity: 1;
    }
    31.667% {
        left: -100%;
        opacity: 1;
    }
    33.333% {
        left: -100%;
        opacity: 0;
    }
    33.337% {
        left: -200%;
        opacity: 0;
    }
    37.5% {
        left: -200%;
        opacity: 1;
    }
    48.333% {
        left: -200%;
        opacity: 1;
    }
    50% {
        left: -200%;
        opacity: 0;
    }
    50.004% {
        left: -300%;
        opacity: 0;
    }
    54.167% {
        left: -300%;
        opacity: 1;
    }
    65% {
        left: -300%;
        opacity: 1;
    }
    66.667% {
        left: -300%;
        opacity: 0;
    }
    66.671% {
        left: -400%;
        opacity: 0;
    }
    70.834% {
        left: -400%;
        opacity: 1;
    }
    81.667% {
        left: -400%;
        opacity: 1;
    }
    83.333% {
        left: -400%;
        opacity: 0;
    }
    83.337% {
        left: -500%;
        opacity: 0;
    }
    87.5% {
        left: -500%;
        opacity: 1;
    }
    98.333% {
        left: -500%;
        opacity: 1;
    }
    100% {
        left: -500%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-6a {
    0% {
        left: 0px;
        opacity: 0;
    }
    4.167% {
        left: 0px;
        opacity: 1;
    }
    15% {
        left: 0px;
        opacity: 1;
    }
    16.667% {
        left: 0px;
        opacity: 0;
    }
    16.671% {
        left: -100%;
        opacity: 0;
    }
    20.834% {
        left: -100%;
        opacity: 1;
    }
    31.667% {
        left: -100%;
        opacity: 1;
    }
    33.333% {
        left: -100%;
        opacity: 0;
    }
    33.337% {
        left: -200%;
        opacity: 0;
    }
    37.5% {
        left: -200%;
        opacity: 1;
    }
    48.333% {
        left: -200%;
        opacity: 1;
    }
    50% {
        left: -200%;
        opacity: 0;
    }
    50.004% {
        left: -300%;
        opacity: 0;
    }
    54.167% {
        left: -300%;
        opacity: 1;
    }
    65% {
        left: -300%;
        opacity: 1;
    }
    66.667% {
        left: -300%;
        opacity: 0;
    }
    66.671% {
        left: -400%;
        opacity: 0;
    }
    70.834% {
        left: -400%;
        opacity: 1;
    }
    81.667% {
        left: -400%;
        opacity: 1;
    }
    83.333% {
        left: -400%;
        opacity: 0;
    }
    83.337% {
        left: -500%;
        opacity: 0;
    }
    87.5% {
        left: -500%;
        opacity: 1;
    }
    98.333% {
        left: -500%;
        opacity: 1;
    }
    100% {
        left: -500%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-6b {
    0% {
        left: 0px;
        opacity: 0;
    }
    4.167% {
        left: 0px;
        opacity: 1;
    }
    15% {
        left: 0px;
        opacity: 1;
    }
    16.667% {
        left: 0px;
        opacity: 0;
    }
    16.671% {
        left: -100%;
        opacity: 0;
    }
    20.834% {
        left: -100%;
        opacity: 1;
    }
    31.667% {
        left: -100%;
        opacity: 1;
    }
    33.333% {
        left: -100%;
        opacity: 0;
    }
    33.337% {
        left: -200%;
        opacity: 0;
    }
    37.5% {
        left: -200%;
        opacity: 1;
    }
    48.333% {
        left: -200%;
        opacity: 1;
    }
    50% {
        left: -200%;
        opacity: 0;
    }
    50.004% {
        left: -300%;
        opacity: 0;
    }
    54.167% {
        left: -300%;
        opacity: 1;
    }
    65% {
        left: -300%;
        opacity: 1;
    }
    66.667% {
        left: -300%;
        opacity: 0;
    }
    66.671% {
        left: -400%;
        opacity: 0;
    }
    70.834% {
        left: -400%;
        opacity: 1;
    }
    81.667% {
        left: -400%;
        opacity: 1;
    }
    83.333% {
        left: -400%;
        opacity: 0;
    }
    83.337% {
        left: -500%;
        opacity: 0;
    }
    87.5% {
        left: -500%;
        opacity: 1;
    }
    98.333% {
        left: -500%;
        opacity: 1;
    }
    100% {
        left: -500%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-6c {
    0% {
        left: 0px;
        opacity: 0;
    }
    4.167% {
        left: 0px;
        opacity: 1;
    }
    15% {
        left: 0px;
        opacity: 1;
    }
    16.667% {
        left: 0px;
        opacity: 0;
    }
    16.671% {
        left: -100%;
        opacity: 0;
    }
    20.834% {
        left: -100%;
        opacity: 1;
    }
    31.667% {
        left: -100%;
        opacity: 1;
    }
    33.333% {
        left: -100%;
        opacity: 0;
    }
    33.337% {
        left: -200%;
        opacity: 0;
    }
    37.5% {
        left: -200%;
        opacity: 1;
    }
    48.333% {
        left: -200%;
        opacity: 1;
    }
    50% {
        left: -200%;
        opacity: 0;
    }
    50.004% {
        left: -300%;
        opacity: 0;
    }
    54.167% {
        left: -300%;
        opacity: 1;
    }
    65% {
        left: -300%;
        opacity: 1;
    }
    66.667% {
        left: -300%;
        opacity: 0;
    }
    66.671% {
        left: -400%;
        opacity: 0;
    }
    70.834% {
        left: -400%;
        opacity: 1;
    }
    81.667% {
        left: -400%;
        opacity: 1;
    }
    83.333% {
        left: -400%;
        opacity: 0;
    }
    83.337% {
        left: -500%;
        opacity: 0;
    }
    87.5% {
        left: -500%;
        opacity: 1;
    }
    98.333% {
        left: -500%;
        opacity: 1;
    }
    100% {
        left: -500%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-6d {
    0% {
        left: 0px;
        opacity: 0;
    }
    4.167% {
        left: 0px;
        opacity: 1;
    }
    15% {
        left: 0px;
        opacity: 1;
    }
    16.667% {
        left: 0px;
        opacity: 0;
    }
    16.671% {
        left: -100%;
        opacity: 0;
    }
    20.834% {
        left: -100%;
        opacity: 1;
    }
    31.667% {
        left: -100%;
        opacity: 1;
    }
    33.333% {
        left: -100%;
        opacity: 0;
    }
    33.337% {
        left: -200%;
        opacity: 0;
    }
    37.5% {
        left: -200%;
        opacity: 1;
    }
    48.333% {
        left: -200%;
        opacity: 1;
    }
    50% {
        left: -200%;
        opacity: 0;
    }
    50.004% {
        left: -300%;
        opacity: 0;
    }
    54.167% {
        left: -300%;
        opacity: 1;
    }
    65% {
        left: -300%;
        opacity: 1;
    }
    66.667% {
        left: -300%;
        opacity: 0;
    }
    66.671% {
        left: -400%;
        opacity: 0;
    }
    70.834% {
        left: -400%;
        opacity: 1;
    }
    81.667% {
        left: -400%;
        opacity: 1;
    }
    83.333% {
        left: -400%;
        opacity: 0;
    }
    83.337% {
        left: -500%;
        opacity: 0;
    }
    87.5% {
        left: -500%;
        opacity: 1;
    }
    98.333% {
        left: -500%;
        opacity: 1;
    }
    100% {
        left: -500%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-6e {
    0% {
        left: 0px;
        opacity: 0;
    }
    4.167% {
        left: 0px;
        opacity: 1;
    }
    15% {
        left: 0px;
        opacity: 1;
    }
    16.667% {
        left: 0px;
        opacity: 0;
    }
    16.671% {
        left: -100%;
        opacity: 0;
    }
    20.834% {
        left: -100%;
        opacity: 1;
    }
    31.667% {
        left: -100%;
        opacity: 1;
    }
    33.333% {
        left: -100%;
        opacity: 0;
    }
    33.337% {
        left: -200%;
        opacity: 0;
    }
    37.5% {
        left: -200%;
        opacity: 1;
    }
    48.333% {
        left: -200%;
        opacity: 1;
    }
    50% {
        left: -200%;
        opacity: 0;
    }
    50.004% {
        left: -300%;
        opacity: 0;
    }
    54.167% {
        left: -300%;
        opacity: 1;
    }
    65% {
        left: -300%;
        opacity: 1;
    }
    66.667% {
        left: -300%;
        opacity: 0;
    }
    66.671% {
        left: -400%;
        opacity: 0;
    }
    70.834% {
        left: -400%;
        opacity: 1;
    }
    81.667% {
        left: -400%;
        opacity: 1;
    }
    83.333% {
        left: -400%;
        opacity: 0;
    }
    83.337% {
        left: -500%;
        opacity: 0;
    }
    87.5% {
        left: -500%;
        opacity: 1;
    }
    98.333% {
        left: -500%;
        opacity: 1;
    }
    100% {
        left: -500%;
        opacity: 0;
    }
}
@keyframes sliderbuttonAnime-6f {
    0% {
        left: 0px;
        opacity: 0;
    }
    4.167% {
        left: 0px;
        opacity: 1;
    }
    15% {
        left: 0px;
        opacity: 1;
    }
    16.667% {
        left: 0px;
        opacity: 0;
    }
    16.671% {
        left: -100%;
        opacity: 0;
    }
    20.834% {
        left: -100%;
        opacity: 1;
    }
    31.667% {
        left: -100%;
        opacity: 1;
    }
    33.333% {
        left: -100%;
        opacity: 0;
    }
    33.337% {
        left: -200%;
        opacity: 0;
    }
    37.5% {
        left: -200%;
        opacity: 1;
    }
    48.333% {
        left: -200%;
        opacity: 1;
    }
    50% {
        left: -200%;
        opacity: 0;
    }
    50.004% {
        left: -300%;
        opacity: 0;
    }
    54.167% {
        left: -300%;
        opacity: 1;
    }
    65% {
        left: -300%;
        opacity: 1;
    }
    66.667% {
        left: -300%;
        opacity: 0;
    }
    66.671% {
        left: -400%;
        opacity: 0;
    }
    70.834% {
        left: -400%;
        opacity: 1;
    }
    81.667% {
        left: -400%;
        opacity: 1;
    }
    83.333% {
        left: -400%;
        opacity: 0;
    }
    83.337% {
        left: -500%;
        opacity: 0;
    }
    87.5% {
        left: -500%;
        opacity: 1;
    }
    98.333% {
        left: -500%;
        opacity: 1;
    }
    100% {
        left: -500%;
        opacity: 0;
    }
} */
/* ここまで~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ==================================================== */
/* 法人
/* ==================================================== */
/* 5スライド用 */
#sliderbuttonhojin {
    position: relative;
    width: inherit;
    height: inherit;
    margin: 0 auto;
    padding-bottom: 7.5%;
    overflow: hidden;
}

#navih1,
#navi1h {
    left: 27%;
}

#navih2,
#navi2h {
    left: 37%;
}

#navih3,
#navi3h {
    left: 47%;
}

#navih4,
#navi4h {
    left: 57%;
}

#navih5,
#navi5h {
    left: 67%;
}


/* スライダー画像関連 */

#sliderbuttonhojin input {
    display: none;
}

.sliderbuttonh_normal {
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #ccc;
    cursor: pointer;
}

#slideh {
    position: absolute;
    width: 100%;
    height: 480px;
    opacity: 0;
    animation: sliderbuttonAnime 30s infinite;
    /* pointer-events: none; */
}

/*
.slide-img {
    position: absolute;
    width: 100%;
    height: 480px;
}

.slide-img img {
    width: 100%;
}

.slide_kojin{
    display: block;
}

.slide_houjin{
    display: none;
}
*/

#slideh1 {
    left: 0;
    /* background: #8FC1F0; */
}

#slideh2 {
    left: 100%;
    /* background: #379247; */
}

#slideh3 {
    left: 200%;
    /* background: #ece15ccf; */
}

#slideh4 {
    left: 300%;
    /* background: #ece15ccf; */
}

#slideh5 {
    left: 400%;
    /* background: #ec8b5ccf; */
}

/*
.sliderbutton_color {
    position: absolute;
    bottom: -30px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #0168b7;
}


#sliderbutton {
    padding-bottom: 20px;
}
.sliderbutton_normal {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}
*/

#navih1,
#navi1h {
    left: 43.5%;
}

#navih2,
#navi2h {
    left: 46.5%;
}

#navih3,
#navi3h {
    left: 49.5%;
}

#navih4,
#navi4h {
    left: 52.5%;
}

#navih5,
#navi5h {
    left: 55.5%;
}

#sliderbuttonh1:checked~#slideh {
    animation: sliderbuttonAnime-a 30s infinite;
    animation-delay: 0s;
}

#sliderbuttonh2:checked~#slideh {
    animation: sliderbuttonAnime-b 30s infinite;
    animation-delay: -6s;
}

#sliderbuttonh3:checked~#slideh {
    animation: sliderbuttonAnime-c 30s infinite;
    animation-delay: -12s;
}

#sliderbuttonh4:checked~#slideh {
    animation: sliderbuttonAnime-d 30s infinite;
    animation-delay: -18s;
}

#sliderbuttonh5:checked~#slideh {
    animation: sliderbuttonAnime-e 30s infinite;
    animation-delay: -24s;
}

/*
.slideinfo_block a{
    display: table;
    width: 100%;
    margin: 30px auto 20px;
    padding: 0.2rem 0.5rem;
    font-size: 1.6rem;
    background:	#dfefff;
    box-shadow: 0px 0px 0px 5px #dfefff;
    border: dashed 1px #96c2fe;
    text-align: left;
}

.slideinfo_block a:hover{
    background-color: #BAD3FF;
}
*/





@keyframes sliderbuttonAnime {
    0% {
        left: 0px;
        opacity: 0;
    }

    2% {
        left: 0px;
        opacity: 1;
    }

    18% {
        left: 0px;
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 0;
    }

    20.005% {
        left: -100%;
        opacity: 0;
    }

    25% {
        left: -100%;
        opacity: 1;
    }

    38% {
        left: -100%;
        opacity: 1;
    }

    40% {
        left: -100%;
        opacity: 0;
    }

    40.005% {
        left: -200%;
        opacity: 0;
    }

    45% {
        left: -200%;
        opacity: 1;
    }

    58% {
        left: -200%;
        opacity: 1;
    }

    60% {
        left: -200%;
        opacity: 0;
    }

    60.005% {
        left: -300%;
        opacity: 0;
    }

    65% {
        left: -300%;
        opacity: 1;
    }

    78% {
        left: -300%;
        opacity: 1;
    }

    80% {
        left: -300%;
        opacity: 0;
    }

    80.005% {
        left: -400%;
        opacity: 0;
    }

    85% {
        left: -400%;
        opacity: 1;
    }

    98% {
        left: -400%;
        opacity: 1;
    }

    100% {
        left: -400%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-a {
    0% {
        left: 0px;
        opacity: 0;
    }

    2% {
        left: 0px;
        opacity: 1;
    }

    18% {
        left: 0px;
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 0;
    }

    20.005% {
        left: -100%;
        opacity: 0;
    }

    25% {
        left: -100%;
        opacity: 1;
    }

    38% {
        left: -100%;
        opacity: 1;
    }

    40% {
        left: -100%;
        opacity: 0;
    }

    40.005% {
        left: -200%;
        opacity: 0;
    }

    45% {
        left: -200%;
        opacity: 1;
    }

    58% {
        left: -200%;
        opacity: 1;
    }

    60% {
        left: -200%;
        opacity: 0;
    }

    60.005% {
        left: -300%;
        opacity: 0;
    }

    65% {
        left: -300%;
        opacity: 1;
    }

    78% {
        left: -300%;
        opacity: 1;
    }

    80% {
        left: -300%;
        opacity: 0;
    }

    80.005% {
        left: -400%;
        opacity: 0;
    }

    85% {
        left: -400%;
        opacity: 1;
    }

    98% {
        left: -400%;
        opacity: 1;
    }

    100% {
        left: -400%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-b {
    0% {
        left: 0px;
        opacity: 0;
    }

    2% {
        left: 0px;
        opacity: 1;
    }

    18% {
        left: 0px;
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 0;
    }

    20.005% {
        left: -100%;
        opacity: 0;
    }

    25% {
        left: -100%;
        opacity: 1;
    }

    38% {
        left: -100%;
        opacity: 1;
    }

    40% {
        left: -100%;
        opacity: 0;
    }

    40.005% {
        left: -200%;
        opacity: 0;
    }

    45% {
        left: -200%;
        opacity: 1;
    }

    58% {
        left: -200%;
        opacity: 1;
    }

    60% {
        left: -200%;
        opacity: 0;
    }

    60.005% {
        left: -300%;
        opacity: 0;
    }

    65% {
        left: -300%;
        opacity: 1;
    }

    78% {
        left: -300%;
        opacity: 1;
    }

    80% {
        left: -300%;
        opacity: 0;
    }

    80.005% {
        left: -400%;
        opacity: 0;
    }

    85% {
        left: -400%;
        opacity: 1;
    }

    98% {
        left: -400%;
        opacity: 1;
    }

    100% {
        left: -400%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-c {
    0% {
        left: 0px;
        opacity: 0;
    }

    2% {
        left: 0px;
        opacity: 1;
    }

    18% {
        left: 0px;
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 0;
    }

    20.005% {
        left: -100%;
        opacity: 0;
    }

    25% {
        left: -100%;
        opacity: 1;
    }

    38% {
        left: -100%;
        opacity: 1;
    }

    40% {
        left: -100%;
        opacity: 0;
    }

    40.005% {
        left: -200%;
        opacity: 0;
    }

    45% {
        left: -200%;
        opacity: 1;
    }

    58% {
        left: -200%;
        opacity: 1;
    }

    60% {
        left: -200%;
        opacity: 0;
    }

    60.005% {
        left: -300%;
        opacity: 0;
    }

    65% {
        left: -300%;
        opacity: 1;
    }

    78% {
        left: -300%;
        opacity: 1;
    }

    80% {
        left: -300%;
        opacity: 0;
    }

    80.005% {
        left: -400%;
        opacity: 0;
    }

    85% {
        left: -400%;
        opacity: 1;
    }

    98% {
        left: -400%;
        opacity: 1;
    }

    100% {
        left: -400%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-d {
    0% {
        left: 0px;
        opacity: 0;
    }

    2% {
        left: 0px;
        opacity: 1;
    }

    18% {
        left: 0px;
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 0;
    }

    20.005% {
        left: -100%;
        opacity: 0;
    }

    25% {
        left: -100%;
        opacity: 1;
    }

    38% {
        left: -100%;
        opacity: 1;
    }

    40% {
        left: -100%;
        opacity: 0;
    }

    40.005% {
        left: -200%;
        opacity: 0;
    }

    45% {
        left: -200%;
        opacity: 1;
    }

    58% {
        left: -200%;
        opacity: 1;
    }

    60% {
        left: -200%;
        opacity: 0;
    }

    60.005% {
        left: -300%;
        opacity: 0;
    }

    65% {
        left: -300%;
        opacity: 1;
    }

    78% {
        left: -300%;
        opacity: 1;
    }

    80% {
        left: -300%;
        opacity: 0;
    }

    80.005% {
        left: -400%;
        opacity: 0;
    }

    85% {
        left: -400%;
        opacity: 1;
    }

    98% {
        left: -400%;
        opacity: 1;
    }

    100% {
        left: -400%;
        opacity: 0;
    }
}

@keyframes sliderbuttonAnime-e {
    0% {
        left: 0px;
        opacity: 0;
    }

    2% {
        left: 0px;
        opacity: 1;
    }

    18% {
        left: 0px;
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 0;
    }

    20.005% {
        left: -100%;
        opacity: 0;
    }

    25% {
        left: -100%;
        opacity: 1;
    }

    38% {
        left: -100%;
        opacity: 1;
    }

    40% {
        left: -100%;
        opacity: 0;
    }

    40.005% {
        left: -200%;
        opacity: 0;
    }

    45% {
        left: -200%;
        opacity: 1;
    }

    58% {
        left: -200%;
        opacity: 1;
    }

    60% {
        left: -200%;
        opacity: 0;
    }

    60.005% {
        left: -300%;
        opacity: 0;
    }

    65% {
        left: -300%;
        opacity: 1;
    }

    78% {
        left: -300%;
        opacity: 1;
    }

    80% {
        left: -300%;
        opacity: 0;
    }

    80.005% {
        left: -400%;
        opacity: 0;
    }

    85% {
        left: -400%;
        opacity: 1;
    }

    98% {
        left: -400%;
        opacity: 1;
    }

    100% {
        left: -400%;
        opacity: 0;
    }
}


/* スライダー画像 ここまで*/

/* メインメニュー */

/* メインメニュー ここまで*/

.mainmenu {
    width: 980px;
    margin: 50px auto 50px;
    background-color: #fff;
    text-align: center;
}

.mainmenu .mainmenu_kojin {
    display: block;
}

.mainmenu .mainmenu_houjin {
    display: none;
}

.mainmenu .mainmenu_kojin>ul,
.mainmenu .mainmenu_houjin>ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    font-size: 1.8rem;
}

.mainmenu .mainmenu_kojin>ul>li,
.mainmenu .mainmenu_houjin>ul>li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #0168b7;
    color: #fff;
    border-radius: 5px 5px 0 0;
    font-size: 1.6rem;
}

.mainmenu .mainmenu_kojin>ul>li>a,
.mainmenu .mainmenu_houjin>ul>li>a {
    color: #fff;
}

.mainmenu .mainmenu_list_tab li {
    width: 19.5%;
}

.mainmenu .mainmenu_list_tab_houjin li {
    width: 32.9%;
}

.mainmenu .mainmenu_list_tab_houjin li br {
    display: none;
}

.mainmenu .mainmenu_list_Box .mainmenu_list_houjin .payment li:nth-of-type(1) a,
.mainmenu .mainmenu_list_Box .mainmenu_list_houjin .payment li:nth-of-type(4) a,
.mainmenu .mainmenu_list_Box .mainmenu_list_houjin .businessmatching li:nth-of-type(3) a {
    font-size: 1.3rem;
}

.mainmenu .mainmenu_list_Box .mainmenu_list_houjin .cashless li:nth-of-type(1) a {
    font-size: 1.15rem;
}

.mainmenu .mainmenu_list_tab li:before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
}

.mainmenu .mainmenu_list_tab li:nth-of-type(1):before {
    background-image: url(../img/icon/taba_white.svg);
}

.mainmenu .mainmenu_list_tab li:nth-of-type(2):before {
    background-image: url(../img/icon/hand_white.svg);
}

.mainmenu .mainmenu_list_tab li:nth-of-type(3):before {
    background-image: url(../img/icon/coins_white.svg);
}

.mainmenu .mainmenu_list_tab li:nth-of-type(4):before {
    background-image: url(../img/icon/sp_white.svg);
}

.mainmenu .mainmenu_list_tab li:nth-of-type(5):before {
    background-image: url(../img/icon/note_white.svg);
}


.mainmenu .mainmenu_list_Box {
    border-radius: 0 0 5px 5px;
    border: 2px solid #0168b7;
    margin-bottom: 30px;
}

.mainmenu .mainmenu_list_Box>ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    font-size: 1.4rem;
}

.mainmenu .mainmenu_list_Box>ul>li {
    line-height: 50px;
    text-align: left;
    text-indent: 1.6rem;
    background-color: #fff;
    color: #000;
}

.mainmenu .mainmenu_list_Box .mainmenu_list>li {
    width: 19.5%;
}

.mainmenu .mainmenu_list_Box .mainmenu_list_houjin>li {
    width: 32.9%;
}

.mainmenu .mainmenu_list_Box>ul>li>ul>li {
    border-bottom: 1px solid #b2d2e9;
    box-sizing: border-box;
}

.mainmenu .mainmenu_list_Box>ul>li>ul>li.multi {
    line-height: 70px;
}

.mainmenu .mainmenu_list_Box .mainmenu_list>li>ul.service>li>a:nth-child(3),
.mainmenu .mainmenu_list_Box .mainmenu_list_houjin>li>ul.managementsupport>li>a:nth-child(4) {
    line-height: 90px;
}

.mainmenu .mainmenu_list_Box .mainmenu_list>li>ul.service>li:nth-child(3)>a span:nth-of-type(1) {
    font-size: 1.2rem;
}

.mainmenu .mainmenu_list_Box .mainmenu_list>li>ul.service>li:nth-child(3)>a span:nth-of-type(2) {
    font-size: 1.4rem;
}

.mainmenu .mainmenu_list_Box>ul>li>ul>li>a {
    width: 100%;
    display: block;
    position: relative;
}

.mainmenu .mainmenu_list_Box>ul>li>ul>li>a:hover {
    background-color: #fffcd0;
    transition: all 0.3s ease;
}

.mainmenu .mainmenu_list_Box>ul>li>ul>li>a:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 35%;
    right: 15px;
    background-image: url(../img/icon/arrow_blue.svg);
    background-size: 15px;
    background-repeat: no-repeat;
}

.mainmenu .mainmenu_list_Box ul>li>ul>li.multi>a>span,
.mainmenu .mainmenu_button_Box .mainmenu_button .login>a>span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    text-indent: 0rem;
}

.mainmenu .mainmenu_list_Box ul>li>ul>li.preparation>a {
    color: #b2b2b2;
}

/* 当面は各種サービスを非表示にする */
/*.mainmenu .mainmenu_list_tab > li:nth-of-type(5),
.mainmenu .mainmenu_list_Box .mainmenu_list > li:nth-of-type(5)
{
    display: none;
}
.mainmenu .mainmenu_list_tab li,
.mainmenu .mainmenu_list_Box .mainmenu_list>li {
    width: 24.7%;
}*/
/* 当面は各種サービスを非表示にする ここまで*/


.mainmenu .mainmenu_button_Box .mainmenu_button {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    font-size: 1.8rem;
}

.mainmenu .mainmenu_button_Box .mainmenu_button li>a {
    display: block;
    width: 100%;
    height: 100%;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li {
    width: 31%;
    height: 100px;
    line-height: 100px;
    text-align: left;
    font-size: 1.6rem !important;
    background-image: none !important;
    border-radius: 5px;
    box-shadow: 0px 4px 0px #E4E4E4;
    margin-bottom: 30px;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li>a {
    position: relative;
    color: #fff;
    letter-spacing: 0rem;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(1) {
    background: #71bb10;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(1):hover {
    background-color: #85cf23;
    transition: all 0.3s ease;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li>a:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    vertical-align: middle;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 30px;
    margin-right: 5px;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(1)>a:before {
    background-image: url(../img/icon/man_white.svg);
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(2)>a:before {
    background-image: url(../img/icon/building_white.svg);
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(3)>a:before {
    background-image: url(../img/icon/certificate.svg);
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(2) {
    background: #2e9be0;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(2):hover {
    background-color: #55bbfa;
    transition: all 0.3s ease;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(3) {
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #0168b7;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(3):hover {
    background-color: #E5F0F8;
    transition: all 0.3s ease;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(1) li:nth-of-type(3)>a {
    color: #0168b7;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li {
    width: 48%;
    height: 80px;
    text-align: center;
    color: #0168b7;
    background-color: #fff;
    line-height: 80px;
    border-radius: 5px;
    border: 2px solid #0168b7;
    box-shadow: 0px 4px 0px #E4E4E4;
    margin-bottom: 30px;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li>a {
    color: #0168b7;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:hover {
    background-color: #E5F0F8;
    transition: all 0.3s ease;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(2)>a br {
    display: none;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:hover {
    background-color: #0068b71a;
    cursor: pointer;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li>a:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 15px;
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(1)>a:before {
    background-image: url(../img/icon/credit-card.svg);
}

.mainmenu .mainmenu_button_Box .mainmenu_button:nth-of-type(2) li:nth-of-type(2)>a:before {
    background-image: url(../img/icon/tel.svg);
}

/* お知らせ - TOP */

.info_top {
    width: 980px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
}

.info_top h2 {
    font-size: 3rem;
    letter-spacing: 0.5rem;
}

.info_top_selector_Box {
    margin-top: 50px;
}

.info_top_selector {
    display: flex;
    justify-content: space-between;
}

.info_top_selector li {
    height: 65px;
    width: 33%;
    color: #0168b7;
    background-color: #fff;
    line-height: 65px;
    font-size: 1.5rem;
    border-radius: 5px;
    border: 2px solid #0168b7;
}

.info_top_selector li br {
    display: none;
}

.info_top_selector li:hover {
    color: #fff;
    background-color: #0168b7;
    cursor: pointer;
}

.container .contents .scroll_oshirase {
    height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.container .contents div.oshirase_box dl.oshirase_list dt span.tag {
    width: 130px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    color: #FFF;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
}

.container .contents div.oshirase_box dl.oshirase_list dt span.date {
    width: 85px;
}

.container .contents div.oshirase_box dl.oshirase_list dt.important .tag {
    background: #E44214;
}

.container .contents div.oshirase_box dl.oshirase_list dt.info .tag {
    background: #2E9BE0;
}

.container .contents div.oshirase_box dl.oshirase_list dt.campaign .tag {
    background: #ec7000;
}

.container .contents div.oshirase_box dl.oshirase_list dt.event .tag {
    background: #71bb10;
}

.container .contents .info_top dl.oshirase_list:first-child {
    border-top: none !important;
}

.container .contents .info_top dl.oshirase_list:last-child {
    border-bottom: none !important;
}

/* お知らせ-個人 ここまで*/

/* タイトルの左右に直線 */

.title-border {
    display: flex;
    align-items: center;
}

.title-border:before,
.title-border:after {
    border-top: 1px solid #dddddd;
    content: "";
    flex-grow: 1;
}

.title-border:before {
    margin-right: 2rem;
}

.title-border:after {
    margin-left: 2rem;
}

/* タイトルの左右に直線 ここまで*/

/* 福岡信金について */

.company_overview {
    /*height: 1425px;*/
    height: 800px;
    margin: 0 auto;
    text-align: center;
    background-color: #e8f5fb;
}

.company_overview_Box {
    width: 980px;
    margin: 0 auto;
    padding-top: 90px;
}

.company_overview_Box h2 {
    font-size: 2.5rem;
    letter-spacing: 0.3rem;
}

.company_overview_images .company_overview_images_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
    justify-content: flex-start;
}

.company_overview_images .company_overview_images_list>li {
    width: 50%;
    height: 60px;
    margin: 20px 0;
    text-align: left;
    position: relative;
}

.company_overview_images .company_overview_images_list>li:nth-of-type(1),
.company_overview_images .company_overview_images_list>li:nth-of-type(2) {
    height: 260px;
}

.company_overview_images .company_overview_images_list>li:nth-child(2n) {
    padding-left: 20px;
}

.company_overview_images .company_overview_images_list li:nth-of-type(1) .company_overview_image,
.company_overview_images .company_overview_images_list li:nth-of-type(2) .company_overview_image {
    width: 470px;
    height: 200px;
    background-size: 100% 200px;
    background-position: right center;
    background-repeat: no-repeat;
}

.company_overview_images .company_overview_images_list li:nth-of-type(1)>.company_overview_image {
    background-image: url(../img/greeting2.jpg);
}

.company_overview_images .company_overview_images_list li:nth-of-type(2)>.company_overview_image {
    background-image: url(../img/history.jpg);
}

.company_overview_images .company_overview_images_list li:nth-of-type(3)>.company_overview_image {
    /*background-image: url(../img/basicpolicy.jpg);*/
}

.company_overview_images .company_overview_images_list li:nth-of-type(4)>.company_overview_image {
    /*background-image: url(../img/business.jpg);*/
}

.company_overview_images .company_overview_images_list li:nth-of-type(5)>.company_overview_image {
    /*background-image: url(../img/basicposture.jpg);*/
}

.company_overview_images .company_overview_images_list li:nth-of-type(6)>.company_overview_image {
    /*background-image: url(../img/disclosure.jpg);*/
}

.company_overview_images .company_overview_images_list li:nth-of-type(7)>.company_overview_image {
    /*background-image: url(../img/overview.jpg);*/
}

.company_overview_images .company_overview_images_list>li>a {
    position: absolute;
    /*top: 200px;*/
    width: 470px;
    display: block;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    text-indent: 1.5em;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
}

.company_overview_images .company_overview_images_list>li>a:after {
    content: '';
    width: 30px;
    height: 15px;
    display: inline-block;
    background-image: url(../img/icon/arrow_blue.svg);
    background-size: 15px;
    background-position: right center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

/* 福岡信金について ここまで*/

/* バナー領域 */

.banner_area {
    height: 160px;
}

.banner_area .banner_area_container {
    height: 50%;
    width: 980px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.banner_area .banner_area_container li {
    padding: 0 5px;
    flex: 100%;
}


.banner_area .banner_area_container li img {
    margin: 0 auto;
    max-height: 80px;
}

/* バナー領域 ここまで*/



/* 共通フッタ */

footer {
    margin: 0 auto;
    background-color: #ffffff;
}

footer input[type=checkbox] {
    display: none;
}

footer .footer_container {
    height: 760px;
}

footer .footer_container .footer_nav {
    height: 60px;
    background: #0168b7;
}

footer .footer_container .footer_nav .footer_nav_container {
    height: 100%;
    width: 980px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

footer .footer_container .footer_nav .footer_nav_container li {
    padding: 0 29px;
    border-right: solid #fff 1px;
}

footer .footer_container .footer_nav .footer_nav_container li:last-child {
    border-right: none;
}

footer .footer_container .footer_nav .footer_nav_container li a {
    color: #fff;
}

footer .footer_container .footer_menu {
    background-color: #f5f5f5;
    height: auto;
    padding: 0 20px;
}

footer .footer_container .footer_menu a {
    color: black;
}

footer .footer_container .footer_menu a>span {
    color: #066ab6;
}

footer .footer_container .footer_menu .footer_menu_container {
    width: 980px;
    margin: 0 auto;
    padding-top: 70px;
    display: flex;
    align-items: flex-start;
}

footer .footer_container .footer_menu .footer_menu_container li {
    font-size: 1.6rem;
    margin-right: 50px;
}

footer .footer_container .footer_menu .footer_menu_nav_container {
    width: 980px;
    padding-top: 50px;
    padding-bottom: 70px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    text-align: left;
}

footer .footer_container .footer_menu .footer_menu_nav_container>li:nth-child(1) {
    width: 340px;
}

footer .footer_container .footer_menu .footer_menu_nav_container>li:nth-child(2) {
    width: 280px;
}

footer .footer_container .footer_menu .footer_menu_nav_container>li:nth-child(3) {
    width: 380px;
}

footer .footer_container .footer_menu .footer_menu_nav_container .toggleTitle {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 15px;
}

footer .footer_container .footer_menu .footer_menu_nav_container .toggleItem li {
    line-height: 3.2rem;
}

/* 各種サービスは2020.02時点では非表示*/
footer .footer_container .footer_menu .footer_menu_nav_container li:nth-of-type(1) .toggleItem li:nth-of-type(5) {
    display: none;
}

footer .footer_container .logo {
    width: 980px;
    background-color: #ffffff;
    margin: 50px auto 0 auto;
    text-align: center;
}

footer .footer_container .logo ul li:first-child {
    padding: 40px 0 0 0;
    width: 320px;
    margin: 0;
    background-image: url(../img/icon/logo2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

footer .footer_container .logo ul li span.bankcode {
    color: #666666;
    padding-right: 160px;
}

footer .footer_container .logo p {
    display: block;
    color: #000;
    font-size: small;
}

footer .footer_container .logo p#address {
    margin-top: 10px;
}

footer .footer_container .logo p#copyright {
    margin-top: 20px;
}

/* トップへ戻るボタン */

#return_top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 100;
}

#return_top:hover {
    text-decoration: none;
}

/********************
    文字寄せ
********************/

/* 横方向 */

.container .contents .left {
    text-align: left;
}

.container .contents .right {
    text-align: right;
}

.container .contents .center {
    text-align: center;
}

/********************
    文字サイズ
********************/

/* 上下位置 */

/* 縦方向 */

.container .contents .middle {
    vertical-align: middle;
}

/********************
    フォント太さ
********************/

.bold {
    font-weight: bold;
}

.lighter {
    font-weight: lighter;
}

.bolder {
    font-weight: bolder;
}

/********************
    行間の高さ
********************/

/********************
    コンテンツ
********************/

.container {
    width: 100%;
    background-color: #fff;
}

.contents {
    margin: 0 auto;
    width: 980px;
    line-height: 30px;
}

.container .contents .select_user_nav {
    display: flex;
    justify-content: space-between;
}

.container .contents .select_user_nav li {
    margin: 20px 0;
}

/*.container .contents .select_user_nav a {
    width: 480px;
    height: 60px;
    line-height: 60px;
    font-size: 2.2rem;
    background-image: none;
}

.container .contents .select_user_nav>li>a:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: contain;
    vertical-align: middle;
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.container .contents .select_user_nav>li:nth-of-type(1)>a:before {
    background-image: url(../img/icon/man_white.svg);
}

.container .contents .select_user_nav>li:nth-of-type(2)>a:before {
    background-image: url(../img/icon/building_white.svg);
}
*/
.container .contents .select_user_nav input {
    display: none;
}

.container .contents .select_user_nav label {
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 0px #E4E4E4;
    cursor: pointer;
    min-width: 480px;
    height: 60px;
    line-height: 60px;
    font-size: 2.2rem;
    background-image: none;
    text-align: center;
    justify-content: center;
}

.container .contents .select_user_nav label {
    border-radius: 3px;
    color: #fff;
}

.container .contents .select_user_nav #btn_kojin+label {
    border-radius: 3px;
    background-color: #71BB10;
}

.container .contents .select_user_nav #btn_houjin+label {
    border-radius: 3px;
    background-color: #2E9BE0;
}

.container .contents .select_user_nav #btn_kojin:checked+.switch-on {
    border: 2px solid #5A950C;
    border-top: 4px solid #5A950C;
    box-shadow: none;
}

.container .contents .select_user_nav #btn_kojin:not(:checked)+.switch-on {
    background-color: #9da9af;
}

.container .contents .select_user_nav #btn_houjin:checked+.switch-on {
    border: 2px solid #38759d;
    border-top: 4px solid #38759d;
    box-shadow: none;
}

.container .contents .select_user_nav #btn_houjin:not(:checked)+.switch-on {
    background-color: #9da9af;
}

.container .contents .select_user_nav>li>label:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: contain;
    vertical-align: middle;
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.container .contents .select_user_nav>li:nth-of-type(1)>label::before {
    background-image: url(../img/icon/man_white.svg);
}

.container .contents .select_user_nav>li:nth-of-type(2)>label::before {
    background-image: url(../img/icon/building_white.svg);
}

/********************
    見出し
********************/

/* 青下線 */
.container .contents .midashi01 {
    display: inline-block;
    position: relative;
    margin-bottom: 80px;
    font-size: 3.5rem;
    font-weight: lighter;
    /* 調整のため行間をデフォルト値に変更 */
    line-height: initial;
}

.container .contents .midashi01:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    display: inline-block;
    width: 190px;
    height: 2px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #0168B7;
}

/* ハイフン青 文字青 */
.container .contents .midashi02 {
    font-size: 2.25rem;
    color: #0168B7;
    letter-spacing: 2.5px;
    margin-bottom: 20px;
    position: static;
    text-align: left;
}

.container .contents .midashi02:before {
    content: "－ ";
}

/* 左線青　文字黒 */
.container .contents .midashi03 {
    font-size: 1.9rem;
    text-align: left;
    border-left: solid 3.5px #0068B7;
    margin-bottom: 20px;
    padding-left: 50px;
    text-indent: -43px;
}

/* 左線青　文字青 */
.container .contents .midashi04 {
    font-size: 2.0rem;
    line-height: 25px;
    text-align: left;
    padding-left: 10px;
    border-left: solid 2.5px #0068B7;
    color: #0068B7;
    margin-bottom: 20px;
}

/* 背景色 薄青 */
.container .contents .midashi05 {
    text-align: left;
    line-height: 60px;
    padding-left: 20px;
    font-size: 2.0rem;
    background-color: #E6F0F9;
    margin-bottom: 20px;
    vertical-align: middle;
}


/* 背景色＋上線 */
.container .contents .midashi06 {
    font-size: 2.25rem;
    text-align: left;
    line-height: 70px;
    color: #010101;
    background: #E6F0F9;
    border-top: solid 4px #0068B7;
    margin-bottom: 30px;
    padding-left: 20px;
}

.container .contents .contents_Box .midashi06 {
    margin-top: 80px;
}

/* 文字黒＋大文字 */
.container .contents .midashi07 {
    font-size: 2.0rem;
    text-align: left;
    color: #010101;
    margin-bottom: 5px;
}

/* 背景橙＋角丸 */
.orange-midashi {
    margin-top: 20px;
    padding: 25px;
    border: solid 3px #FF570D;
    border-radius: 3.5em;
    border-width: 0.3em;
    font-size: 1.3rem;
}

/* 背景青＋文字白 */
.financing-midashi {
    color: #FFFFFF;
    border: solid 3px #0068B7;
    border-radius: 0.5em;
    background: #0068B7;
    width: 160px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}



/**************************************
    折り返し時に１文字分のインデント（※印用）
**************************************/
.indent1char {
    line-height: 22.5px;
    text-indent: -1em !important;
    padding-left: 1em !important;
}

/**************************************
    背景青
**************************************/

.background-blue {
    background-color: #E8F5FB;
    padding: 40px;
    margin: 20px 0;
}

/********************
    display属性用
********************/

.Hidden {
    display: none !important;
}

/********************
    画像下方向への余白
********************/

/* .container .contents img {
    margin-bottom: 20px;
} */

/********************
    見出しごとの余白用
********************/

/* 下 */

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 15px;
}

.mb-2 {
    margin-bottom: 30px;
}

.mb-3 {
    margin-bottom: 45px;
}

.mb-4 {
    margin-bottom: 60px;
}

.mb-5 {
    margin-bottom: 75px;
}

.mb-6 {
    margin-bottom: 90px;
}

.mb-7 {
    margin-bottom: 105px;
}

.mb-8 {
    margin-bottom: 120px;
}

/* 上 */

.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: 15px;
}

.mt-2 {
    margin-top: 30px;
}

/* 左 */

.ml-0 {
    margin-left: 0px;
}

.ml-1 {
    margin-left: 15px;
}

.ml-2 {
    margin-left: 30px;
}

/* 右 */

/* 左 */

.mr-0 {
    margin-right: 0px;
}

.mr-1 {
    margin-right: 15px;
}

.mr-2 {
    margin-right: 30px;
}

.mr-3 {
    margin-right: 45px;
}

.mr-4 {
    margin-right: 60px;
}

/********************
    リボン
********************/

/* 角丸 */

.container .contents .ribbon01 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    border-radius: 30px;
    font-size: 2.25rem;
    color: #ffffff;
    margin-bottom: 20px;
}

/* 両角山形 */

.container .contents .ribbon02 {
    display: inline-block;
    position: relative;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 80px;
    font-size: 2.0rem;
    background: #f57a78;
    color: #FFF;
}

.container .contents .ribbon02:before,
.container .contents .ribbon02:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.container .contents .ribbon02:before {
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #FFFBE5;
    border-style: solid;
}

.container .contents .ribbon02:after {
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #FFFBE5 transparent transparent;
    border-style: solid;
}

/* 背景色 */

.container .contents .back-green {
    background-color: #27AE61;
}

.container .contents .back-darkorange {
    background-color: #E77E23;
}

.container .contents .back-orange {
    background-color: #F39C11;
}

.container .contents .back-red {
    background-color: #E84C3D;
}

.container .contents .back-darkred {
    background-color: #DC143C;
}

/********************
    お知らせ
********************/

/* 基本定義 */
.container .contents .oshirase_box {
    display: flex;
    flex-flow: column;
    margin-top: 30px;
    margin-bottom: 20px;
}

.container .contents dl.oshirase_list {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #DDDDDD;
}

.container .contents dl.oshirase_list:nth-of-type(1) {
    border-top: 1px solid #DDDDDD;
}

.container .contents dl.oshirase_list dt {
    display: flex;
    align-items: center;
}

.container .contents dl.oshirase_list dd {
    word-break: break-all;
    line-height: 2.0rem;
}

/* フォーカス */
.container .contents dl.oshirase_list:hover {
    background-color: #fffeef;
}

/* PDFアイコン */
.oshirase_list.pdf::after {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    top: -3px;
    display: inline-block;
    background-image: url(../img/icon/pdf_color.svg);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
}

/* [NEW]アイコン */
.oshirase_list>dd.new {
    text-indent: -5em;
    margin-left: 5em;
}

.oshirase_list>dd.new::before {
    content: "NEW";
    color: #d10606;
    font-size: 1.2rem;
    border: 1px solid #d10606;
    padding: 4px 8px;
    margin: 0 10px 0 10px;
    /* display: inline-block; */
    line-height: 1;
    position: relative;
    top: -2px;
}


/* お知らせ「金融犯罪にご注意ください」で利用する！アイコン */
#info_caution::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('../img/icon/exclamation-circle.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  vertical-align: -7px;
}

@media (max-width: 767px) {
  #info_caution::before {
    width: 15px;
    height: 15px;
    margin-right: 3px;
    vertical-align: -2px;
  }
}


/********************
    丸矢印アイコン
********************/

/* 文字前 */

.container .contents .arrow-before {
    position: relative;
    color: #0168B7;
}

.container .contents .arrow-before::before {
    position: relative;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../img/icon/arrow_blue.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
    border: none;
}

/* 文字後 */

.container .contents .arrow-after {
    position: relative;
    margin-left: 10px;
    color: #0168B7;
}

.container .contents .arrow-after::after {
    position: relative;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../img/icon/arrow_blue.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
}

/* 文字後にPDFアイコン */

.pdf_after {
    color: #fff;
    padding-right: 20px;
    background-image: url(../img/icon/pdf_color.svg);
    background-size: 15px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

/********************
    ボタン
********************/

/* 背景緑ボタン */

.container .contents .btn-green {
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #71BB10;
    border-radius: 3px;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
    justify-content: center;
}

.container .contents .btn-green:hover {
    background-color: #85cf23;
    transition: all 0.3s ease;
}

/* 背景青ボタン */

.container .contents .btn-blue {
    display: flex;
    align-items: center;
    color: #FFF;
    background-color: #2E9BE0;
    border-radius: 3px;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
    justify-content: center;
}

.container .contents .btn-blue:hover {
    background-color: #55bbfa;
    transition: all 0.3s ease;
}

.container .contents .btn_blue_dark {
    background-color: rgb(26, 104, 153);
}

.container .contents .btn_blue_dark:hover {
    background-color: rgb(26, 104, 153, 0.8);
}

/* 背景黄ボタン */

.container .contents .btn_yellow {
    display: flex;
    align-items: center;
    color: #FFF;
    background-color: #FFF100;
    color: #000;
    border-radius: 3px;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
    justify-content: center;
}

.container .contents .btn_yellow:hover {
    background-color: #FFF190;
    transition: all 0.3s ease;
}

/* 背景白ボタン */

/* ボタン内テキスト中央 */

.container .contents .btn-white-center {
    display: flex;
    align-items: center;
    color: #0168B5;
    background-color: #FFF;
    border-radius: 3px;
    border: solid 2px #0168B5;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
    justify-content: center;
}

/* ボタン内テキスト左寄せ */

.container .contents .btn-white-left {
    display: flex;
    align-items: center;
    color: #0168B5;
    background-color: #FFF;
    border-radius: 3px;
    border: solid 2px #0168B5;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
}

.container .contents .btn-white-center:hover,
.container .contents .btn-white-left:hover {
    background-color: rgb(194, 228, 255);
    transition: all 0.3s ease;
}

/* 背景グレーボタン */

.container .contents .btn-gray {
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #888888;
    border-radius: 3px;
    box-shadow: 0px 4px 0px #E4E4E4;
    letter-spacing: 2.5px;
    justify-content: center;
}

.container .contents .btn-gray:hover {
    background-color: #999999;
    transition: all 0.3s ease;
}

/********************
    ボタンサイズ
********************/

/* 縦サイズ6パターン */

.container .contents a.row-1 {
    height: 50px;
    font-size: 1.5rem;
}

.container .contents a.row-2 {
    height: 60px;
    font-size: 1.5rem;
}

.container .contents a.row-3 {
    height: 65px;
    font-size: 2.0rem;
}

.container .contents a.row-4 {
    height: 70px;
    font-size: 2.0rem;
}

.container .contents a.row-5 {
    height: 80px;
    font-size: 2.0rem;
}

.container .contents a.row-6 {
    height: 100px;
    font-size: 2.25rem;
}

/* 横サイズ7パターン */

.container .contents a.col-1 {
    width: 230px;
}

.container .contents a.col-2 {
    width: 285px;
}

.container .contents a.col-3 {
    width: 310px;
}

.container .contents a.col-4 {
    width: 400px;
}

.container .contents a.col-5 {
    width: 470px;
}

.container .contents a.col-6 {
    width: 560px;
}

.container .contents a.col-7 {
    width: 600px;
}

/********************
    ボタンの右側にアイコン表示
********************/

/* 下方向 */

.container .contents .arrow-after-under {
    position: relative;
}

.container .contents .arrow-after-under::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 20px;
    margin-top: -14px;
    width: 27.5px;
    height: 27.5px;
    background-image: url("../img/icon/arrow_blue.svg");
    background-size: contain;
    transform: rotate(90deg);
}

/* 右方向（青） */

.container .contents .arrow-after-rblue {
    position: relative;
    padding: 0 40px 0 20px;
}

.container .contents .arrow-after-rblue::after {
    position: absolute;
    content: '';
    right: 30px;
    width: 27.5px;
    height: 27.5px;
    background: url("../img/icon/arrow_blue.svg") no-repeat;
    background-size: contain;
}

/* 右方向（白） */

.container .contents .arrow-after-rwhite {
    position: relative;
}

.container .contents .arrow-after-rwhite::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 30px;
    margin-top: -14px;
    width: 27.5px;
    height: 27.5px;
    background: url("../img/icon/arrow_white.svg") no-repeat;
    background-size: contain;
}

/********************
    ボックス
********************/

.box-gray {
    padding: 20px 25px;
    margin: 20px 0;
    border: solid 2.5px #E4E4E4;
}

.box-gray-saving_account {
    padding: 30px 25px;
    margin: 20px 0;
    border: solid 2.5px #E4E4E4;
}

.box-orange {
    padding: 20px;
    text-align: center;
    background-color: #FFFBE5;
}

.fixed {
    margin-bottom: 30px;
}

/* loan詳細画面用ボックス */

.loan-detail-box {
    margin-bottom: 50px;
    padding: 40px 20px;
    text-align: center;
    border: solid thin #0167B9;
    background-color: #FFFBE5;
    height: 260px;
}

/* loan_card用ボックス */

.loan-card-box {
    padding: 40px;
    border: solid thin #0167B9;
    background-color: #FFFBE5;
    /* height: 275px; */
    text-align: left;
}

/********************
    フォントサイズ
********************/

.fontsize-01 {
    font-size: 1.5rem;
}

.fontsize-02 {
    font-size: 1.75rem;
}

.fontsize-03 {
    font-size: 2.0rem;
}

.fontsize-04 {
    font-size: 2.25rem;
}

.fontsize-05 {
    font-size: 2.5rem;
}

.fontsize-06 {
    font-size: 2.75rem;
}

.fontsize-07 {
    font-size: 3.0rem;
}

/********************
    フォントカラー
********************/

.fontcolor-blue {
    color: #0068B7;
}

.fontcolor-blue-bottom {
    color: #0068B7;
    border-bottom: solid 1px #0068B7;
    overflow-wrap: break-word;
}

.fontcolor-navy {
    color: #003685;
}

.fontcolor-orange {
    color: #FF570D;
}

.fontcolor-red {
    color: #E63F13;
}

.fontcolor-green-bottom {
    color: #B8D200;
    border-bottom: solid 1px #B8D200;
    overflow-wrap: break-word;
}

/********************
    バナー
********************/

.bunner {
    display: table;
    background: #ccc;
    padding: 0 10px;
    height: auto;
    width: 100%;
    margin-bottom: 80px;
}

/********************
    リスト横並び均等配置
    ※親要素に入りきらない場合は折り返し
********************/

.container .contents .lateral-direction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/********************
    IB共通（もっと見る）
********************/

/* 矢印は下方向がデフォルト */
.container div[class^="oshirase_box"] .info_more a:after {
    transform: rotate(90deg);
}

/* 矢印は下方向がデフォルト */
.container div[class^="oshirase_box"] .info_more a.rotate:after {
    transform: rotate(-90deg) !important;
}

/* サポート窓口　中央配置 左寄せ */
.container [id^="ib_"] .box-gray {
    margin: 0 auto;
    text-align: center;
}

.container [id^="ib_"] .box-gray p {
    display: inline-block;
    text-align: left;
}

/*
インターネットバンキング（法人のお客様）
houjin.html
*/

/* ログオンボタン */
.houjin_logon {
    margin-bottom: 10px !important;
    padding: 0 10px !important;
}

.houjin_logon li>.icon_gray {
    padding-left: 10px;
}

.houjin_logon li>.icon_gray:before {
    position: relative;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #BBBBBB;
    border-radius: 50%;
    left: -10px;
}

.container #ib_houjin.contents ul.densai_operation {
    margin-left: 60px;
}

.container #ib_houjin.contents #logon_kanri {
    background-color: rgb(235, 255, 255);
    padding: 20px 0;
    margin: 20px 0 100px 0;
}

.container #ib_houjin.contents .midashi03 {
    font-size: 2.5rem;
}

.container #ib_houjin.contents .setsumei {
    padding: 20px;
}

/* セコムプレミアムネットリンク */
.container #ib_houjin .link_secom_premium {
    display: block;
    margin-top: 10px;
    text-decoration: underline #006B87;
}

.container #ib_houjin .ribbon01 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    font-size: 2.0rem;
    border-radius: 3.5em;
    box-shadow: 0px 4px 0px #E4E4E4;
}

.container #ib_houjin .ribbon01:hover {
    background-color: #E64C6A;
    transition: all 0.3s ease;
}

/* 文字前の画像疑似要素 共通スタイル */
.btn_houjin_menu .btn-white-left::before {
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin: 0 10px 0 30px;
}

.btn_houjin_menu li {
    margin-bottom: 40px;
}

.btn_houjin_menu li:nth-of-type(1) a.btn-white-left::before {
    background: url(../img/icon/text-document.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(2) a.btn-white-left::before {
    background: url(../img/icon/note_pen.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(3) a.btn-white-left::before {
    background: url(../img/icon/pdf.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(4) a.btn-white-left::before {
    background: url(../img/icon/display.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(5) a.btn-white-left::before {
    background: url(../img/icon/padlock.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(6) a.btn-white-left::before {
    background: url(../img/icon/timer.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(7) a.btn-white-left::before {
    background: url(../img/icon/question.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(8) a.btn-white-left::before {
    background: url(../img/icon/book.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(9) a.btn-white-left::before {
    background: url(../img/icon/pdf.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_menu li:nth-of-type(10) a.btn-white-left::before {
    background: url(../img/icon/mouse.svg) no-repeat;
    background-size: contain;
}

/********************
    個人IBメニュー
********************/

/* ボタン中央 */
.btn_kojin_login .btn-green {
    margin: 20px auto;
}

/* 文字前の画像疑似要素 共通スタイル */
.btn_kojin_menu .btn-white-left::before {
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin: 0 10px 0 30px;
}

.btn_kojin_menu li {
    margin-bottom: 40px;
}

.btn_kojin_login a.btn-green::before {
    background: url(../img/icon/window_white.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(1) a.btn-white-left::before {
    background: url(../img/icon/text-document.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(2) a.btn-white-left::before {
    background: url(../img/icon/note_pen.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(3) a.btn-white-left::before {
    background: url(../img/icon/pdf.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(4) a.btn-white-left::before {
    background: url(../img/icon/display.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(5) a.btn-white-left::before {
    background: url(../img/icon/padlock.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(6) a.btn-white-left::before {
    background: url(../img/icon/timer.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(7) a.btn-white-left::before {
    background: url(../img/icon/question.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_menu li:nth-of-type(8) a.btn-white-left::before {
    background: url(../img/icon/mouse.svg) no-repeat;
    background-size: contain;
}

/*
でんさいサービス
densai.html
*/

#ib_densai a#denshi {
    font-size: 2rem;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* ログインボタン */
.btn_densai_login {
    width: 470px;
    margin: 0 auto;
    text-align: left;
}

.btn_densai_login .btn-white-center::before {
    display: none !important;
}

.btn_densai_login a:first-child {
    margin-bottom: 5px;
}

/* 文字前の画像疑似要素 共通スタイル */

/* 文字左寄せは左にも余白必 */
.btn_densai_menu .btn-white-left::before {
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin: 0 10px 0 30px;
}

.btn_densai_menu li {
    margin-bottom: 40px;
}

.btn_densai_menu li:nth-of-type(1) a.btn-white-left::before {
    background: url(../img/icon/text-document.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(2) a.btn-white-left::before {
    background: url(../img/icon/calender.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(3) a.btn-white-left::before {
    background: url(../img/icon/yen.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(4) a.btn-white-left::before {
    background: url(../img/icon/display.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(5) a.btn-white-left::before {
    background: url(../img/icon/note_pen.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(6) a.btn-white-left::before {
    background: url(../img/icon/question.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(7) a.btn-white-left::before {
    background: url(../img/icon/pdf.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(8) a.btn-white-left::before {
    background: url(../img/icon/mouse.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(9) a.btn-white-left::before {
    background: url(../img/icon/pdf.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(10) a.btn-white-left::before {
    background: url(../img/icon/window.svg) no-repeat;
    background-size: contain;
}

.btn_densai_menu li:nth-of-type(11) a.btn-white-left::before {
    background: url(../img/icon/tel.svg) no-repeat;
    background-size: contain;
}

/********************
    法人info、個人info、でんさいinfoメニュー
********************/

/* お知らせ */
.container #ib_kojin dl.oshirase_list dd,
.container #ib_houjin dl.oshirase_list dd,
.container #ib_densai dl.oshirase_list dd {
    width: 700px;
}

/* ボタン中央 */

.btn_info_pdf_center .btn-blue,
.btn_info_manual .btn-white-center,
.btn_densai_info_environment .btn-blue,
.btn_densai_info_environment .btn-white-left {
    margin: 20px auto;
}

/* ボタン左寄せ */

.btn_info_pdf_left .btn-blue {
    margin: 20px 0;
}

/* 文字前の画像疑似要素 共通スタイル */

.btn_info_pdf_center .btn-blue::before,
.btn_info_pdf_left .btn-blue::before,
.btn-white-center::before,
.btn_info_manual {
    content: "";
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.btn_kojin_info_environment a.btn-white-left::before,
.btn_houjin_info_environment a.btn-white-left::before,
.btn_densai_info_environment a.btn-white-left::before {
    content: "";
    display: inline-block;
    height: 45px;
    width: 45px;
    vertical-align: middle;
    margin: 0 20px 0 20px;
}

/* pdfアイコンボタン */

.btn_info_pdf_center .btn-blue::before,
.btn_info_pdf_left .btn-blue::before {
    background: url(../img/icon/pdf_white.svg) no-repeat;
    background-size: contain;
}

/* ご利用環境について */
.btn_kojin_info_environment.lateral-direction {
    justify-content: center !important;
}

.btn_kojin_info_environment li:nth-of-type(1) a.btn-white-left::before {
    background: url(../img/icon/display.svg) no-repeat;
    background-size: contain;
}

.btn_kojin_info_environment li:nth-of-type(2) a.btn-white-left::before {
    background: url(../img/icon/gear.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_info_environment li:nth-of-type(1) a.btn-white-left::before {
    background: url(../img/icon/security.svg) no-repeat;
    background-size: contain;
}

.btn_houjin_info_environment li:nth-of-type(2) a.btn-white-left::before {
    background: url(../img/icon/padlock02.svg) no-repeat;
    background-size: contain;
}

.btn_densai_info_environment a.btn-white-left::before {
    background: url(../img/icon/display.svg) no-repeat;
    background-size: contain;
}

/* 操作体験版 */

a.btn_info_trial::before {
    background: url(../img/icon/mouse.svg) no-repeat;
    background-size: contain;
}

/* 操作体験版 でんさい*/
ul.densai_operation {
    margin: 0 auto;
    width: 200px;
}

ul.densai_operation li {
    text-align: left;
}

ul.densai_operation a:link {
    color: #333;
    text-decoration: underline;
}

ul.densai_operation a:visited {
    color: #666;
    text-decoration: underline;
}

ul.densai_operation a:before {
    content: '';
    display: inline-block;
    height: 1.5rem;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../img/icon/arrow_demo_densai.gif)
}


/* 操作マニュアル */

.btn_info_manual::before {
    background: url(../img/icon/text-document.svg) no-repeat;
    background-size: contain;
}

/********************
    loan
********************/

/* ボタン中央 */

.btn_disagree .btn-gray,
.btn_agree .btn-blue,
.btn_agree .btn-gray,
.btn_agree .btn-white-center,
.btn_loan .btn-blue {
    margin: 20px auto;
}

/*
NEOマネー
neomoney.html
*/

/* 商品に関するお問い合わせ先 */
.container .contents .contact_information_Box {
    margin: 20px auto 0;
    background-color: #fffae6;
    display: flex;
    border: #0168B5 1px solid;
}

.container .contents .contact_information_Box .contact_information_Detail {
    display: inline-block;
    height: inherit;
    padding: 20px;
    text-align: center;
    width: 100%;
}

.container .contents .contact_information_Box .contact_information_Detail:nth-of-type(1) {
    border-right: #0168B5 1px solid;
}

/* 申し込みボタン（左右中央配置） */
.btn_request .btn-blue {
    margin: 20px auto;
}

/*
セコム・プレミアムネット
secom_premiumnet.html
*/

/* 画像中央配置 */
.container #secom_premiumnet img {
    margin: 0 auto;
}

/* テーブル */
.container #secom_premiumnet table {
    width: 100%;
}

.container #secom_premiumnet table th {
    padding: 10px;
    text-align: center;
}

.container #secom_premiumnet table td {
    padding: 10px;
}

/* リスト */
.container #li_secom_underline li {
    text-decoration: underline;
}

.container #li_secom_underline p {
    margin-left: 30px;
}

/* ボタン中央 */
.btn_secom_premium {
    margin: 20px 200px 0;
}

/* 申し込み後の流れ */
ul.secom_premium_operation li {
    text-indent: -18px;
    padding-left: 20px;
}

ul.secom_premium_operation li:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 40px;
    background-image: url(../img/icon/arrow.png);
}

ul.secom_premium_operation li:last-child::after {
    display: none;
}

/*
アンパンマンコーナー
anpanman.html
*/

.container .contents .anpanman_cashecard {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    padding: 0 20px;
}

.container .contents .anpanman_cashecard>li {
    width: 50%;
    padding: 0 20px;
}

.container .contents .anpanman_cashecard>li img {
    margin: 0 auto;
}

.container .contents .anpanman_deposit {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    padding: 0 20px;
}

.container .contents .anpanman_deposit>li img {
    margin: 0 auto;
}

.container .contents .anpanman_deposit>li:nth-of-type(odd) {
    margin-right: 45px;
}

.container .contents .anpanman_character {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    padding: 30px 20px;
}

.container .contents .anpanman_character>li img {
    margin: 0 auto;
}

.container .contents .anpanman_character>li:nth-of-type(odd) {
    margin-right: 30px;
}

/********************
  　電話のアイコン
********************/

.telephone {
    position: relative;
    line-height: 1em;
    padding-left: 20px;
    margin-bottom: 20px;
}

.telephone:before {
    position: absolute;
    left: 0px;
    content: "";
    display: inline-block;
    width: 40px;
    height: 25px;
    background: url(../img/icon/telphone.svg) no-repeat;
    background-size: contain;
}

/********************
    テーブルスタイル共通
********************/

/* テーブル基本スタイル */

.container .contents .base-table {
    border-collapse: collapse;
}

.container .contents .base-table th,
.container .contents .base-table td {
    border: solid 1px #DDDDDD;
    vertical-align: middle;
    line-height: 20px;
    padding: 20px;
}

.container .contents .base-table th {
    background-color: #E6F0F9;
}

/* 画像配置 */

.container .contents .base-table img {
    display: inline-block;
}

/* テーブル内テーブルの余白小さめのテーブル */
.container .contents .base_table_narrow {
    border-collapse: collapse;
    margin: 10px 0;
}

.container .contents .base_table_narrow th {
    text-align: center;
    background-color: #E6F0F9;
}

.container .contents .base_table_narrow th,
.container .contents .base_table_narrow td {
    border: solid 1px #DDDDDD;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px;
}

/* リストテーブル レスポンシブ対応用 */
/* ヘッダー列削除、1列目を見出しとして表示します */
.responsive_list_table {
    width: 100%;
    margin-bottom: 30px;
}

.responsive_list_table ul {
    display: table;
    flex-wrap: wrap;
    margin: 0;
}

.responsive_list_table li {
    width: 326px;
    /* ％指定で列を自由に設定可能 */
    padding: 20px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.responsive_list_table ul:first-child li {
    font-weight: bold;
    background-color: #E6F0F9;
}

.responsive_list_table li {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}

.responsive_list_table ul:nth-of-type(n + 2) li:nth-of-type(2) {
    text-align: left;
}

.responsive_list_table li:last-child {
    border-right: 1px solid #DDDDDD;
}

.responsive_list_table ul:last-child li {
    border-bottom: 1px solid #DDDDDD;
}

.responsive_list_table li a img {
    display: inline-block;
}

/* 店舗番号 */

.container .contents .tenpo-number {
    position: relative;
    margin: 10px 0 0 10px;
}

.container .contents .tenpo-number::before {
    position: relative;
    content: attr(title);
    /* titleに設定した数値を丸内に表示 */
    display: inline-block;
    width: 25px;
    line-height: 25px;
    background-color: #FEF102;
    border-radius: 50%;
    left: -6px;
    text-align: center;
}

/* 曜日タグ（青） */

.container .contents .tag-blue {
    background: #2E9BE0;
    width: 85px;
    line-height: 30px;
    color: #FFF;
    display: inline-block;
    text-align: center;
    margin: 5px 10px 5px 0;
}

/* 曜日タグ（赤） */

.container .contents .tag-red {
    background: #E76766;
    width: 85px;
    line-height: 30px;
    color: #FFF;
    display: inline-block;
    text-align: center;
    margin: 5px 10px 5px 0;
}

/* 金庫ラベル */

.container .contents .tag-border {
    width: 85px;
    line-height: 30px;
    color: #FFF;
    display: inline-block;
    text-align: center;
    margin: 5px 10px 5px 0;
    color: #2577BB;
    border: solid 1px #2577BB;
    border-radius: 5px;
    margin: 5px 10px 5px 0;
}

/*
店舗・ＡＴＭ
branch.html
 */

/* 地図 */
.container .contents .map {
    padding: 0 50px;
}

.container .contents table[class*="tb_tenpo"] th {
    padding: 25px 0;
}

.container .contents table[class*="tb_tenpo"] td {
    padding: 20px 30px;
}

/* 店舗　店舗一覧 */

.container .contents table.tb_tenpo01 th:nth-of-type(1) {
    width: 320px;
}

.container .contents table.tb_tenpo01 th:nth-of-type(2) {
    width: 440px;
}

.container .contents table.tb_tenpo01 th:nth-of-type(3) {
    width: 220px;
}

.container .contents table.tb_tenpo01 td.left p.tag-atm {
    margin-top: 20px;
    line-height: 24px;
}

/* 店舗　店舗外ＣＤ・ＡＴＭ*/

.container .contents table.tb_tenpo02 th:nth-of-type(1) {
    width: 490px;
}

.container .contents table.tb_tenpo02 th:nth-of-type(2) {
    width: 485px;
}

/*
当金庫における苦情処理措置・紛争解決措置等の概要
sochi_gaiyo.html
*/
#sochi_gaiyo img {
    margin: 0 auto;
}

.container .contents .tb_sochi01 {
    width: 80%;
    text-indent: 0;
    margin: 10px 0;
}

.container .contents .tb_sochi01 .li_icon_gray {
    margin: 0;
}

.container .contents .tb_sochi02 {
    width: 90%;
    text-indent: 0;
    margin: 20px 0;
}

.container .contents .tb_sochi03 {
    width: 100%;
    text-indent: 0;
    margin-bottom: 20px;
}

.container .contents [class^="tb_sochi"] th:nth-of-type(1) {
    text-align: center;
}

.container #sochi_gaiyo .numbering>li,
.container #sochi_gaiyo .number_bracket>li {
    padding-left: 20px;
    line-height: 20px;
    margin-top: 20px;
}

/*
決済業務の効率化
optimization.html
 */

.container .contents .btn_optimization_menu a {
    margin: 10px auto;
}

.container .contents .btn_optimization_menu .lateral-direction a {
    text-align: center;
}

.container .contents .btn_optimization_menu .lateral-direction a::before {
    display: none;
}


.container .contents .btn_optimization_menu .arrow-after-rwhite {
    position: relative;
}

.container .contents .btn_optimization_menu .arrow-after-rblue::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 30px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
}

.container .contents .btn_optimization_menu .arrow-after-rwhite::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 30px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/arrow_white.svg") no-repeat;
    background-size: contain;
}

/* テーブル */
.container .contents .tb_optimi01 {
    border: solid 1px #DDDDDD;
    vertical-align: middle;
    line-height: 20px;
    width: 100%;
    display: inline-block;
}

.container .contents .tb_optimi01 td:nth-child(odd) {
    width: 35%;
    text-align: center;
}

.container .contents .tb_optimi01 td:nth-child(even) {
    width: 65%;
}

.container .contents .tb_optimi02 {
    width: 31%;
}

.container .contents .tb_optimi02 th {
    width: 100%;
    text-align: center;
    padding: 10px 20px !important;
}

.container .contents .tb_optimi02 td {
    width: 100%;
    padding: 10px 20px !important;
    text-align: left;
}

.container .contents .tb_optimi02_vertical {
    width: 100%;
    margin-bottom: 20px;
}

.container .contents #tb_optimi03 {
    width: 100%;
}

.container .contents #tb_optimi03 th:nth-of-type(1) {
    width: 30%;
}

.container .contents #tb_optimi04 {
    width: 100%;
    text-align: center;
}

.container .contents #tb_optimi04 tr:nth-of-type(2) th:nth-of-type(1) {
    width: 10%;
}

.container .contents #tb_optimi04 tr:nth-of-type(2) th:nth-of-type(2) {
    width: 30%;
}

/*
経営のサポート
management_support.html
 */

.container .contents .freedial {
    display: inline-block;
    color: #003685;
    font-size: 3rem;
    margin: 5px 0;
}

.container .contents .freedial:before {
    content: '';
    display: inline-block;
    height: 3rem;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../img/icon/dial_navy.svg);
}

.container .contents table[class*="keiei"] th {
    padding: 20px 40px;
}

.container .contents table[class*="keiei"] td:first-child {
    padding: 25px 40px;
}

.container .contents table[class*="keiei"] td:not(:first-child) {
    padding: 20px 10px;
}

/* 経営サポートテーブル共通 */
.container .contents .tb_keiei01,
.container .contents .tb_keiei02 {
    width: 100%;
    table-layout: fixed;
}

/*
ビジネスマッチング
bussiness_matching.html
*/

.container .contents table[class*="business"] th {
    padding: 22.5px 0;
}

.container .contents table[class*="business"] td {
    padding: 30px 40px;
}

/* ビジネスマッチング１～２ */

.container .contents table.business01 th:nth-of-type(1),
.container .contents table.business01 th:nth-of-type(2),
.container .contents table.business01 td:nth-of-type(1),
.container .contents table.business01 td:nth-of-type(2) {
    width: 490px;
}

/*
採用情報
employment.html
 */

.container .contents table.recruit {
    width: 100%;
    text-align: left;
    margin-bottom: 35px;
}

.container .contents table.recruit th,
.container .contents table.recruit td {
    padding: 20px 30px;
}

.container .contents table.recruit th:nth-of-type(1) {
    width: 23%;
}

.container .contents table.recruit td:nth-of-type(2) {
    width: 77%;
}

/* ロゴ（外部リンク） */
.container .contents .logo_recruit {
    margin-bottom: 30px;
}

.container .contents .logo_recruit li {
    display: inline-block;
    margin: 0 20px;
}

/*タブ切り替え全体のスタイル*/
.tabs {
    width: 980px;
    margin-bottom: 40px;
}

.tab_item {
    width: 33%;
    border-top: 3px solid #0068B7;
    background-color: #d9d9d9;
    line-height: 35px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}

.tab_item:hover {
    opacity: 0.85;
}

input[name="tab_item"] {
    display: none;
}

.container .contents .tab_content {
    display: none;
    overflow: hidden;
    padding: 20px;
    border: 2px solid #A8D5FB;
}

#all:checked~#all_content,
#programming:checked~#programming_content,
#design:checked~#design_content {
    display: block;
}

.container .contents .tabs input:checked+.tab_item {
    background-color: #A8D5FB;
}

/*
将来に備える
prepare.html
*/

/* タグ（青）※インライン部分の文字数で幅は可変 */

.container .contents .tag-darkblue {
    background: #006AB8;
    color: #fff;
    margin-right: 5px;
    padding: 3px 10px;
    text-align: center;
    vertical-align: middle;
}

/* ブロック要素 左右寄せ */

.container .contents div.end-bring {
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.container .contents div.end-bring span {
    display: inline-block;
    line-height: 20px;
    margin: 5px 0;
}

.container .contents .prepare_system .box-orange {
    padding: 20px 20px !important;
}

.container .contents .prepare_system .arrow-after-rwhite {
    position: relative;
}

.container .contents .prepare_system .arrow-after-rwhite::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 30px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url("../img/icon/arrow_white.svg") no-repeat;
    background-size: contain;
}

.container .contents .btn_prepare {
    margin-bottom: 20px;
}

/* しんきん経営年金のみリンク無し */
.container .contents #keieishanenkin .btn_prepare>a {
    cursor: default;
    pointer-events: none;
}

.container .contents #keieishanenkin .btn_prepare>a:hover {
    background-color: #2E9BE0 !important;
}

.container .contents .btn_prepare .btn-blue:before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
}

.container .contents .btn_prepare .btn-blue::before {
    background: url(../img/icon/window_white.svg) no-repeat;
    background-size: contain;
}

/********************
    Ｑ & Ａ　アコーディオン
********************/

/* 全体 */

.container .contents .hidden_box {
    margin-bottom: 1.5px;
    text-align: left;
    background-color: #F5F5F5;
    line-height: 25px;
}

.container .contents .hidden_box:hover {
    background-color: #E6F0F9;
}

/*チェックは見えなくする*/

.container .contents .hidden_box input {
    display: none;
}

/* 質問部分 */

.container .contents .hidden_box .question {
    position: relative;
    font-weight: bold;
    cursor: pointer;
    display: block;
    padding: 30px 50px 30px 80px;
    font-size: 2.0rem;
}

/* （Ｑ）アイコン */

.container .contents .hidden_box .question:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 20px;
    background: url(../img/icon/circle_Q.svg) no-repeat;
    background-size: 40px;
}

/* （＞）アイコン （閉じている状態）*/

.container .contents .hidden_box .question:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 30px;
    right: 20px;
    top: 35%;
    background: url(../img/icon/arrow_next.svg) no-repeat;
    transform: rotate(90deg);
    background-size: 15px;
}

/*中身を非表示にしておく*/

.container .contents .hidden_box .answer {
    display: block;
    position: relative;
    height: 0;
    padding: 0;
    padding: 0 100px 0 80px;
    overflow: hidden;
}

/*クリックで中身表示*/

.container .contents .hidden_box input:checked~.answer {
    height: auto;
    padding: 0 100px 50px 80px;
    animation: fadeIn 0.5s ease 0s 1 normal;
}

.container .contents .hidden_box input:checked~.answer p:nth-of-type(1) {
    padding-top: 10px;
}

/* （Ａ）アイコン */

.container .contents .hidden_box input:checked~.answer:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 0;
    background: url(../img/icon/circle_A.svg) no-repeat;
    background-size: 40px;
}

/* （＞）アイコン （開いている状態）*/
.container .contents .hidden_box input:checked~.question:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 30px;
    right: 20px;
    top: 35%;
    background: url(../img/icon/arrow_next.svg) no-repeat;
    transform: rotate(-90deg);
    background-size: 15px;
}

/* フェードイン設定 */
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

/********************
    インライン配置
********************/

.container .contents .inline-block {
    display: inline-block !important;
}

/********************
    テーブル（罫線青、背景橙）
********************/

/* 中央分割 */

.tb_interest-free {
    border-collapse: collapse;
    background-color: #FFFAE6;
    width: 100%;
}

.tb_interest-free th,
.tb_interest-free td {
    border: 1px solid #0168B7;
    text-align: center;
    line-height: 1.5;
    padding: 30px;
}

/********************
    img横並び用
********************/

/* PDFアイコン */

.pdf-icon {
    margin-bottom: 30px;
}

.pdf-icon img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
    height: 30px;
}

.pdf-icon a {
    border-bottom: solid 1px black;
    vertical-align: middle;
}

/* 数字アイコン */

.flow-to-use img {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}

.flow-to-use .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.0rem;
}

/* 埋め込み要素 直接配置 */

.embed_container {
    height: 0;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 125%;
    position: relative;
    margin-bottom: 30px;
}

.embed_container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/********************
    スクロールバー
********************/

.scroll {
    width: 100%;
    height: 240px;
    overflow-x: scroll;
    overflow-x: hidden;
    border: solid thin #DDDDDD;
    padding: 30px;
    margin-bottom: 40px;
    vertical-align: top;
}

/********************
    箇条書き
********************/

/* 灰丸 */
ul.li_icon_gray {
    position: relative;
}

ul.li_icon_gray>li {
    position: relative;
    padding: 0 20px 0 30px;
    text-indent: -10px;
}

ul.li_icon_gray>li:before {
    position: relative;
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #BBBBBB;
    border-radius: 50%;
    left: -10px;
}

ul.li_icon_gray>li p {
    position: relative;
    padding: 0 20px;
    text-indent: 0;
    padding-left: 10px;
}

/* 半角数字 + .（ドット） */
.numbering {
    counter-reset: number;
}

.numbering>li {
    text-indent: -20px;
    margin-left: 15px;
}

.numbering>li:nth-of-type(n + 10) {
    text-indent: -25px;
    padding-left: 10px;
}

.numbering>li:not(:nth-of-type(n + 10)) {
    padding-left: 10px;
}

.numbering>li::before {
    counter-increment: number;
    content: counter(number)'.';
    padding-right: 5px;
}

/* 半角数字（括弧付） */
.number_bracket {
    counter-reset: number;
}

.number_bracket>li {
    text-indent: -37px;
    padding-left: 30px;
}

.number_bracket>li::before {
    counter-increment: number;
    content: counter(number);
}

/* 段落 */
ul.indent>li {
    margin-left: 30px;
}

/* ol数字のみ */

ol[class=ol-icon] {
    list-style: decimal;
    padding-left: 50px;
    text-align: left;
}

.ol-icon>li {
    list-style: decimal;
    padding-left: 10px;
}

/* ol数字()付 */

.ol-icon-round li {
    counter-increment: cnt;
    position: relative;
    padding-left: 45px;
}

.ol-icon-round li:before {
    content: (counter(cnt));
    position: absolute;
    left: 1px;
}

/* 箇条書き余白用*/

.margin-left50 li {
    margin-left: 50px;
}

.margin-left60 li {
    margin-left: 60px;
}

.margin-bottom li {
    margin-bottom: 20px;
}

/*
福岡しんきん出資会員について
member.html
*/

.container #member .btn-white-center::before {
    display: none;
}

/*
福岡信用金庫について
greeting.html
*/

.container .contents .btn_greeting_menu li {
    margin-bottom: 20px;
}

/* li横並び用 */

.container .contents .ul_inline_block li {
    display: inline-block;
}

/* 基本方針 */
.container .contents #basic-policy .box-gray p,
.container .contents #basic-posture .box-gray p {
    text-indent: -2em !important;
    padding-left: 1em !important;
}

/* 店舗名/店舗コードテーブル */

.container .contents #tb_greeting01 {
    text-align: left;
    width: 100%;
}

.container .contents #tb_greeting01 th {
    width: 30%;
    padding: 20px;
}

.container .contents #tb_greeting01 td {
    width: 70%;
}

/* 役員テーブル */

.container .contents #tb_greeting02 {
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

.container .contents #tb_greeting02 th {
    vertical-align: top;
    width: 30%;
    padding: 20px;
}

.container .contents #tb_greeting02 td {
    width: 70%;
    padding: 12px;
    border: none;
    border-right: solid 1px #ddd;
}

.container .contents #tb_greeting02 tr:first-child {
    border-top: solid 1px #ddd;
}

.container .contents #tb_greeting02 tr:last-child {
    border-bottom: solid 1px #ddd;
}

/* 金庫概要の画像とテーブル要素横並び */

.container .contents .safe-img {
    display: inline-block;
    width: 30%;
    margin-right: 35px;
}

.container .contents .safe-img img:not(:first-child) {
    margin-top: 24px;
}

.container .contents .safe-img img:last-child {
    margin-bottom: 24px;
}

.container .contents .safe-table {
    display: inline-block;
    width: 65%;
    vertical-align: top;
}

/* 自動機器設置テーブル */

.container .contents #atm-table th {
    width: 30%;
}

.container .contents #atm-table td {
    width: 70%;
}

/* 役職員数テーブルと会員数テーブル */

.container .contents .tb_greeting03 th,
.container .contents .tb_greeting03 td {
    padding: 0 5px !important;
    width: 115px;
    height: 65px;
}

.container .contents .tb_greeting03:nth-of-type(2) {
    margin-right: 20px;
}

/* 自動機器設置（CD・ATM）テーブル */

.container .contents #tb_greeting04 th,
.container .contents #tb_greeting04 td {
    padding: 20px;
}

.container .contents #tb_greeting04 th {
    width: 230px;
}

.container .contents #tb_greeting04 td {
    width: 750px;
}

.container .contents #tb_greeting04 td p {
    margin-bottom: 10px;
}

/* 沿革テーブル */

.container .contents #tb_greeting05 th,
.container .contents #tb_greeting05 td {
    padding: 20px;
    vertical-align: top;
}

.container .contents #tb_greeting05 th {
    width: 200px;
}

.container .contents #tb_greeting05 td {
    width: 780px;
}

/* ごあいさつ部分 */

.container .contents .greeting-img {
    display: inline-block;
    margin: 0 45px 40px 0;
}

.container .contents .greeting-text1 {
    display: inline-block;
    width: 630px;
    vertical-align: top;
}

/* .greeting-text1 p, .greeting-text2 p {
    margin-bottom: 15px;
} */

.container .contents .greeting-signature {
    display: inline-block;
    vertical-align: top;
}

.container .contents .greeting-icon {
    display: inline-block;
}

/*
カードローン
loan_card.html
*/

.btn_loan a {
    font-size: 15px !important;
}

/* 詳細ページ */

.container #loan_card .qr_castle div:nth-of-type(1) {
    vertical-align: top;
}

/*
保険商品のご案内テーブル
insurance.html
*/

.container .contents .tb_insurance_products {
    margin-bottom: 20px;
    width: 100%;
}

.container .contents .tb_insurance_products th,
.container .contents .tb_insurance_products td {
    padding: 20px 25px;
}

.container .contents .tb_insurance_products td:nth-of-type(1) {
    width: 15%;
}

.container .contents .tb_insurance_products td:nth-of-type(2) {
    width: 30%;
}

.container .contents .tb_insurance_products td:nth-of-type(3) {
    width: 30%;
}

.container .contents .tb_insurance_products td:nth-of-type(4) {
    width: 25%;
}

/*
キャッシュレス決済・カード
cashless.html
*/

.tb_cashless th {
    padding: 20px 0;
}

.tb_cashless td {
    padding: 35px 30px;
}

.tb_cashless th:nth-of-type(1) {
    width: 295px;
}

.tb_cashless th:nth-of-type(2) {
    width: 365px;
}

.tb_cashless th:nth-of-type(3) {
    width: 320px;
}

/*
事業性融資
cashless.html
*/

.tb_financing {
    width: 100%;
}

/*
事業性融資のご相談
financing.html
*/

.financing-content {
    border: solid 2.5px #E4E4E4;
    display: block;
    line-height: 50px;
    text-align: center;
    padding: 25px 0;
}

.financing-header {
    display: block;
    color: #FFFFFF;
    line-height: 50px;
    background: #0068B7;
    height: 50px;
    text-align: center;
    font-size: 1.8rem;
}

/* 福岡しんきん　事業性評価融資「サポート」商品概要 */

#tb_loan_support {
    margin: 20px 0;
}

#tb_loan_support th,
#tb_loan_support td {
    padding: 30px 30px;
}

#tb_loan_support th {
    width: 200px;
}

#tb_loan_support td {
    width: 780px;
    text-align: left;
}

/* スピードローン「はやわざ」のお申込 */

#tb_loan_hayawaza {
    line-height: 2.0;
}

#tb_loan_hayawaza th,
#tb_loan_hayawaza td {
    padding: 30px 30px;
    text-align: left;
}

#tb_loan_hayawaza th {
    width: 230px;
}

#tb_loan_hayawaza td {
    width: 750px;
}

/* 制度融資（福岡県信用保証協会） */

#tb_system_financing {
    padding: 20px 0;
    margin: 20px 0;
}

#tb_system_financing th {
    padding: 20px 0;
    width: 585px;
}

#tb_system_financing td {
    padding: 30px;
    width: 395px;
    text-align: left;
}

/*
総合口座
general_account.html
*/

#tb_general_account th,
#tb_general_account td {
    padding: 20px;
}

#tb_general_account th {
    width: 200px;
    vertical-align: top;
}

#tb_general_account td {
    width: 780px;
}

/* 文字前アイコン-window */

.window-icon {
    width: 15px;
}

.window-icon::before {
    content: "";
    background: url(../img/icon/window.svg) no-repeat;
    background-size: contain;
    padding-left: 20px;
}


#tb_general_account ul {
    margin: 0px;
}

#tb_general_account li:not(:last-child) {
    margin-bottom: 15px;
}

/*
ローン詳細ページ共通
loan_*.html
*/
.container [id*="loan_"] .btn-white-center::before {
    display: none;
}

/*
ご利用方法
kojin_info.html
houjin_info.html
*/

/* よくある質問 */

.btn_kojininfo_menu li,
.btn_houjininfo_menu li,
.btn_densaiinfo_menu li {
    margin-bottom: 20px;
}

.container .contents ul[class*="btn_"] .btn-white-center::before {
    display: none;
}

/* ご利用の流れ */

/* ※二重矢印は隣接セレクタとして表示 */

.usage_procedure li {
    margin-bottom: 30px;
}

.usage_procedure li+li:before {
    content: "";
    position: relative;
    display: block;
    background: url(../img/icon/arrow_double.svg) no-repeat;
    background-size: contain;
    width: 120px;
    height: 40px;
    margin: 0 auto;
}

/*
法人　サービスのご案内
houjin_info.html
 */

/* ご利用時間テーブル */

#tb_houjin_usetime {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

/* プラン種別テーブル */

#tb_houjin_plan {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#tb_houjin_plan tr td:nth-of-type(1),
#tb_houjin_plan tr td:not(:last-child):nth-of-type(2) {
    text-align: left;
}

#tb_houjin_plan tr td:nth-of-type(2) {
    line-height: 30px;
}

/* 振込手数料テーブル */

#tb_houjin_fee {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#tb_houjin_fee th {
    padding: 5px;
}

/*
個人　サービスのご案内
kojin_info.html
 */

/* ご利用時間テーブル */

#tb_kojin_usetime {
    width: 100%;
    text-align: center;
}

/* 振込手数料テーブル */

#tb_kojin_fee {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

#tb_kojin_fee th {
    padding: 5px;
}

/* ご利用の流れ */

/* ※二重矢印は隣接セレクタとして表示 */

.usage_procedure li {
    margin-bottom: 30px;
}

.usage_procedure li+li:before {
    content: "";
    position: relative;
    display: block;
    background: url(../img/icon/arrow_double.svg) no-repeat;
    background-size: contain;
    width: 120px;
    height: 40px;
    margin: 0 auto;
}

/* アプリ名称テーブル */

#tb_otp_app {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

#tb_otp_app th {
    width: 20%;
}

#tb_otp_app td {
    width: 80%;
}

#tb_otp_app img {
    width: 160px;
    height: 160px;
}

/* 入手方法テーブル */

#tb_houtoget {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

#tb_houtoget tr td img:first-of-type {
    width: 200px;
    height: 60px;
    margin-bottom: 30px;
}

/*
サービスのご案内
でんさい　サービスのご案内
densai_info.html
*/

/* よくある質問のボタン調整 */
.container .contents .btn_densaiinfo_menu a.btn-white-center {
    padding: 0 60px 0 30px;
}

/* 照会サービステーブル */

.inquiry-service-midashi {
    list-style-type: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.inquiry-service-midashi li {
    display: table-cell;
    position: relative;
    background: #0068B9;
    color: #fff;
    height: 55px;
    width: 460px;
    text-align: center;
    vertical-align: middle;
}

.inquiry-service-midashi li:last-child {
    background: #2E9BE0;
}

.inquiry-service-midashi li:last-child:before,
.inquiry-service-midashi li:last-child:after {
    display: none;
}

.inquiry-service-midashi li:before,
.inquiry-service-midashi li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
}

.inquiry-service-midashi li:before {
    top: -12px;
    right: -1.7em;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 40px 0 40px 2em;
    z-index: 1;
}

.inquiry-service-midashi li:after {
    top: -12px;
    right: -1.5em;
    border-style: solid;
    border-color: transparent transparent transparent #0068B9;
    border-width: 40px 0 40px 2em;
    z-index: 1;
}

.inquiry-service-table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
    margin-bottom: 30px;
}

.inquiry-service-table td {
    text-align: left;
    width: 490px;
    height: 150px;
    padding: 30px 0 30px 30px;
    border: solid 1px #0168B7;
}

/* ご利用時間テーブル */

#tb_densai_usetime {
    width: 100%;
    margin-bottom: 30px;
}

#tb_densai_usetime th,
#tb_densai_usetime td {
    padding: 20px 10px;
}

#tb_densai_usetime tr:nth-of-type(4) td:nth-of-type(1) {
    border-right: none;
}

#tb_densai_usetime tr:nth-of-type(4) td:nth-of-type(2) {
    border-left: none;
}

/* ご利用料金（基本）テーブル */

#tb_densai_basicfee {
    width: 100%;
    margin-bottom: 20px;
}

#tb_densai_basicfee th,
#tb_densai_basicfee td {
    padding: 20px 10px;
}

#tb_densai_basicfee th {
    width: 325px;
}

#tb_densai_basicfee td:nth-of-type(odd) {
    padding-left: 50px;
    text-align: left;
}

/* ご利用料金（種別）テーブル */

#tb_densai_typefee {
    width: 100%;
    margin: 50px 0 20px 0;
}

#tb_densai_typefee th,
#tb_densai_typefee td {
    padding: 20px 10px;
}

#tb_densai_typefee th {
    width: 245px;
}

#tb_densai_typefee td {
    width: 245px;
}

#tb_densai_typefee tr td:nth-of-type(1) {
    padding-left: 50px;
    text-align: left;
}

/*
ローン詳細テーブル共通
*/

#tb_loan_detail {
    border-collapse: collapse;
    margin: 10px 0;
    width: 100%;
    text-align: left;
}

#tb_loan_detail th {
    width: 20%;
}

#tb_loan_detail .li_icon_gray .indent1char {
    margin-left: 2em;
}

/* よくある質問　定義リスト */
.container .contents .dl_measures dt {
    font-size: 1.5rem;
    color: #0068b7;
}

.container .contents .dl_measures dd {
    margin-bottom: 10px;
    padding-left: 30px;
}

.container .contents .dl_measures li {
    text-indent: -15px;
    padding-left: 15px;
}

/********************
    interestテーブル
********************/

/* 定期預金金利テーブル */

.tb_interest01 {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-top: 15px;
}

/* 定期積金金利、預金金利テーブル */

.tb_interest02 {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-top: 15px;
    margin-bottom: 50px;
}

.tb_interest02 th {
    width: 50%;
}

/*
電子証明書について
densai_certificate.html
*/

.container .contents #densai_certificate .telephoneservicecenter_Box .telephoneservicecenter_Box_title>span {
    padding: 40px 10px 10px 40px;
}

.container .contents #densai_certificate ul.li_icon_gray>li p {
    padding-left: 0;
}

/*
手数料一覧
feelist.html
*/

.container .contents .btn_fee_menu li {
    margin-bottom: 20px;
}

/* テーブル */

.container .contents table[class*="tb_feelist"] {
    width: 100%;
    margin-bottom: 20px;
}

.container .contents table[class*="tb_feelist"] th,
.container .contents table[class*="tb_feelist"] td {
    padding: 20px;
}

.tb_feelist01 td {
    width: 200px;
}

.tb_feelist02 td {
    width: 480px;
}

.tb_feelist03 td {
    width: 160px;
}

/*
お困りの方・お問い合わせ
support.html
*/

/* 問合せ先 */

#tb_support {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 120px;
}

/*
Origami Pay加盟店について
origami.html
*/

/* プラン種別テーブル */

.origami-table {
    width: 980px;
    height: 200px;
}

.origami-table td {
    width: 196px;
    height: 100px;
}

/* 画像2分割-Origami */

.origami-text {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 50px;
}

.origami-figure {
    font-size: 5.0rem;
    display: inline-block;
    color: #2474BB;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 50px;
}

.container .contents .origami_procedure img {
    margin: 20px 0;
}

/* 申し込みボタン（左右中央配置） */
.btn_request .btn-blue {
    margin: 20px auto;
}

/*
普通預金
saving_account.html
 */

/* saving_accountテーブル */

#tb_saving_account {
    vertical-align: top;
    margin-bottom: 120px;
}

#tb_saving_account th {
    width: 20%;
    vertical-align: top;
}

#tb_saving_account ul {
    margin: 0px;
}

#tb_saving_account ul li p {
    padding: 0;
}

#tb_saving_account li:not(:last-child) {
    margin-bottom: 15px;
}

/*
反社会的勢力に対する基本方針
compliance.html
*/

/* 左右マージン */
.container .contents #compliance {
    width: 75%;
    margin: 0 auto;
    margin-bottom: 100px;
}

.container .contents #compliance div {
    margin-bottom: 30px;
}

.container .contents #compliance li {
    margin-bottom: 10px;
    line-height: 20px;
    padding-left: 24px;
    text-indent: -28px;
}

/*
プライバシーポリシー
privacypolicy.html
*/

.container #privacypolicy ul.indent>li {
    margin-left: 35px;
}

.container #privacypolicy ul.indent_none {
    margin-left: 0px;
}

.container #privacypolicy .li_icon_gray {
    margin-left: 30px;
}

.container #privacypolicy .indent .numbering li {
    margin-left: 20px;
}

.container #privacypolicy ul.indent>li:last-child {
    margin-bottom: 20px;
}


/*
各種規定・規約
kitei.html
*/
.container .contents #kitei a {
    color: #0068B7;
}

/* href属性に「.pdf」が含まれてない場合は黒文字＆クリック不可 */
.container .contents #kitei a:not([href $='.pdf']) {
    color: #bbb;
    pointer-events: none;
}

/*
個人向け国債
kokusai.html
 */

.container #kojinkokusai .btn_zaimusyolink {
    margin-bottom: 20px;
}


/* パンくず領域 */

.container .breadcrumbs_nav {
    margin: 0 auto;
    margin-bottom: 70px;
    height: 50px;
    background: #f5f5f5;
}

.container .breadcrumbs_nav .breadcrumbs_container {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs {
    display: flex;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs li {
    font-size: 1.2rem;
    line-height: 50px;
    margin-right: 10px;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs li span {
    color: #2573bb;
}

.container .breadcrumbs_nav .breadcrumbs_container .breadcrumbs li a {
    color: #2573bb;
    margin-right: 10px;
}

/* パンくず領域 ここまで*/

/* タイル2列（キャンペーンページ等）*/

.container .contents .contents_Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}

.container .contents .contents_Box:last-child {
    margin-bottom: 40px;
}

.container .contents .contents_Box .harfbox {
    width: 470px;
}

.container .contents .contents_Box .harfbox .contents_List li {
    width: 100%;
}

.container .contents .contents_Box .contents_List {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

.container .contents .contents_Box .contents_List .phrase span {
    display: inline-block;
}

.container .contents .contents_Box .contents_List>li {
    width: 48%;
    text-align: left;
    position: relative;
    border: 2px solid #0168B5;
    padding: 30px 30px 60px 30px;
    box-shadow: 0 6px 3px -3px #e4e4e4;
    margin-bottom: 40px;
}

.container .contents .contents_Box .contents_List .midashi04 {
    color: #000000;
    margin-bottom: 10px;
}

.container .contents .contents_Box .contents_List li>p {
    line-height: 20px;
}

.container .contents .contents_Box .contents_List ul li {
    line-height: 25px;
}

.container .contents .contents_Box .contents_List li div.trim {
    position: relative;
    width: 410px;
    margin: 10px 0;
    overflow: hidden;
}

.container .contents .contents_Box .contents_List a.arrow-after {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

/* でんさい専用サポート窓口用 */
.container .contents .contents_Box_densai .contents_List_densai>li {
    width: 100%;
    text-align: left;
    position: relative;
    border: 2px solid #0168B5;
    padding: 10px 30px 10px 30px;
    box-shadow: 0 6px 3px -3px #e4e4e4;
    padding-left: 200px;
    font-size: 1.9rem;
}

/* でんさい専用サポート窓口用 */
.container .contents .contents_Box_densai {
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin-bottom: 60px; */
}

.contents_List-inside li span {
    display: inline-block;
    vertical-align: top;
}

.contents_List-inside li span:nth-of-type(1) {
    padding-left: 20px;
    width: 37%;
}

.contents_List-inside li span:nth-of-type(2) {
    width: 58%;
}

/*アンパンマンキャンペーン用*/
.contents_List-inside-a li span {
    display: inline-block;
    vertical-align: top;
}

.contents_List-inside-a li span:nth-of-type(1) {
    width: 47%;
}

.contents_List-inside-a li span:nth-of-type(2) {
    width: 51%;

}

.container .contents .contents_Box .contents_List a.arrow-after-a {
    position: absolute;
    /*right: 20px;*/
}

.container .contents .arrow-after-a {
    position: relative;
    /* margin-left: 10px; */
    color: #0168B7;
}

.container .contents .arrow-after-a::after {
    position: relative;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../img/icon/arrow_blue.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
}

/* テレホンサービスセンター */

.container .contents .telephoneservicecenter_Box {
    margin: 20px auto 0;
    background-color: #fffae6;
    display: flex;
    border: #0168B5 1px solid;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_title {
    display: inline-block;
    border-right: #0168B5 1px solid;
    width: 225px;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_title>span {
    display: inline-block;
    height: inherit;
    width: inherit;
    padding: 85px 10px 85px 40px;
    text-align: left;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.1rem;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents {
    display: inline-block;
    height: inherit;
    padding: 40px;
    text-align: left;
    width: 100%;
    justify-content: center;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents .freedial {
    display: inline-block;
    color: #0168B5;
    font-size: 3rem;
    margin-bottom: 20px;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents .freedial:before {
    content: '';
    display: inline-block;
    height: 3rem;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents .freedial:before {
    background-image: url(../img/icon/dial.svg);
}

.container .contents .telephoneservicecenter_Box .telephoneservicecenter_Box_contents>p {
    line-height: 2rem;
}

#deposit_protect_range {
    background-color: #f5f5f5;
    height: 230px;
    width: 100%;
    margin: 30px 0;
}

#fixdeposit_protect_range>li>p {
    line-height: 2rem;
    font-size: 1.35rem;
    text-indent: 0.0rem;
    margin-top: 5px;
}

#fixdeposit_protect_range li {
    padding-left: 2em;
    text-indent: -1.8em;
    margin: 20px 0;
    line-height: 2.25rem;
}

#fixdeposit_protect_range li:before {
    content: "● ";
    color: #0168B5;
    font-size: 2rem;
    vertical-align: middle;
}

.graysquare_Box {
    padding: 40px;
    border: 3px solid #dddddd;
    margin: 30px 0;
    font-size: 1.5rem;
}

.graysquare_Box a {
    color: #0168B5;
    text-indent: 0rem;
}

.graysquare_Box_disclosure {
    padding: 40px;
    border: 3px solid #dddddd;
    font-size: 1.5rem;
    width: 980px;
    margin: 30px auto;
    max-width: 90%;
    height: auto;
}

.graysquare_Box_disclosure a {
    color: #0168B5;
    text-indent: 0rem;
}

.contents .contents_Box>.articles {
    text-align: left;
}

.contents .contents_Box>.articles .midashi10 {
    font-size: 4rem;
    margin: 25px 0;
    font-weight: normal;
    line-height: 5.0rem;
}

.contents .contents_Box>.articles .article_Box {
    width: 100%;
    padding-top: 40px;
    border-top: 2px solid #0168b5;
    /* font-size: 1.5rem; */
    letter-spacing: 0.1rem;
    line-height: 2.5rem;
    margin-bottom: 60px;
}

.contents .contents_Box>.articles .midashi11 {
    font-size: 4rem;
    margin: 40px 0 10px;
    color: #0168b5;
    font-size: 2rem;
}

.storeinfo:before {
    content: '';
    display: inline-block;
    height: 2rem;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../img/icon/arrow_blue.svg)
}

.backtohome {
    border-radius: 5px;
    border: 2px solid #0168b5;
    height: 50px;
    width: 350px;
    display: inline-block;
    box-shadow: 0px 3px 0px #E4E4E4;
    line-height: 50px;
    margin: 30px auto 20px;
    color: #0168b5;
    font-size: 1.6rem;
}

.backtohome:before {
    content: '';
    display: inline-block;
    height: 2rem;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url(../img/icon/arrow_blue.svg);
    transform: scale(-1, 1);
}

/* 左側に矢印アイコン付のリンク*/

.has_arrow_link {
    margin: 10px;
    text-indent: 1rem;
}

/* 注釈 */

.comment {
    display: inline-block;
    font-size: 1.2rem;
    margin: 10px 0 !important;
    line-height: 2rem;
}

/* 商品案内 */

.discription_Box {
    margin-bottom: 20px;
}

.discription_Box ul.discription_table {
    display: flex;
    border: solid 1px #DDDDDD;
    border-bottom: none;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    background-color: #E6F0F9;
}

.discription_Box ul.discription_table:last-of-type {
    border-bottom: solid 1px #DDDDDD;
}

.discription_Box ul.discription_table li.discription_title {
    flex: 1;
}

.discription_Box ul.discription_table li.discription_item {
    background-color: #fff;
    flex: 2;
    text-align: left;
    padding: 15px 15px 15px 0;
    text-indent: 1.5rem;
}

.discription_Box ul.discription_table li.discription_item>ul>li {
    line-height: 2.2rem;
}

.discription_Box ul.discription_table li.discription_item>ul>li.square_before:before {
    content: "■ ";
    color: #0168B5;
    font-size: 1.5rem;
    vertical-align: middle;
}

.discription_Box ul.discription_table li.discription_item>ul>li.square_before+li:not([class]) {
    text-indent: 3.5rem;
}

.discription_Box ul.discription_table li.discription_item>ul>li.multirow {
    padding-left: 1.5rem;
    text-indent: 0rem;
}

a[href^="tel:"] {
    pointer-events: none;
}

/* 特定のサイズの場合、横スクロールバーは表示しない */
@media screen and (min-width:768px) and (max-width:980px) {
    body {
        overflow-x: auto;
        padding-left: 10px;
    }

    #slider_aria {
        width: 100%;
        margin-left: 0;
        height: 350px;
    }

    .sliderbutton_color,
    .sliderbutton_normal {
        display: none;
    }
}

/*
    2020.01.28仮設置！！！
*/
.container .contents .contents_Box .contents_List li div.trim.noimage {
    background-color: #0168B5;
    height: 150px;
    width: 410px;
    background-size: 60px;
    background-repeat: no-repeat;
}

.container .contents .contents_Box .contents_List li div.trim.noimage::after {
    display: block;
    position: relative;
    color: white;
    font-size: 5rem;
    line-height: 150px;
    padding-left: 120px;
    text-align: left;
    height: 150px;
    width: 410px;
}

/* ためる・ふやすページの一覧の総合口座・普通預金のイメージ */

.container .contents .contents_Box .contents_List li div.trim.img_sougou_kouza::after {
    content: "総合口座";
}

.container .contents .contents_Box .contents_List li>div.trim.img_sougou_kouza {
    background-size: 70px;
    background-position: left 35px center;
    background-image: url(../img/icon/passbook.svg);
}

.container .contents .contents_Box .contents_List li div.trim.img_futsu_kouza::after {
    content: "普通預金";
}

.container .contents .contents_Box .contents_List li>div.trim.img_futsu_kouza {
    background-size: 70px;
    background-position: left 35px center;
    background-image: url(../img/icon/passbook.svg);
}

.container .contents .contents_Box .contents_List li div.trim.img_futsu_kouza_murisoku::after {
    content: "決済用預金";
}

.container .contents .contents_Box .contents_List li>div.trim.img_futsu_kouza_murisoku {
    background-size: 70px;
    background-position: left 35px center;
    background-image: url(../img/icon/passbook.svg);
}

.container .contents .contents_Box .contents_List li div.trim.img_kouken_kouza::after {
    content: "後見支援預金";
    font-size: 4.5rem;
}

.container .contents .contents_Box .contents_List li>div.trim.img_kouken_kouza {
    background-size: 70px;
    background-position: left 35px center;
    background-image: url(../img/icon/passbook.svg);
}

.container .contents .contents_Box .contents_List li div.trim.img_kojin_kokusai::after {
    content: "個人向け国債";
    font-size: 4rem;
    padding-left: 100px;
}

.container .contents .contents_Box .contents_List li>div.trim.img_kojin_kokusai {
    background-position: left 20px center;
    background-image: url(../img/icon/wallet.svg);
}

/* かりるページの一覧の教育ローン、リフォームローンのイメージ */

.container .contents .contents_Box .contents_List li div.trim.img_education_loan {
    background-position: left 35px center;
    background-image: url(../img/icon/writing.svg);
}

.container .contents .contents_Box .contents_List li div.trim.img_education_loan::after {
    content: "教育ローン";
}

.container .contents .contents_Box .contents_List li div.trim.img_renovation_loan {
    background-position: left 20px center;
    background-image: url(../img/icon/home.svg);
}

.container .contents .contents_Box .contents_List li div.trim.img_renovation_loan::after {
    content: "リフォームローン";
    font-size: 3.5rem;
    padding-left: 100px;
}

/* エラーページ専用 */
.error_num {
    font-size: 8rem;
    line-height: 10rem;
    color: #0168B5;
    font-weight: normal;
}

.error_disc1 {
    font-size: 4rem;
    line-height: 8rem;
    color: #0168B5;
    font-weight: normal;
    margin-bottom: 20px;
}

.error_disc2 {
    font-size: 2.5rem;
    font-weight: normal;
    margin-bottom: 20px;
}

.error_disc3 {
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: normal;
    margin-bottom: 20px;
}

/* お知らせページ特殊対応 */
#news0006 a {
    color: #0068B7;
}

/* ATMページ、手数料ページのトップテキストハイパーリンク */
.h_link {
    margin-bottom: 20px;
}

.h_link.pdf::after {
    content: '';
    width: 30px;
    height: 30px;
    position: relative;
    top: -3px;
    display: inline-block;
    background-image: url(../img/icon/pdf_color.svg);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
}

/* simulation ※シミュレーションページ用CSS追加（20210820）*/
.simulation_css {
    background-color: rgba(229, 240, 248, 1);
    transition: all 0.3s ease;
}

.simulation_css:hover {
    background-color: #fffcd0;
    transition: all 0.3s ease;
}

/* simulation */
.bc {
    /* border: solid 1px #E6F0F9; */
    padding: 5px;
    margin: 0 0 20px;
    font-weight: 500;
}

/* ローンシミュレーション表示・非表示 */
.loan-housing-pc {
    display: inline;
}

.loan-housing-sp {
    display: none;
}

/* PC/SP表示・非表示 */
/* .embed_container{
    display: block;
} */
.disp-pc {
    display: inline;
}

.disp-sp {
    display: none;
}

.embed_container_sp {
    display: none;
}

/* finfin用ここから */
/* 背景色＋上線 */
.finfin table {
    margin: auto;
}

.finfin .txt_c_b {
    color: #1f286f;
}

/* 左線青　文字黒 */
.container .contents .midashi03_finfin {
    font-size: 2.5rem;
    text-align: left;
    border-left: solid 3.5px #FF6699;
    margin-bottom: 20px;
    padding-left: 50px;
    text-indent: -43px;
    color: #FF6699;
}

/* 背景色＋上線 */
.container .contents .midashi06_finfin {
    font-size: 2.25rem;
    text-align: left;
    line-height: 70px;
    color: #1f286f;
    background: #fff;
    border-top: solid 4px #FF6699;
    margin-bottom: 30px;
    padding-left: 20px;
}

.container .contents .contents_Box .midashi06_finfin {
    margin-top: 80px;
}

/* 文字黒＋大文字 */
.container .contents .midashi07_finfin {
    font-size: 2.0rem;
    text-align: left;
    color: #FF6699;
    margin-bottom: 5px;
}


.container .contents .contents_Box .midashi03_finfin {
    margin-top: 80px;
}

/* finfin用ここまで */

/* remotesupport用ここから */

/* 背景色＋上線 */
.container .contents .midashi02_remotesupport {
    font-size: 2.25rem;
    text-align: left;
    line-height: 70px;
    color: #000000;
    background: #fff;
    border-bottom: solid 4px #0168B5;
    margin-bottom: 30px;
    /* padding-left: 20px; */
}

.container .contents .contents_Box .midashi02_remotesupport {
    margin-top: 80px;
}
/* remotesupport用ここまで */

/* densai用ここから */

/* ハイフン青 文字青 */
.container .contents .densaisupport {
    font-size: 2.25rem;
    color: #0168B7;
    letter-spacing: 2.5px;
    margin-bottom: 15px;
    position: static;
    text-align: left;
}

.container .contents .densaisupport:before {
    content: "－ ";
}

.banner-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.banner-row .mb-2 {
  width: 100%;
}

/* PCサイズで横並びに切り替え */
@media (min-width: 768px) {
  .banner-row {
    flex-direction: row;
  }

  .banner-row .mb-2 {
    width: 50%;
  }
}

/* densai用ここまで */

/* BankPay用ここから ====*/
/* 規定ページ */
.kitei ol {
    padding-left: 2em;
}

.kitei{
    line-height: 2.5rem;
}
.kitei li{
    margin-bottom: 1rem;
}
.kitei_title{
    font-size: 1.2em;
    margin-bottom: 1em;
}
/* ナンバリング段落調整 */
.kitei p{
    text-indent: -1.5em; /* 一文字分左に字下げ */
    margin-left: 1.5em; /* 一文字分右に移動 */
}
.kitei li{
    text-indent: -1em; /* 一文字分左に字下げ */
    margin-left: 1em; /* 一文字分右に移動 */
}
.element {
    margin-right: 1em;
}
/* メインページ */
.cotora .centered-image {
    display: flex;
    justify-content: center;
    align-items: center;
}
.midashi01_cotora{
    font-size: 2.25rem;
    text-align: left;
    line-height: 70px;
    background: #feeeb474;
    border-top: solid 4px #F4A000;
    margin-bottom: 15px;
    padding-left: 20px;
}
.midashi01_bankpay{
    font-size: 2.25rem;
    color: #dbc16f;
    letter-spacing: 2.5px;
    margin-bottom: 20px;
    position: static;
    text-align: left;
}
.midashi01_bankpay:before {
    content: "－ ";
}
/* テーブル */
/* <base-table_kotora > */
.container .contents .base-table_kotora th {
    background-color: #F4A000;
    color: #fff;
}
.container .contents .base-table_kotora th, .container .contents .base-table_kotora td {
    border: solid 1px #DDDDDD;
    vertical-align: middle;
    line-height: 20px;
}
.container .contents .base-table_kotora {
    border-collapse: collapse;
}
/* テーブル */
/* <base-table_bankpay > */
.container .contents .base-table_bamkpay th {
    background-color: #dbc16f;
    color: #fff;
}
.container .contents .base-table_bamkpay th, .container .contents .base-table_bamkpay td {
    border: solid 1px #DDDDDD;
    vertical-align: middle;
    line-height: 20px;
}
.container .contents .base-table_bamkpay {
    border-collapse: collapse;
}
.cotora_box{
    margin-bottom: 50px;
    padding: 40px 20px;
    text-align: center;
    border: solid thin #F4A000;
}
/* 自作リスト */
.cotora_list li {
    list-style: none; /* デフォルトのマーカーを非表示にする */
    position: relative; /* before疑似要素の位置の基準とする */
    padding-left: 20px; /* テキストとマーカーの間のスペース */
}
.cotora_list li::before {
    content: ''; /* 疑似要素の内容は空 */
    position: absolute; /* 親要素に対して絶対位置指定 */
    left: 0; /* 左端に配置 */
    top: 14px; /* 上から50%の位置 */
    transform: translateY(-50%); /* 縦方向の中央に配置 */
    width: 10px; /* 円の幅 */
    height: 10px; /* 円の高さ */
    background-color: #F4A000; /* 円の色 */
    border-radius: 50%; /* 円形にする */
}
.cotora_list02 li{
    text-indent: -1em; /* 一文字分左に字下げ */
    margin-left: 1em; /* 一文字分右に移動 */
}
.bankpay_logo{
    width: 200px;
    margin-top: 10px;
}
.bankpay_flex_container{
    display: flex;
    align-items: center; /* 垂直方向の中央揃え */
}
.bankpay_flex_container p,
.bankpay_flex_container img{
    display: inline-block;
}
/* BankPay用ここまで ====*/