@charset 'utf-8';

.footer-page-wrap {
    background: #303439;
    color: #929292;
    padding: 60px 0 70px;
    width: 100%
}

.footer-page-wrap .footer-partner-wrap {
    margin-bottom: 30px
}

.footer-page-wrap .footer-partner-wrap .partner-list .partner {
    padding: 10px
}

.footer-page-wrap .footer-partner-wrap .partner-list .partner .partner-icon span {
    opacity: 1!important
}

.footer-page-wrap .footer-partner-wrap .partner-list .partner .partner-icon:after {
    display: none
}

.footer-page-wrap .footer-link-wrap {
    margin-bottom: 20px
}

.footer-page-wrap .footer-link-wrap .footer-link-ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: none;
    text-align: center
}

.footer-page-wrap .footer-link-wrap .footer-link-ul>li {
    margin: 0 20px;
    position: relative
}

.footer-page-wrap .footer-link-wrap .footer-link-ul>li a {
    color: #686f77;
    display: block;
    font-size: 15px
}

.footer-page-wrap .footer-link-wrap .footer-link-ul>li a:hover {
    color: #e4ca57
}

.footer-page-wrap .footer-copyright-wrap .footer-copyright {
    color: #686f77;
    font-size: 15px;
    margin: 0;
    text-align: center
}
.gray01 .partner-icon:after,.gray01 .partner-icon span {
    background-image: url('../images/f1.webp')!important
}
.footer-partner .partner-list {
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0 auto;
	position:relative
}
.footer-partner .partner-list,.footer-partner .partner-list li {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-align-items:center;
	align-items:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center
}
.footer-partner .partner-list li {
	padding:0 5px
}
.footer-partner .partner-list li .partner-icon {
	cursor:pointer;
	overflow:hidden;
	position:relative
}
.footer-partner .partner-list li .partner-icon:after,.footer-partner .partner-list li .partner-icon span {
	display:block;
	height:36px;
	-webkit-transition:all .5s;
	transition:all .5s;
	width:auto
}
.footer-partner .partner-list li .partner-icon:after {
	content:"";
	position:absolute;
	top:0
}
.footer-partner .partner-list li .partner-icon span {
	background-position-y:-36px!important;
	opacity:0
}
.footer-partner .partner-list li .partner-icon.partner-bb:after,.footer-partner .partner-list li .partner-icon.partner-bb span {
	background-position:-240px 0;
	width:86px
}
.footer-partner .partner-list li .partner-icon.partner-mg:after,.footer-partner .partner-list li .partner-icon.partner-mg span {
	background-position:-360px 0;
	width:120px
}
.footer-partner .partner-list li .partner-icon.partner-pt:after,.footer-partner .partner-list li .partner-icon.partner-pt span {
	background-position:-480px 0;
	width:120px
}
.footer-partner .partner-list li .partner-icon.partner-ag:after,.footer-partner .partner-list li .partner-icon.partner-ag span {
	background-position:-600px 0;
	width:100px
}
.footer-partner .partner-list li .partner-icon.partner-og:after,.footer-partner .partner-list li .partner-icon.partner-og span {
	background-position:-720px 0;
	width:88px
}
.footer-partner .partner-list li .partner-icon.partner-hg:after,.footer-partner .partner-list li .partner-icon.partner-hg span {
	background-position:-840px 0;
	width:60px
}
.footer-partner .partner-list li .partner-icon.partner-sb:after,.footer-partner .partner-list li .partner-icon.partner-sb span {
	background-position:-960px 0;
	width:40px
}
.footer-partner .partner-list li .partner-icon.partner-png:after,.footer-partner .partner-list li .partner-icon.partner-png span {
	background-position:-1080px 0;
	width:95px
}
.footer-partner .partner-list li .partner-icon.partner-gd:after,.footer-partner .partner-list li .partner-icon.partner-gd span {
	background-position:-1200px 0;
	width:80px
}
.footer-partner .partner-list li .partner-icon.partner-bsg:after,.footer-partner .partner-list li .partner-icon.partner-bsg span {
	background-position:-1320px 0;
	width:90px
}
.footer-partner .partner-list li .partner-icon.partner-ebet:after,.footer-partner .partner-list li .partner-icon.partner-ebet span {
	background-position:-1444px 0;
	width:102px
}
.footer-partner .partner-list li .partner-icon.partner-opus:after,.footer-partner .partner-list li .partner-icon.partner-opus span {
	background-position:-1560px 0;
	width:90px
}
.footer-partner .partner-list li .partner-icon.partner-jdb:after,.footer-partner .partner-list li .partner-icon.partner-jdb span {
	background-position:-1680px 0;
	width:71px
}
.footer-partner .partner-list li .partner-icon.partner-prg:after,.footer-partner .partner-list li .partner-icon.partner-prg span {
	background-position:-1800px 0;
	width:90px
}
.footer-partner .partner-list li .partner-icon.partner-hb:after,.footer-partner .partner-list li .partner-icon.partner-hb span {
	background-position:-1920px 0;
	width:31px
}
.footer-partner .partner-list li .partner-icon.partner-sg:after,.footer-partner .partner-list li .partner-icon.partner-sg span {
	background-position:-2040px 0;
	width:40px
}
.footer-partner .partner-list li .partner-icon.partner-dt:after,.footer-partner .partner-list li .partner-icon.partner-dt span {
	background-position:-2160px 0;
	width:70px
}
.footer-partner .partner-list li .partner-icon.partner-mw:after,.footer-partner .partner-list li .partner-icon.partner-mw span {
	background-position:-2280px 0;
	width:66px
}
.footer-partner .partner-list li .partner-icon.partner-nt:after,.footer-partner .partner-list li .partner-icon.partner-nt span {
	background-position:-2400px 0;
	width:90px
}
.footer-partner .partner-list li .partner-icon.partner-pg:after,.footer-partner .partner-list li .partner-icon.partner-pg span {
	background-position:-2520px 0;
	width:58px
}
.footer-partner .partner-list li .partner-icon.partner-cq9 span,.footer-partner .partner-list li .partner-icon.partner-cq9:after {
	background-position:-2640px 0;
	width:76px
}
.footer-partner .partner-list li .partner-icon.partner-gg:after,.footer-partner .partner-list li .partner-icon.partner-gg span {
	background-position:-2760px 0;
	width:58px
}
.footer-partner .partner-list li .partner-icon.partner-ysb:after,.footer-partner .partner-list li .partner-icon.partner-ysb span {
	background-position:-2880px 0;
	width:38px
}
.footer-partner .partner-list li .partner-icon.partner-bc:after,.footer-partner .partner-list li .partner-icon.partner-bc span {
	background-position:-3000px 0;
	width:38px
}
.footer-partner .partner-list li .partner-icon.partner-djn:after,.footer-partner .partner-list li .partner-icon.partner-djn span {
	background-position:-3120px 0;
	width:43px
}
.footer-partner .partner-list li .partner-icon.partner-ds:after,.footer-partner .partner-list li .partner-icon.partner-ds span {
	background-position:-3240px 0;
	width:82px
}
.footer-partner .partner-list li .partner-icon.partner-sa:after,.footer-partner .partner-list li .partner-icon.partner-sa span {
	background-position:-3360px 0;
	width:98px
}
.footer-partner .partner-list li .partner-icon.partner-bg:after,.footer-partner .partner-list li .partner-icon.partner-bg span {
	background-position:-3480px 0;
	width:44px
}
.footer-partner .partner-list li .partner-icon.partner-ea:after,.footer-partner .partner-list li .partner-icon.partner-ea span {
	background-position:-3600px 0;
	width:70px
}
.footer-partner .partner-list li .partner-icon.partner-im:after,.footer-partner .partner-list li .partner-icon.partner-im span {
	background-position:-3720px 0;
	width:76px
}
.footer-partner .partner-list li .partner-icon.partner-xj:after,.footer-partner .partner-list li .partner-icon.partner-xj span {
	background-position:-3840px 0;
	width:90px
}
.footer-partner .partner-list li .partner-icon:hover:after {
	top:36px
}
.footer-partner .partner-list li .partner-icon:hover span {
	opacity:1
}

.notice {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 316px;
    background: rgba(0,0,0,.2);
    color: #fff;
}
.noticCon {
    margin: 8px;
    background: #fff;
}
.noticCon h3 {
    background: #e4393c;
    margin: 0;
    padding: 5px 8px;
		font-size: 14px;
}
.noticCon h3 a {
    position: absolute;
    right: 20px;
    color: #fff;
    font-size: 12px;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
}
.noticCon>ul {
    text-align: center;
}
.noticCon>ul li {
    padding: 10px;
    line-height: 1.4;
}
.noticCon>ul a {
    color: #333;
}