@charset "UTF-8";
/* CSS Document */
html {
font-size: 62.5%; /*10px*/
color: #000;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
scroll-behavior: smooth;
}
body {
font-size: 1.6rem;
line-height: 2rem;
background: #000;
}
ul, li {
list-style-type: none;
}
h1, h2, h3, p, div, ul, ol, dl, li {
margin: 0;
padding: 0;
}
/*差替*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
img {
max-width: 100%;
}
a {
cursor: pointer;
}
a:link {
color: #01b2ae;
text-decoration: none;
font-weight: bold;
padding: 0 2px;
}
a:visited {
color: #01b2ae;
}
a:hover {
color: #f39800;
text-decoration: underline;
}
a:active {
color: #f39800;
}
/**/
p.btn {
width: 100%;
margin: 10px 0 20px;
}
p.btn a {
font-size: 18px;
background: #4574db;
line-height: 200%;
border: 3px solid #fff;
text-decoration: none;
padding: 10px 60px 10px 60px;
color: #fff;
position: relative;
}
p.btn a:hover {
background: #ff74db;
border: 3px solid #fff;
filter: drop-shadow(0 0 6px #ff74db);
color: #fff;
cursor: pointer;
}
p.btn a::after {
content: '';
border: 0;
border-top: solid 4px #fff;
border-right: solid 4px #fff;
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) rotate(45deg);
}
span.cau{
color:#FF0004;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
/****main************/
/****header****/
header {
background: #4574db;
border-bottom: solid 1px #fff;
}
header .conbox {
padding: 10px 0;
text-align: right;
}
header ul {
width: 100%;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
}
header ul li {
margin: 0 auto;
float: left;
width: 18%;
text-align: center;
}
header ul li a {
display: block;
background: #e49ebd;
padding: 10px;
border-radius: 4px;
opacity: 0.8;
}
header ul li a:hover {
background: #f8c675;
text-decoration: none;
opacity: 0.9;
}
header ul li a:active {
background: #cc4580;
}
header ul li img {
width: 100%;
magin: 0 auto;
text-align: center;
vertical-align: middle;
}
header ul li.now a {
background: #cc4580;
opacity: 1.0;
}
/****main*****/
body {
background: #000;
}
.conbox {
width: 100%;
margin: 0 auto;
padding: 0 0 30px;
clear: both;
}
img {
max-width: 100%;
}
.spNo {
display: none;
}
.innerBox {
width: 100%;
clear: both;
padding-bottom: 30px;
}
#contentsALL .conbox:nth-child(even) {
background: url(../img/contents/contentsBG.png) repeat center bottom;
background-size: 20px;
background-color: #ffd6ff;
}
#contentsALL .conbox:nth-child(odd) {
background: url(../img/contents/contentsBG.png) repeat center bottom;
background-size: 20px;
background-color: #c4c3ed;
}
#contentsALL h3 {
background-size: contain;
margin: 0 auto;
border-top: 10px solid #000;
box-shadow: -1px -1px 2px 0 #4768b5;
margin-bottom: 20px
}
#contentsALL h3 span {
background: url(../img/contents/h3BG.png) no-repeat center top;
display: block;
width: 90%;
background-size: contain;
margin: 0 auto;
}
#contentsALL h4 {
width: 100%;
background: url(../img/contents/h4BG.png) no-repeat center center;
background-size: contain;
margin: 0 auto;
}
#contentsALL h3 img, #contentsALL h4 img {
width: 100%;
margin: 0;
padding: 0;
}
.movie-wrap {
width: 90%;
margin: 0 auto;
position: relative;
padding-bottom: 50.625%;
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*top*/
#top h1, p.catch, p.date, p#popUp {
display: none;
}
#top .conbox {
background: url(../img/top/topMain_SPnew.jpg) no-repeat center top;
background-size: contain;
padding-top: 118.5%;
}
#MovieSP .movie-wrap {
border: 1px solid #4574db;
margin: 0 auto 20px;
}
#news {
width: 96%;
padding: 0;
margin: 0 auto;
color: #fff;
font-size: 1.8rem;
line-height: 150%;
text-align: left;
}
#news .inBox {
width: 100%;
background: url(../img/top/news_repeat.png) repeat-y top center;
background-size: contain;
}
#news h2 {
background: url(../img/top/news_top.png) no-repeat bottom, #000;
background-size: contain;
text-indent: -99999px;
padding-top: 6.976%;
margin: 0;
height: 0;
}
#news dl {
width: 100%;
background: url(../img/top/news_bottom.png) no-repeat center bottom;
background-size: contain;
margin: 0 auto;
overflow: auto;
height: 180px;
}
#news dl dt {
padding: 5px 0 0 0;
margin: 0 20px;
}
#news dl dd {
padding: 0 0 10px 0;
margin: 0 20px;
border-bottom: 1px dashed #fff;
}
#top #linkAll{
width:80%;
margin:0 auto;
background:#000;
padding:10px 10px;
text-align: center;
}
#top #linkAll p{
margin:10px auto;
}
#top #linkAll p.btn a {
display: block;
width:100%; 
text-align: center;
padding:3px 0 ;
box-sizing: border-box;
}
#top #btnIntro,
#top #btnSALE	{
width:80%;
margin:0 auto;
}
#top #btnIntro p,
#top #btnSALE p{
text-align: center;
}
#top #btnIntro img,
#top #btnSALE img{
width: 100%;
}
#top #btnIntro p.btn02 a:hover {
filter: drop-shadow(0 0 6px #ff74db);
}
#popupSALE{
padding:60px 0;
text-align: center;
}
#popupSALE p.pic{
width:60%;
margin:0 auto;
}
/****contsALL****/
#contentsALL h3 img,
#contentsALL h4 img,
#contentsALL h5 img {
width: 100%;
}
#contentsALL h5 {
width: 100%;
margin-bottom: 0;
background: #4574db;
}
#contentsALL p.pic {
width: 80%;
margin: 0 auto 10px;
}
#contentsALL p.txt {
width: 90%;
margin: 0 auto;
}
#contentsALL #contents01 p.pic {
width: 90%;
}
#contentsALL #contents03 p.pic {
width: 96%;
margin: 10px auto 10px;
}
.movie-wrap {
width: 90%;
margin: 0 auto;
position: relative;
padding-bottom: 50.625%;
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#gentei #DiscListAll {
width: 96%;
margin: 10px auto;
}
#gentei #DiscListAll ul {
display: flex;
flex-wrap: wrap;
}
#gentei #DiscListAll li {
margin: 0 auto 10px;
float:left;
with:50%;
}
#gentei #DiscListAll li p.btn {
width: 100%;
margin: 0 0 10px;
}
#gentei #DiscListAll li p a {
font-size: 18px;
background: #4574db;
line-height: 200%;
border: 3px solid #fff;
text-decoration: none;
padding: 10px 20px 10px 40px;
color: #fff;
position: relative;
}
#gentei p.btn {
margin: 0 auto 30px;
text-align: center;
}
/*tenpo_SP*/
#tenpo p.txt {
text-align: center;
font-size: 18px;
margin: 0 auto 20px;
}
#tenpo ul {
width: 70%;
margin: 0 auto 30px;
padding: 0;
}
#tenpo ul li {
width: 100%;
margin: 0 auto 30px;
float: left;
text-align: center;
}
#tenpo ul li p.shop {
font-size: 20px;
margin: 0 auto;
background: #4574db;
color: #fff;
padding: 15px;
box-shadow: 1px 1px 6px 0 #4768b5;
}
#tenpo ul li p.pic {
margin: 0 auto 10px;
width: 100%;
}
#tenpo ulli p.item {
margin: 10px auto 20px;
}
#tenpo p.pic img {
box-shadow: 1px 1px 6px 0 #4768b5;
}
/*intro*/
#intro h4{
width:90%;
border-top: 4px double #4574db;
border-bottom: 4px double #4574db;
margin:0 auto 20px;
}
#intro p.txt{
width:90%;
margin:0 auto;
}
#intro .infoBox{
width:90%;
margin:10px auto;
background: #fff;
padding:10px 0;
border-radius: 10px;
}
/*updateDLC*/
#UPDATE_DLC h4{
width:90%;
border-top: 6px double #4574db;
border-bottom: 6px double #4574db;
margin:0 auto 10px;
}
#UPDATE_DLC h5{
width:90%;
margin:0 auto 10px;
}
#UPDATE_DLC h5 img{
height:auto;
}
#UPDATE_DLC p.txt{
width:90%;
margin:0 auto;
}
#UPDATE_DLC p.picMain{
width:80%;
margin:0 auto 20px;
}
#UPDATE_DLC ul{
width:80%;
margin:0 auto ;
text-align: center;
display: flex;
flex-wrap: wrap;
}
#UPDATE_DLC ul li{
margin:0 auto 5px;
}	
/*Pv*/
#PV h5,
#MV h5{
width: 90%;	
margin:0 auto;
padding:0;
}
/*live infoBox*/
#live .infoBox {
border-bottom: 1px dotted #333;
margin: 20px 0;
}
#live .infoBox:last-of-type {
border-bottom: none;
}
#live .infoBox dl {
width: 90%;
margin: 0 auto 20px;
border: 2px solid #000;
background: #fff;
}
#live .infoBox dl dt {
width: 10rem;
padding: 10px 0;
float: left;
clear: both;
border-top: 1px solid #000;
text-align: center;
}
#live .infoBox dl dd {
margin-left: 10rem;
padding: 10px 20px;
text-align: left;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
#live .infoBox dl dt:first-of-type,
#live .infoBox dl dd:first-of-type,
#event .infoBox dl dt:first-of-type,
#event .infoBox dl dd:first-of-type,
#tyusenkai .infoBox dl dt:first-of-type,
#tyusenkai .infoBox dl dd:first-of-type{
border-top: none;
}
#live .infoBox p.pic {
width: 90%;
margin: 0 auto 10px;
}
#live .infoBox p.pic img {
border: none;
}
#live .movie-wrap {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 0 auto;
}
#live .movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#event .infoBox{
width: 90%;
clear: both;
margin: 10px auto 10px;
}
#event p.pic{
width: 90%;
margin:0 auto 20px;
}
#event p.picMi{
width: 60%;
margin:0 auto 20px;
}
#event h3 span {
background: url(../img/contents/h3BG03.png) no-repeat center top;
display: block;
background-size: contain;
margin: 0 auto;
}
#event .infoBox{
border-bottom:none;
line-height: 160%;
}
#event .infoBox dl,
#tyusenkai .infoBox dl{
width: 100%;
margin: 0 auto 10px;
border: 2px solid #000;
background: #fff;
}
#event .infoBox dl dt,
#tyusenkai .infoBox dl dt{
width: 100%;
padding: 10px 0;
float:none;
clear: both;
border-top: 1px solid #000;
text-align: center;
background:#C5C5C5;
}
#event .infoBox dl dd,
#tyusenkai .infoBox dd{
margin:0;
padding: 10px 20px;
text-align: left;
border-top: 1px solid #000;
}
#event h4{
width: 90%;
margin:0 auto;
padding-top:5px;
background: #4574db;
}
#event h5 {
width: 90%;
margin:0 auto 10px;
padding-top:5px;
background: #4574db;
}

#tyusenkai .infoBox{
width:90%;
margin:0 auto 20px;
line-height: 160%;
}

/****footer****/
footer {
width: 100%;
position: relative;
color: #fff;
text-align: center;
font-size: 1.2rem;
clear: both;
background: #4574db;
}
footer .conbox {
width: 100%;
padding: 0;
}
footer .conbox .innerBox {
width: 100%;
margin: 0 auto;
position: relative;
display: inline-block;
padding: 0;
}
footer .platform li img {
height: 36px;
}
footer .platform {
width: 100%;
margin: 20px auto;
padding: 0;
display: flex;
flex-wrap: wrap;
}
footer .platform li {
margin: 0 auto;
float: left;
text-align: center
}
footer .notice {
width: 90%;
margin: 0 auto 30px;
text-align: left;
}
footer .notice img {
height: 15px;
}
footer .link {
border-top: 1px solid #fff;
padding-top: 20px;
}
footer .link img {
width: 240px;
}
footer .copyright {
padding: 10px 0 120px;
}
/****backTop************/
#backtop {
width: 100%;
position: fixed;
bottom: 0;
text-align: center;
text-indent: -99999px;
z-index: 2000;
background: #000;
}
#backtop .conbox {
width: 100%;
height: auto;
padding: 0;
text-align: center;
border: none;
background: none;
}
#backtop a {
width: 100%;
padding: 11.25% 0 0 0;
display: block;
background: url(../img/contents/btnBacktoTop.png) center center no-repeat;
background-size: contain;
}
#backtop a:hover {
opacity: 0.7;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
/****header****/
header {
background: #4574db;
}
header .conbox {
padding: 10px 0;
}
header ul {
width: 720px;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
}
header ul li {
margin: 0 auto;
float: left;
width: 120px;
text-align: center;
}
header ul li a {
display: block;
background: #e49ebd;
padding: 5px 10px;
border-radius: 4px;
opacity: 0.8;
}
header ul li a:hover {
background: #f8c675;
text-decoration: none;
opacity: 0.9;
}
header ul li a:active {
background: #cc4580;
}
header ul li img {
width: 80%;
magin: 0 auto;
text-align: center;
vertical-align: middle;
}
header ul li.now a {
background: #cc4580;
opacity: 1.0;
}
/****main*****/
body {}
.pcNo {
display: none;
}
#wrapper {
width: 100%;
margin: 0 auto;
position: relative;
}
.conbox {
margin: 0 auto;
padding: 0 0 30px;
clear: both;
text-align: center;
}
.innerBox {
clear: both;
width: 960px;
margin: 0 auto 20px;
}
/****top****/
#top .conbox {
background: url(../img/top/mainIMG_PC.jpg) no-repeat center top;
}
#top .conbox .innerBox {
position: relative;
width: 1080px;
height: 1280px;
margin: 0 auto;
}
#top h1 {
position: absolute;
bottom: 80px;
left: 107px;
}
#top p.catch {
position: absolute;
top: 10px;
right: 0px;
}
#top p.date {
position: absolute;
bottom: 20px;
left: 210px;
}
#MovieSP {
display: none;
}
#top p#popUp {
position: absolute;
top: 660px;
left: 40px;
width: 302px;
height: 242px;
}
p#popUp a {
display: block;
width: 302px;
height: 242px;
background: url(../img/top/btn_Movie.png) center center no-repeat;
background-size: contain;
text-indent: -99999px;
}
p#popUp a:hover {
background: url(../img/top/btn_Movie_on.png) center center no-repeat;
background-size: contain;
cursor: pointer;
}
#news {
width: 860px;
height: 280px;
padding: 0;
margin: 0 auto;
background: url(../img/top/news_bottom.png) no-repeat bottom center;
color: #fff;
font-size: 1.8rem;
line-height: 150%;
text-align: left;
}
#news h2 {
background: url(../img/top/news_top.png) no-repeat top;
text-indent: -99999px;
height: 60px;
}
#news dl {
width: 860px;
background: url(../img/top/news_repeat.png) repeat-y center;
margin: 0 auto;
height: 180px;
overflow: auto;
}
#news dl dt {
padding: 5px 0 0 0;
margin: 0 20px;
}
#news dl dd {
padding: 0 0 10px 0;
margin: 0 20px;
border-bottom: 1px dashed #fff;
}
#linkAll{
width:320px;
position:absolute;
top:610px;
right:0;
background:#000;
padding:0 10px;
}
#top #linkAll p{
margin:10px auto;
}
#top #linkAll p.btn a {
display: block;
width:320px; 
text-align: center;
padding:3px 0 ;
box-sizing: border-box;
}
#top #btnIntro {
position: absolute;
left:50px;
top:10px;
}
#top #btnIntro img {
width:320px;
}
#top #btnIntro p.btn02 a:hover {
filter: drop-shadow(0 0 6px #ff74db);
}
#top #btnSALE {
position: absolute;
left:0;
top:270px;
}
#top #btnSALE img {
width:320px;
}
#top #btnSALE p.btn02 a:hover {
filter: drop-shadow(0 0 6px #ff74db);
}
#popupSALE{
text-align: center;
width:720px;
}
#popupSALE p.pic{
width:360px;
margin:0 auto;
}
/****contsALL****/
#contentsALL .conbox:nth-child(even) {
background: url(../img/contents/contentsBG.png) repeat center bottom;
background-size: 20px;
background-color: #ffd6ff;
}
#contentsALL .conbox:nth-child(odd) {
background: url(../img/contents/contentsBG.png) repeat center bottom;
background-size: 20px;
background-color: #c4c3ed;
}
#contentsALL h3 {
background-size: contain;
margin: 0 auto;
border-top: 10px solid #000;
box-shadow: -1px -1px 2px 0 #4768b5;
margin-bottom: 20px
}
#contentsALL h3 span {
background: url(../img/contents/h3BG.png) no-repeat center top;
display: block;
width: 660px;
background-size: contain;
margin: 0 auto;
}
#contentsALL h4 {
width: 100%;
background: url(../img/contents/h4BG.png) no-repeat center center;
background-size: contain;
margin: 0 auto;
}
#contentsALL h3 img, #contentsALL h4 img {
width: 100%;
margin: 0;
padding: 0;
}
#contentsALL h5 {
width: 100%;
margin-bottom: 0;
height: 64px;
background: #4574db;
}
/*productInfo*/
#productInfo p.txt {
width: 720px;
text-align: center;
margin: 0 auto 10px;
}
/*gentei*/
#gentei p.pic, #yoyaku p.pic {
width: 720px;
text-align: center;
margin: 0 auto 10px;
}
#gentei h4 {
width: 720px;
margin: 0 auto 0;
}
#gentei p.txt, #yoyaku p.txt {
width: 720px;
text-align: center;
margin: 0 auto 20px;
}
#gentei #DiscListAll {
width: 920px;
margin: 0 auto 10px;
}
#gentei #DiscListAll ul {
display: flex;
flex-wrap: wrap;
}
#gentei #DiscListAll li {
margin: 0 auto;
float: left;
width: 30%;
}
#gentei p.btn {
margin: 0 auto 40px;
text-align: center;
}
/*tenpo*/
#tenpo p.txt {
text-align: center;
margin: 0 auto 20px;
}
#tenpo p.txt strong {
font-size: 160%;
}
#tenpo ul {
width: 960px;
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#tenpo ul li {
width: 40%;
margin: 0 auto 40px;
float: left;
text-align: center;
font-size: 18px;
line-height: 150%;
}
#tenpo ul li p.shop {
font-size: 24px;
margin: 0 auto;
background: #4574db;
color: #fff;
padding: 15px;
box-shadow: 1px 1px 6px 0 #4768b5;
}
#tenpo p.pic img {
box-shadow: 1px 1px 6px 0 #4768b5;
}
/*intro*/
#intro h4{
width:720px;
border-top: 6px double #4574db;
border-bottom: 6px double #4574db;
margin:0 auto 20px;
}
#intro p.txt{
width:720px;
margin:0 auto;
}
#intro .infoBox{
width:800px;
margin:10px auto;
background: #fff;
padding:10px 0;
border-radius: 10px;
}
/*updateDLC*/
#UPDATE_DLC h4{
width:720px;
border-top: 6px double #4574db;
border-bottom: 6px double #4574db;
margin:0 auto 10px;
}
#UPDATE_DLC h5{
width:720px;
height:48px;
margin:0 auto 10px;
}
#UPDATE_DLC h5 img{
height:48px;
}
#UPDATE_DLC p.txt{
width:720px;
margin:0 auto;
}
#UPDATE_DLC p.picMain{
width:640px;
margin:0 auto;
}
#UPDATE_DLC ul{
width:800px;
margin:0 auto 10px;
text-align: center;
display: flex;
flex-wrap: wrap;
}#UPDATE_DLC ul li{
width:380px;
float: left;
margin:0 auto 10px;
}
/*special*/
#PV .movie-wrap,
#MV .movie-wrap {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 0 auto;
}
#PV .movie-wrap iframe,
#MV .movie-wrap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#live .txt,
#event .txt	{
width: 960px;
margin: 0 auto;
}
#live .infoBox{
width: 960px;
clear: both;
margin: 10px auto 40px;
border-bottom: 1px dotted #333;
}
#live .infoBox:first-of-type{
margin-top: 50px;
}
#live .infoBox:last-of-type,
#event .infoBox:last-of-type{
border-bottom: none;
}
#live .infoBox dl{
width: 480px;
margin: 0 auto 30px;
border: 2px solid #000;
background: #fff;
float: right;
}
#live .infoBox dl dt {
width: 10rem;
padding: 10px 0;
float: left;
clear: both;
border-top: 1px solid #000;
text-align: center;
}
#live .infoBox dl dd {
margin-left: 10rem;
padding: 10px 20px;
text-align: left;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
#live .infoBox dl dt:first-of-type,
#live .infoBox dl dd:first-of-type,
#event .infoBox dl dt:first-of-type,
#event .infoBox dl dd:first-of-type,
#tyusenkai .infoBox dl dt:first-of-type,
#tyusenkai .infoBox dl dd:first-of-type{
border-top: none;
}
#live .infoBox p.pic {
float: left;
width: 420px;
margin: 0;
}
#live .infoBox p.pic img {
border: none;
}
#event .infoBox{
width: 960px;
clear: both;
margin: 0 auto;
}
#event p.pic,
#event p.txt,
#tyusenkai p.pic,
#tyusenkai p.txt{
margin:0 auto 10px;
line-height: 150%;
}
#event p.picMi{
width: 240px;
margin:0 auto 10px;
}
#event .infoBox,
#tyusenkai .infoBox{
border-bottom:none;
line-height: 120%;
}
#event .infoBox dl,
#tyusenkai .infoBox dl{
width: 100%;
margin: 0 auto 10px;
border: 2px solid #000;
background: #fff;
}
#event .infoBox dl dt,
#tyusenkai .infoBox dl dt{
width: 20rem;
padding: 10px 0;
float: left;
clear: both;
border-top: 1px solid #000;
text-align: center;
}
#event .infoBox dl dd,
#tyusenkai .infoBox dl dd{
margin-left: 20rem;
padding: 10px 20px;
text-align: left;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
#event h4 {
width: 960px;
margin:0 auto;
height:auto;
background: #4574db;
}
#event h4 img {
width: 720px;
margin:0 auto;
padding:5px 0 0 0;
}
#special02 .btn {
margin-bottom: 20px;
}
#event h5{
margin:0 auto 10px;
}
#tyusenkai .infoBox ul li{
margin:0 0 10px 0;
}
#tyusenkai .infoBox ul li strong{
display: block;
border:1px solid #000;
padding:5px 10px;
margin:0 0 10px;
}

/***footer****/
footer {
width: 100%;
position: relative;
color: #fff;
text-align: center;
font-size: 15px;
clear: both;
background: #4574db;
line-height: 150%;
}
footer .conbox {
width: 100%;
padding: 0;
}
footer .conbox .innerBox {
width: 100%;
margin: 0 auto;
position: relative;
display: inline-block;
padding: 0;
}
footer .platform li img {
height: 36px;
margin-bottom: 10px;
}
footer .platform {
width: 800px;
margin: 40px auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
footer .platform li {
margin: 0 auto;
float: left;
text-align: center;
}
footer .notice {
width: 800px;
margin: 0 auto 30px;
text-align: left;
}
footer .notice img {
height: 15px;
}
footer .link {
border-top: 1px solid #fff;
padding-top: 20px;
}
footer .link img {
width: 240px;
}
footer .copyright {
padding: 10px 0 120px;
}
/****backTop************/
#backtop {
width: 100%;
height: 90px;
position: fixed;
bottom: 0;
text-align: right;
text-indent: -99999px;
z-index: 2000;
background: #000;
}
#backtop .conbox {
width: 800px;
height: 90px;
text-align: center;
margin: 0 auto 0;
padding: 0;
border: none;
background: none;
}
#backtop a {
width: 100%;
height: 90px;
display: block;
background: url(../img/contents/btnBacktoTop.png) center top no-repeat;
background-size: 800px;
}
#backtop a:hover {
opacity: 0.7;
}
}