@charset "utf-8";
/* CSS Document */

.header {
	/* background-color:rgba(140,80,200,0.7);
	background-color:rgba(140,80,200);
	background-image:url(../img/topback.png); */
	}
		
.message{
	background-image:url(../top_img/onAniseMessage.png);
	height:250px;
	background-repeat:no-repeat;
	padding:80px 0 0 100px;
	width:970px;
	font-size: 20px;
	margin: 0 auto;
}

.enjoy{
	margin:0 auto;
	width:100%;
	max-width:970px;
	height:200px;
}


.enjoy img{
}

.lastchild{
	margin-right:0px;
}


.point img{
padding-bottom:30px;
}

.leftchild{
	padding-right:30px;
}

.point{
	margin: 0 auto;
max-width: 970px;
width: 100%;
overflow:hidden;
}

.enjoy ul, .point ul{
margin: 0; 
padding: 0; 
list-style: none;
}

.enjoy li, .point li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

.enjoy li{
display: block;
border: 1px solid #ccc;
box-shadow: 5px 10px 10px #C896E6;
margin-right:30px;
}

.enjoy li a:hover{
background-color: #2d56be;
/*color: #fff;*/
}

.enjoy li.lastchild{
margin-right:0px;
}


/* top slider part */

#top{
width: 100%;
  margin: 20px auto 0;
  max-width: 960px;
}

.slider {
float: left;
  padding-right: 30px;
  width: 100%;
  /*height: 484px;*/
  max-width: 970px;
}


.pickup{
display: block;
  background-color: #fff;
  height: 330px;
  /* margin-right: 10px; */
  /*padding: 10px;*/
  width: 210px;
  float: right;
  height:360px;
  }

.pickup span {
  display: block;
  background: #F03296;
  text-align: center;
  font-weight: bold;
  color:#fff;
  margin-bottom: 10px;
}

.p_topics{
  padding: 0 20px;
  font-size: 12px;

}


#pickuptop{
text-align:center;
}



  

.topnews{
  max-width: 970px;
  margin: 0 auto;
}

.topnews ul {
  margin: 0;
  padding: 0;
}

.topnews li{
float: left;
  list-style: none;
  width: 178px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin-right: 21px;
  padding: 20px;
  height: 280px;
  /* padding-right: 20px; */
}

li.lastchild {
  margin-right: 0px;
}

.topnews img{
  max-width: 170px;
  height: auto;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}

.user{
	clear:both;
width: 970px;
margin: 0 auto;
padding: 30px 0;
}

.toptytle{
padding: 30px 0 20px;
}
	
img.bgmaximage{
  position:fixed !important;
}


.test, .camp02{
	margin:0 auto;
/*	width:970px;*/
clear:both;
}

.test img{
	padding:25px 0;
    height: auto;
/*    display:block;*/
	margin:0 auto;
	width: 100%; 
	max-width: 970px; /* 最大幅 */
}

.test a:hover, a:active, a:focus {
	opacity:0.7;
}


.resp1{
  clear: both;
  max-width: 970px;
  margin: 0 auto 20px;
  padding-top: 30px;
  color: #662D91;
  font-size: 18pt;
  font-weight: bold;
  border-bottom: #c896E6 1px solid;
}


.resp5{
	width:100%
}

.resp7{
	width:100%;
	max-width:400px;
	}
	
.respborder{	
  border-bottom: #c896E6 1px solid;
  padding: 10px 0;
  margin-bottom: 10px;
}


/* media query */

@media only screen and (max-width: 800px) {

}


@media screen and (min-width:769px) {
	.mobile{
		display:none;
}	
#top_tablet, #top_mobile{
	display:none;
}

}

@media screen and (min-width:480px) and ( max-width:769px) {
    /*　for iPad 　*/
.header{
		display:none;}
	
#top_pc, #top_mobile{
	display:none;
}
.footer2{
	display:none;
}
}

@media screen and (max-width:480px) {
    /*　for iPhone 　*/
.header, .sidebar{
		display:none;}
		
#top_pc, #top_tablet{
	display:none;
}

.resp1 img{
	width:100%;
	height:auto;
}

.point img{
	margin:0 auto;
	width: 100%; 
	height:auto;
}

.footer2{
	display:none;
}

.footerup{
	width:100%;
	margin-top: 10px;
}

.setumei, .contactfull{
	width:100%;
}

.info{
	padding:0;
	width:100%;
	max-width:480px;
}
	
.item{
	margin:0;
	padding:0;
	width:480px;
	}
		
.smpnone{
	display:none;
}

}





.mobile {
    z-index: 9999;
}

.top3{
	padding-top:10px;
}

.top3 img {
	padding-right: 20px;
}

.tgm1{
	float:left;
	width:34%;
	font-weight:bold;
}
.tgm2{
	float:left;
	width:34%;
	font-weight:bold;
}

.tgm3{
	float:right;
	width:32%;
	font-weight:bold;
}