@charset "UTF-8";
/*common.css*/

body{
  background:url(../img/bg.jpg);
}

/* =========================================================
 font style
========================================================= */
table{font-size:12px;line-height:1.5;text-align:left;color:#000;}
dl,li{font-size:12px;line-height:1.5;text-align:left;}

/* =========================================================
 layout
========================================================= */
#wrapper{min-width:640px;}
.blockSet{width:584px;margin:0 auto;position:relative;}
img {max-width: 100%;height: auto;}

/* =========================================================
 header
========================================================= */
#header{width:100%;margin:0 auto;padding:17px 0 14px;min-height:30px;}
#btnNintendo{float:left;margin:4px 0 0 19px;}
#btnWiiu{float:right;margin:0 19px 0 0;}

/* =========================================================
 contents
========================================================= */
#contents{clear:both;position:relative;}

/* ----- conthead ----- */
.conthead{clear:both;margin:0 auto;background-image:url(../img/main_bg.jpg); background-position:center; background-repeat:no-repeat;}
.contheadIn{
    width: 100%;
    height: 386px;
    margin: 0 auto;
    position: relative;
    background-image: url(../img/main_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}
.conthead h1{text-align:center; padding:0;}

.contheadIn h1{
  padding-top: 32px;
}
.contheadIn h1 img{
  width:67%;
}
.contheadIn h2{
    color: #fff;
    line-height: 1.5em;
    margin-top: 23px;
    font-weight: bold;
    font-size: 21px;
}
/* ----- .contmain ----- */
.contmain{clear:both;margin:20px auto;}
.contmainIn{width:640px;margin:10px auto 0;position:relative; text-align:center;}


/* ----- contsub ----- */
.contsub{clear:both;margin:20px auto;}
.contsubIn{width:630px;margin:0 auto;padding:28px 0 22px;overflow:hidden;position:relative;}

.contsubIn img{
  width:96%;
}
/* =========================================================
 contents
========================================================= */

.wiidlsoft__body {
  width: 100%;
}

.wiidlsoft__item {
  display: block;
  -moz-box-sizing:border-box;box-sizing:border-box;
  width: 100%;
  margin: 0;
  float: left;
  box-shadow: rgba(113, 135, 164, 0.298039) 2px 3px 7px 3px;
  -webkit-box-shadow: rgba(113, 135, 164, 0.298039) 2px 3px 7px 3px;
  -moz-box-shadow: rgba(113, 135, 164, 0.298039) 2px 3px 7px 3px;
  border-radius: 12px 12px 12px 12px;
  width: 94%;
  margin:15px 3% 24px 3%;
  position:relative;

}
.wiidlsoft__item img.new{
  position: absolute;
  z-index: 10;
  top: -14px;
  width: 11%;
  right: 31px;
}

.wiidlsoft__item .item__body {
  display: block;
  color:#FFF;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.wiidlsoft__item .item__body:hover{
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.wiidlsoft__item .iconblock{
	border-radius:16px 16px 0 0;
    background: #0ab4f5;
	width: 100%;
	height: 90px;
	text-align:center;
	color:#FFF;
	padding:0;
	font-size:16px;
}
.wiidlsoft__item .imgblock {
  position: relative;
  width: 100%;
}

.wiidlsoft__item .imgblock .cover{
  position: absolute;
}
.wiidlsoft__item .imgblock img {
  vertical-align: bottom;
}
.wiidlsoft__item .ss {
  width: 100%;
  height: auto;
}
.wiidlsoft__item .ss img {
  width: 100%;
  height: auto;
  border-radius: 16px 16px 0 0;
}
.wiidlsoft__item .infoblock {
  border-radius: 0 0 16px 16px;
  background:#f5f5f0;
}
#one{
  height: 34px;
  padding:19px 0 0;
}

.wiidlsoft__item .infotext{
  margin:0;
  height: 33px;
  text-align:center;
  font-size:18px;
  line-height:1.1;
  color:#FFF;
  padding:10px 0;
  border-bottom:1px solid #FFF;
}
.wiidlsoft__item .infostrong{
  margin:0;
  height: 35px;
  text-align:center;
  line-height:35px;
  padding-top:2px;
  font-size:22px;
  color:#FFF;
  font-weight:bold;
}
.wiidlsoft__item .infoheader {
  text-align:center;
  color:#FFF;
  padding:15px 0px 15px;
  background: #0ab4f5;
  font-size: 35px;
}
.wiidlsoft__item .ttl {
  line-height: 1.35;
  text-align:center;
  font-size:48px;
  color:#000;
  background:#f5f5f0;
  font-weight:bold;
  padding-top: 14px;
}
.wiidlsoft__item .small{
  font-size:25px;
  text-align:center;
  color:#000;
}
.wiidlsoft__item .subttl {
  line-height: 1.35;
  text-align:center;
  font-size:35px;
  background:#f5f5f0;
  color:#0ab4f5;
  background:url(../img/boder.jpg) repeat-x bottom;
  margin:12px 18px 10px 18px;
  padding-bottom: 10px;
}
.wiidlsoft__item .subttl2{
  font-size: 41px;
}
.wiidlsoft__item .ttl .title {
  font-size: 100%;
  line-height: 1.35;
}

.wiidlsoft__item .ttl .name {
	font-size:20px;
}

.wiidlsoft__item .info {
  font-size: 30px;
  line-height: 1.4;
  text-align:center;
  padding-bottom:7px;
  color:#787878;
  font-weight: bold;
}
.wiidlsoft__item .info .date {
  padding-right: 10px;
  font-weight: bold;
  font-size: 32px;

}

.wiidlsoft__item .info .sell {
  font-size: 32px;
  font-weight:bold;
}
.wiidlsoft__item .info .tax{
  font-size: 25px;
}
.wiidlsoft__item .info .maker {
  font-weight:normal;
}

.wiidl_info{
  padding:0 30px 0 0;
  background-image:url(../../img/wiidl_info.png);
  background-position:right top;
  background-repeat:no-repeat;
}
.dl_info{
  padding: 20px 0 0;
  font-size: 23px;
  margin: 0 17px;
  line-height:1.4em;
  text-align: left;
  text-indent: -1em;
  margin-left: 1em;
  margin-left: 40px;
}

.information__box{margin:0 0 30px; padding:60px 0 20px 10px; background-image:url(../img/news.png); background-position:top left; background-repeat:no-repeat;border:1px solid #CCC;}
.information{ display:block;
  display:table;
  padding:12px 0;
  width:610px;
  text-align:left;
  border-bottom:1px solid #CCC;}
  
.information__date {
 display: table-cell;
  color:#3F3F3F;
  width:100px;
}
  
.information__text a{
  display: table-cell;
  color:#00A2CB;
  text-overflow: ellipsis;
}
.information__text a:hover{
  opacity:.7;
  text-decoration:underline;
}

.bn_bottom:hover{
  opacity: 0.75;
}
li.pricedown{
  margin:2% 0;
}
li.pricedown img{
  margin-top: 20px;
  width:100%;
}
li.pricedown p img{
  float:left;
  width:50%;
  margin:0 0 20px 0;
}

/* =========================================================
 footer
========================================================= */
#footer {
  clear:both;
  margin-top: 20px;
  background:#fff;
  padding-top: 19px;
}
#footer a {
  color:#000;
}
#footer a:hover, # a:visited, .# a:active, # a:focus {
  opacity:.7;
}

#footer .topicPath_inner {
  width:584px;padding:12px 0 12px;margin:10px auto 0;position:relative; display:block;
}
#footer ul.sns{
  margin-left: 7%;
}
#footer ul.sns li{
  margin-right: 7%;
}
#footer .topicPath_path{display:block; width:50%; text-align:left; float:left;font-size:12px;}
#footer .topicPath_top{display:block; width:100%; text-align: center;}
#footer .topicPath_sns{display:block;width:100%; text-align: center;}


#footer .fNav{text-align:center;}
#footer .fNav li{display:inline;font-size:12px; margin-right:2px;padding-right:2px;}

#footer .sns li {
  display:inline;
  margin-right: 0;
}
.gototop{
    margin: 0 25px 40px;
}
.gototop img{
  width:10%;
}

#footerIn{width:584px;margin:0 auto;padding:12px 0 12px;position:relative;}
#footer .fNav{text-align:center;}
#footer .fNav li{display:inline;font-size:20px; margin-right:2px;padding-right:2px;}
#footer .copyright{margin:0 0 2px;font-size:20px;color:#000;text-align:center;}