@charset "UTF-8";

/* MOVIE */
.movie {
  width:245px;
  margin:10px auto 0 auto;
}

#topMV{
	width:300px;
	margin:0 auto;
	text-align:center;
}

#topMV p{
	margin-top:30px;
}

#topMV p img{
	margin-bottom:10px;
}

#topMV .mvclose{
	margin:45px 0;
}


/* OUTLINE */
.outline {
  width:280px;
  text-align:center;
  background:transparent url("../images/top/outline_bg.gif") left top repeat;
  border:solid 1px #d2f6b2;
  border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
  -moz-border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
  -o-border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
  -ms-border-radius:20px 20px 20px 20px / 20px 20px 20px 20px;
  margin:23px auto 16px auto;
  padding:22px 14px;
}
.outline h2 {
  margin:0 0 22px 0;
}

.outline .download{
	margin:0 0 8px 0;
}

.outline .outbtn01{
	margin:10px 0 0 0;
}

.outline .outbtn02{
	margin:10px 0 10px 0;
}

.outline .spec {
  margin:14px 0 0 0;
}
.outline .spec li {
  margin:0 0 8px 0;
}

.outline .caution {
  margin:14px 0 0 0;
}
.outline .caution li {
  color:#58280c;
  font-size:12px;
  letter-spacing:-0.5px;
  line-height:120%;
  text-align:left;
  text-indent:-1em;
  margin:0 0 10px 0;
  padding-left:1em;
  padding-right:1em;
}
.outline .caution li a {
  color:#58280c;
  text-decoration:underline;
}
.outline .caution li a:hover {
  color:#58280c;
  text-decoration:none;
}

.outline .logo {
  width:188px;
  margin:21px auto 0 auto;
  overflow:hidden;
  zoom:1;
  text-align:center;
}
.outline .logo li {
  float:left;
}
.outline .logo li:nth-of-type(1n) {
  margin:0 14px 0 0;
}
.outline .logo li:nth-of-type(2n) {
  margin:0 14px 0 0;
}
.outline .logo li:nth-of-type(3n) {
  margin:-14px 0 0 0;
}
.outline .logo li:nth-of-type(4n) {
  margin:0;
}


/* banner */

.attention {
  width:320px;
  text-align:center;
  margin:15px auto 18px auto;
}

.attention09 {
  width:320px;
  text-align:center;
  margin:20px auto 10px auto;
}

.attention05 {
width: 320px;
text-align: center;
margin: 20px auto 20px auto;
}

.amiibo {
  width:320px;
  text-align:center;
  margin:0 auto 10px auto;
}

.collabo{
  width:320px;
  text-align:center;
  margin:0 auto;
}



/* GOODS */
.goods {
  width:320px;
  margin:0 auto 32px auto;
}
.goods li {
  text-align:center;
}
.goods li:nth-of-type(1) {
  margin:0 0 13px 0;
}
.goods li:nth-of-type(2) {
  margin:0 0 9px 0;
}
.goods li:nth-of-type(3) {
  margin:0 0 9px 0;
}


/* TWITTER */

.twitter_area{
	width:308px;
	margin:0 auto 20px;
	height:372px;
	background-size: 100% auto;
	background-image:url(../images/top/twitter_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}

.twitter_area .innar{
	position:absolute;
	top:90px;
	left:18px;
	width:272px;
	height:262x;
}

.twitter_area .innar .followBtn{
	text-align: right;
	margin-top: 5px;
}

a.cation{
	display:block;
	margin:10px 0;
	padding:10px 3px;
	border-radius:13px;
	background:#33CC66;
	line-height:16px;
	border:4px solid #fff;
}

#top .note {
	padding: 5px 0 10px 0;
}

/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
  width: 100%;
  background: url(../images/top/bnr_eshop_bg.png);
  -webkit-background-size: 20px;
          background-size: 20px;
  position: relative;
  z-index: 10;
}
.bnr-eshop-sale::before{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #FFF;
  left: 0;
  bottom: -2px;
  position: absolute;
}
.bnr-eshop-sale a,
.bnr-eshop-sale span{
  display: block;
  max-width: 375px;
  margin: 0 auto;
}
.bnr-eshop-sale a img,
.bnr-eshop-sale span img{
  max-width: 375px;
  width: 100%;
  height: auto;
}