@charset "UTF-8";

/* OUTLINE */
.outline {
  float:left;
  position:relative;
  width:535px;
  height:407px;
  background:transparent url("../images/top/outline_bg.png") left top no-repeat;
  margin-top:30px;
}

.outline h2 {
	position: absolute;
	top: 31px;
	left: 31px;
}

.outline .soft {
	position: absolute;
	top: 98px;
	left: 34px;
}

.outline .spec {
	position: absolute;
	top: 102px;
	right: 33px;
}
.outline .spec li {
  height:28px;
  margin:0 0 10px 0 !important;
}

.outline .logo {
	position: absolute;
	top: 289px;
	left: 72px;
}
.outline .logo li {
  float:left;
  height:52px;
  margin:0 10px 0 0;
}
.outline .logo li .logo01 { margin:7px 0 0 0; }
.outline .logo li .logo02 { margin:7px 0 0 0; }
.outline .logo li .logo03 { margin:0; }


.outline .caution {
	position: absolute;
	top: 344px;
	left: 35px;
	width: 200px;
}

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

.outline .more{
	position: absolute;
	top: 230px;
	right: 33px;
}

.outline .home{
	position: absolute;
	top: 267px;
	right: 33px;
}

.outline .guide{
	position: absolute;
	top: 300px;
	right: 33px;
}

.outline .caution2 {
	position: absolute;
	top: 337px;
	right: 33px;
}


.caution .sample_zoom{
	outline:none;
}

.caution .inline{
	outline:none;
}

/*banner_area*/

.banner_area{
	width:425px;
	float:right;
	position:relative;
}

.amiibo {
	position: absolute;
	right: 0px;
	top: 86px;
}

.attention08{
	position: absolute;
	right: 0px;
	top: 21px;
}

.attention09{
	position: absolute;
	right: 0;
	top: 30px;
}

.collabo{
	position: absolute;
	right: 188px;
	top: 22px;
}


/* GOODS */
.goods {
  position:relative;
  float:left;
  width:532px;
  padding-top:30px;
  background:url(../images/top/img01.png) no-repeat right bottom;
  height:543px;
}

.goods li{
	margin-bottom:14px;
}

.goods li img{vertical-align:top;}

.twitter_area{
	width:410px;
	height:427px;
	background:url(../images/top/twitter_bg.png) left top no-repeat;
	position:relative;
	margin:15px 0 0 10px;
}

.twitter_area .innar{
	width: 360px;
	height: 315px;
	position: absolute;
	top: 86px;
	left: 25px;
}

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

.top_right_area{
	float:right;
	width:415px;
	padding:8px 5px 0 0;
	text-align:right;
	position:relative;
}
.top_right_area .attention06{
	margin-right: -5px;
}


/*youtube_change*/

#inline_content{
	padding:30px;
	background:#FFF;
	width:694px;
	height:550px;
	position:relative;
	top:63px;
	left:54px;
}

.thumbnails{
	margin:10px auto 0;
	width:420px;
}

.thumbnails .category{
	width:190px;
	height:151px;
	float:left;
	margin:0 10px;
}


.thumbnails .category ul li{
	width:172px;
	height:145px;
}
.thumbnails .category ul li a{
	width:190px;
	height:151px;
	display:block;
	text-indent:-9999px;
	background-position:left top;
}


.thumbnails .category ul li a.mv1{
	background:url(../images/top/mv01.jpg) left bottom no-repeat;
}
.thumbnails .category ul li a.mv1:hover{
	background:url(../images/top/mv01.jpg) left top no-repeat;
}
.thumbnails .category ul li.selected a.mv1{
	background:url(../images/top/mv01.jpg) left top no-repeat;
}


.thumbnails .category ul li a.mv2{
	background:url(../images/top/mv03.jpg) left bottom no-repeat;
}
.thumbnails .category ul li a.mv2:hover{
	background:url(../images/top/mv03.jpg) left top no-repeat;
}
.thumbnails .category ul li.selected a.mv2{
	background:url(../images/top/mv03.jpg) left top no-repeat;
}


.thumbnails .category ul li a.mv3{
	background:url(../images/top/mv02.jpg) left bottom no-repeat;
}
.thumbnails .category ul li a.mv3:hover{
	background:url(../images/top/mv02.jpg) left top no-repeat;
}
.thumbnails .category ul li.selected a.mv3{
	background:url(../images/top/mv02.jpg) left top no-repeat;
}

/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
 width: 100%;
 background: url(../images/top/bnr_eshop_bg.png);
 position: relative;
 z-index: 10;
}
.bnr-eshop-sale::before{
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background: #FFF;
 left: 0;
 bottom: 0;
 position: absolute;
}
.bnr-eshop-sale a{
 display: block;
 max-width: 960px;
 margin: 0 auto;
 width: 70%;
}
.bnr-eshop-sale a img{
 max-width: 960px;
 width: 100%;
 height: auto;
}
.no-touchevents .bnr-eshop-sale a{
 -webkit-transition: opacity 0.15s linear;
 transition: opacity 0.15s linear;
}
.no-touchevents .bnr-eshop-sale a:hover{
 opacity: 0.85;
}