body{margin:0px; padding:0px; font-family: Avenir,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight:400; overflow-x:hidden; background-color:#101317; word-spacing: 1px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal;}
p{margin:0px; padding:0px;}
a{text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} 
a:hover, a:focus, a:active{ outline:none; text-decoration:none; }
input{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} 
input:hover, input:focus, input:active{outline:none;}
input::-webkit-input-placeholder{color:#333333;}
input::-moz-placeholder{color:#333333;}
input:-ms-input-placeholder{color:#333333;}
input:-moz-placeholder{color:#333333;}
textarea::-webkit-input-placeholder{color:#333333;}
textarea::-moz-placeholder{color:#333333;}
textarea:-ms-input-placeholder{color:#333333;}
textarea:-moz-placeholder{color:#333333;}
ul{margin:0px; padding:0px;}
ul li{list-style-type:none;}
img{border:0px;}
.clearfix{clear:both; overflow:hidden;}
.container{max-width:1230px; margin:auto;}
.container_banner{max-width:1430px; margin:auto; padding: 0 15px;}
.wrapper{margin:0px auto;}

.common_title_sp{}
.common_title_sp h2{font-weight: 700; font-size:40px; line-height:53px; text-align:center;}

.common_title_hp{text-align:center;}
.common_title_hp h2{font-size:30px; line-height:36px; font-weight:700; color:#303030;}
.common_title_hp p{font-size:20px; line-height:30px; color:#303030; padding-top:30px;}

.color_change h2{color:#FFFFFF;}
.color_change p{color:#FFFFFF;}


.common_btn_hp{font-size:16px; line-height:19px; color:#ffffff !important; font-weight:700; background:#26A9E0; border-radius:35px; padding:26px 40px; display:inline-block; position:relative; min-width:335px; text-align:center;}
.common_btn_hp svg{max-width:100%; vertical-align:middle; position:absolute; right:30px; top:50%; transform:translate(0 , -50%);}

.white_btn_hp{ background:#FFFFFF; color:#26A9E0 !important; }
.white_btn_hp svg{stroke:#26A9E0}

.common_btn_hp:hover{ opacity:0.8; }

/*--------------- HEADER_START --------------*/
#header{ position: fixed; width: 100%; top: 0; color: #fff;  z-index: 99; background-color: #101317; }

.header-hp{padding:0;}
.header-in-hp{align-items:center; padding:0;}
.header_row_hp{display:flex; justify-content:space-between; align-items:center; height:54px; padding:0 .5rem;}

.header_logo_hp{width:200px;}
.header_logo_hp img{max-width:100%;}

.header_grid_hp{display:flex; align-items:center;}

.header_btn_hp{margin-right:0.5rem;}
.header_btn_hp:last-child{margin-right:0;}
.header_btn_hp a{display:flex; align-items:center; justify-content:center; color:#fff; background-color:#FF1F79; height:34px; padding:0 1rem; font-weight:700; font-size:.875rem; border-radius:2px;}

.header_color_hp a{background-color:#0dbfdd;}

.header_bottom_hp{height:36px; background-color:#171e26; display:flex; justify-content:flex-end; }
.header_bottom_in_hp{ height:100%; display:flex; align-items:center; justify-content:center; padding:0 1rem; width:25%; cursor:pointer; }
.header_menu_hp{color:#fff;  font-weight:700; font-size:.875rem;  border-radius:0; border:none;  padding-right: 4px; font-family:arial; }
.header_svg_hp{}
.header_svg_hp svg{ width: 24px; height: 15px; fill:white; display: flex; }


.header-left-hp{ float:left; width:214px;}
.group-menu-hp{ float:left; background:#348441; width:128px; height:100px; text-align:center; font-size:17px; color:#fff; line-height:17px; font-family:Arial, Helvetica, sans-serif; }
.group-menu-hp span{ font-size:13px;}
.group-menu-hp a{ display:block; color:#fff; }
.group-menu-hp img{ width:25px; margin:18px 0 9px 0; }
.logo-hp{ float:left; margin:0 0 0 0; vertical-align:middle;}
.logo-hp img{width:100%;}

.hide-scroll{ overflow:hidden; } 
.menu_sidebar_nhp{ background: #29323c; position: fixed;
    top: 0;
    max-height: 100vh;
    height: calc(100vh - 88px);
    max-width: 80vw; min-width: 45px;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 2147483647; will-change: transform;
    bottom: 0;
    margin-top: 88px;     width: 265px; right:0;     padding: 10px;     transform: translateX(100%); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.menu_sidebar_nhp.active{    transform: translateX(0%); } 
.overlay_nhp{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: none;
    z-index: 2147483646;
	background-color: rgba(0,0,0,0.5);
	display:none;
}

.nav__item a, .nav__item button {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1rem;
    font-weight: 700;
    font-size: .875rem;
    color: #fff;
}
.nav__item .icon {
    font-size: 32px;
    margin-right: 6px;
}
.activemenu {
    background-color: rgba(13,191,187,.1);
}
.nav__item:nth-child(1) a i {
    color: #fc6251;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.nav__item:nth-child(2) a i {
    color: #FF1F79;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.brand-icon--xs {
    width: 2.5rem;
    height: 2.5rem;
}
.home__teaser_nhp {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
	    grid-gap: 0.5rem;
}
.btn{
    height: 34px;
    color: #fff;
    white-space: nowrap;
    padding: 0 1rem;
    font-weight: 700;
    font-size: .875rem;
    text-align: center;
    border-radius: 2px;
    background-color: transparent;
    transition: background-color .2s ease;
}
.btn:hover{ color:#fff; } 
.btn--flex {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
.btn--brand {
    color: #fff;
    background-color: #FF1F79;
}
.home__teaser_nhp .btn:first-child {
    margin-right: 1rem;
}
.home__teaser_nhp .btn {
    flex: 1 1 40%;
}
.home__teaser_nhp .icon {
    color: #000000;
}
.btn--accent {
    color: #fff;
    background-color: #0dbfdd;
}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:90px 0 0 0; padding:0px; }


.banner_block_hp{padding-top:10px;}
.banner_block_in_hp{padding:0 10px;}
.banner_middle_hp{}
.banner_img_hp{}
.banner_img_hp img{width:100%;}



.bonus_block_hp{}
.bonus_block_in_hp{padding:0 10px;}
.bonus_middle_hp{}
.bonus_top_hp{padding:0.5rem; display:flex; grid-gap:0.5rem;}
.bonus_box_hp{background-color:#bd1acc; width:calc(33.33% - 0px); height:34px; border-radius:2px;}
.bonus_box_hp .icon{ color: #000000;     font-size: .875rem; }
.bonus_btn_hp{display:flex; align-items:center; justify-content:center; padding:7px 0 6px 0;}
.bonus_btn_name_hp{display:flex; align-items:center; justify-content:center; border:none; color:#fff; font-weight:700; font-size:.875rem; padding-left:5px;     line-height: 20px; }
.bonus_bg_hp{background-color:#FF1F79;}
.bonus_bg1_hp{background-color:#0dbfdd;}


.bonus_bottom_text_hp{font-weight:700; text-shadow:-2px 2px 0 rgb(0 0 0 / 50%), -2px 2px 0 rgba(255, 255, 255, .2); text-align:center; font-size:24pt; margin:11px 0; color:#fff;     line-height: 1.375; }
.bonus_bottom_text_hp span{color:#FF1F79;}



.gates_block_hp{}
.gates_block_in_hp{padding:0 10px;}
.gates_middle_hp{margin:0 10px 16px 10px; background-color:#5c5c5c; border-radius:10px; padding:10px;}
.gates_title_hp{text-align:center; font-size:24px; color:#FF1F79; padding:10px; font-weight:700;     line-height: 33px; }
.gates_top_hp{max-width:1000px; margin:auto; display:flex; flex-wrap:wrap; padding:20px 10px 1px 10px;}
.gates_box_hp{width:calc(50% - 10px); margin:0 20px 20px 0; padding:10px; text-align:center; border-radius:5px; background-color:#4a0a0a; box-shadow:rgb(50 50 93 / 25%) 0 6px 12px -2px, rgb(0 0 0 / 30%) 0 3px 7px -3px;}
.gates_box_hp:nth-child(2n){margin-right:0;}
.gates_img_hp{}
.gates_img_hp img{width:100%;}
.gates_info_hp{}
.gates_info_hp p{margin:11px 0; color:#fff; font-size:16px; word-spacing:1px;}
.gates_info_hp h5{margin:11px 0; color:#fff; font-size:.875rem; font-weight:700; line-height: 19px; }



.slot_block_hp{}
.slot_block_in_hp{padding:0 10px;}
.slot_middle_hp{}
.slot_img_hp{}
.slot_img_hp img{width:100%;}



.article_block_hp{ position: relative; padding: 1rem 0; color: #fff; background-color: #171e26; margin:0 10px 0px 10px; padding-bottom:0; }
.article_block_in_hp{padding:0 16px;}
.article_middle_hp{padding:10px; padding-bottom:0;}
.article_info_hp{border-bottom: 1px solid hsla(0,0%,100%,.1); margin:auto; margin-bottom: 1rem; padding-bottom: 1rem; max-width:1148px;  }
.article_info_hp table { border-collapse: initial; font-size: 14.84px; text-align: justify; line-height: 1.4em; }
.article_info_hp h1{font-size:27.03px; color:#FF1F79; line-height:1.2em; font-weight:700;}
.article_info_hp p{margin: 11px 0; color: #fff; font-size: .9275em; text-align: justify; line-height: 1.4em; }
.article_info_hp p a{color: #FF1F79;}
.article_info_hp h2{font-size:24.486px; color:#FF1F79; line-height:1.2em; font-weight:700;}
.table{display: table; border-collapse: separate; text-indent: initial; border-spacing: 2px;}
.table,tbody{display: table-row-group; vertical-align: middle; border-color: inherit;}
.table,tbody,tr{display: table-row; vertical-align: inherit; border-color: inherit;}
.table,tbody,tr,td{vertical-align: inherit; color:#fff;}
.article_info_hp ol{list-style-type: decimal; padding:0; margin:0; }
.article_info_hp ol li strong{font-weight:700; color:#fff;} 
.article_info_hp ol li{color:#fff; display: list-item; font-size: .9275em; line-height: 1.4em; }
.article_info_hp ul{list-style-type: disc; margin-bottom: 15px; padding-left: 20px;}
.article_info_hp ul li{color:#fff; display: list-item; list-style-type: disc; font-size: .9275em; line-height: 1.4em; }
.article_info_hp h3{font-size: 20.776px; color: #FF1F79; line-height:1.2em; font-weight:700;}


/*--------------- CONTAIN_END --------------*/





/*--------------- FOOTER_START --------------*/
.back-to-top{ color: #fff; display: flex;  align-items: center; justify-content: center; font-size: 1.6em; padding-top:3px; box-shadow: 1px 1px 2px #000; width: 50px; height: 50px; border-radius: 50%; border: none; outline: none !important; background-color: #FF1F79; z-index: 9999; bottom: 65px; right: 10px; position: fixed; align-items:center; }
.back-to-top img{width:100%;}

#footer{margin:0; padding: 0; position:relative; background-color: #171e26; margin: 0 10px 90px 10px;}
.footer_in_hp{padding:0;}
.footer_middle_hp{}

.footer_copyright_hp{font-size: .75rem; text-align: center; color:#fff; margin:0 20px 11px 20px;} 
.dmca-badge{ padding-bottom:24px; display: block; }

.sticky-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99;
    background-color: #101317;
    border-top: 1px solid #29323c;
    padding-bottom: env(safe-area-inset-bottom);
    height: calc(60px + env(safe-area-inset-bottom));
	    box-shadow: 0 -3px 3px -2px rgb(0 0 0 / 20%), 0 -3px 4px 0 rgb(0 0 0 / 14%), 0 -1px 8px 0 rgb(0 0 0 / 12%);
		    padding: 10px;
}
.sticky-footer__nav>ul {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
}
.sticky-footer__nav>ul .btn {
    width: 100%;
    border-radius: 0;
    font-weight: 700;
    font-size: .75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60px;
}
.sticky-footer__nav a .icon {
    margin-bottom: 2px;
    font-size: 2em;
    color: #FF1F79;
}
.tada {
    animation-name: tada;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.brand-icon--md {
    width: 2.5rem;
    height: 2.5rem;
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}
/*--------------- FOOTER_END --------------*/