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



/*
----------------------------------------*/
/* contents 2column
   2カラムレイアウト用のcss
   #codenameは指定の案件コードを使用すること
--------------------------------------*/

/* #codenameについて、
   cssプロパティの指定は変更しないでください */
#dssoftdlcard{
  width:750px;
  font-size:100%;
/*  margin-bottom:20px;*/
  margin: 0 auto 20px;
  text-align:left;
}


/* reset */
#dssoftdlcard h2, #dssoftdlcard h3, #dssoftdlcard h4, #dssoftdlcard h5,
#dssoftdlcard_pop h2, #dssoftdlcard_pop h3, #dssoftdlcard_pop h4, #dssoftdlcard_pop h5
  {font-size:100%; font-weight:normal; text-decoration:none;}
#dssoftdlcard ul, #dssoftdlcard li, #dssoftdlcard dl, #dssoftdlcard dd, #dssoftdlcard dt,
#dssoftdlcard_pop ul, #dssoftdlcard_pop li, #dssoftdlcard_pop dl, #dssoftdlcard_pop dd, #dssoftdlcard_pop dt
  {margin:0; padding:0; list-style:none; list-style-position:outside;}
#dssoftdlcard div, #dssoftdlcard_pop p, #dssoftdlcard_pop div
  {margin:0; padding:0;}

#dssoftdlcard table
  {margin:0; padding:0; table-layout: auto; border-collapse:collapse; border-spacing:0; border:0 none; font-size:100%;}
#dssoftdlcard th, #dssoftdlcard td
  {margin:0; padding:0; empty-cells:show; font-style:normal; font-weight:normal; text-align:left; vertical-align:top;}


/* clearfix */
.cf:before, .cf:after
  {content:" "; display:table;}
.cf:after
  {clear:both;}
.cf
  {zoom:1;}


/*==============================================
2013.7.26～
==============================================*/

#dssoftdlcard .ttlRecommend{
  margin: 15px 0 9px;
}

#dssoftdlcard .DLCardWrap{
  margin:0 auto 6px;
  padding:0 0 14px;
  width: 730px;
  /*  background:url(/library/common/apphp/products/3dssoftdlcard/item_bg.gif) no-repeat 3px bottom;
*/
  }
#dssoftdlcard .DLCardWrap.half{
  background: url(/library/common/apphp/products/3dssoftdlcard/item_bg_half.gif) no-repeat 3px bottom;
}
/*#dssoftdlcard .DLCardWrap .item{
  position:relative;
  float:left;
  padding:0 3px;
  width:359px;
  background: url(/library/common/apphp/products/3dssoftdlcard/item_bg_half.gif) no-repeat 3px bottom;
}*/


#dssoftdlcard .DLCardWrap .item{
  overflow: hidden;
  position: relative; 
  float: left;
  padding: 0px 0px;
  margin: 0 4px;
  border: 1px solid #bfbfbf;
  border-radius: 8px;
  padding-bottom: 13px;
  /*  height: 380px;
	background: url(/library/common/apphp/products/3dssoftdlcard/item_bg_half.gif) no-repeat 3px bottom;
*/
  }




#dssoftdlcard .DLCardWrap .item .date{
  margin: 7px 0 0;
  color:#2C4CDA;
  text-align:center;
  font-size:14px;
}
#dssoftdlcard .DLCardWrap .item .price{
  margin: 7px 0 0;
  color:#F00;
  text-align:center;
}

#dssoftdlcard .DLCardWrap .item .copyrights{
  margin-top:15px;
  font-size:90%;
  color:#999;
  text-align:center;
}
#dssoftdlcard .DLCardWrap .item .copyrightsLong{
  margin: 10px 5px 0;
  font-size: 85%;
  color:#999;
  line-height: 1.2;
}
#dssoftdlcard .DLCardWrap .item .caption{
  margin-top:5px;
  font-size:10px;
  color:#999;
  text-align:center;
}

#dssoftdlcard .DLCardWrap .item .price span{
  font-size:18px;
  font-weight:bold;
}
#dssoftdlcard .DLCardWrap .item .nanacoNote{
  margin:10px 10px 0;
}
#dssoftdlcard .DLCardWrap .item .nanacoNote .title{
  color:#C00;
}
#dssoftdlcard .DLCardWrap .item .nanacoNote .txt{
  font-size:10px;
}
#dssoftdlcard .DLCardWrap .item .nanacoNote ul{
  color:#999;
  font-size:10px;
}

#dssoftdlcard .iconNew{
  position:absolute;
  top: -2px;
  left: -2px;
  z-index:100;
}
#dssoftdlcard .iconNanaco,
#dssoftdlcard .icon7spot{
  position:absolute;
  top:8px;
  right:11px;
  z-index:110;
}

#dssoftdlcard .ttlNowOnSale{
  margin: 20px 0 10px;
}

#dssoftdlcard .bnr7spot{
  margin:20px 0;
  text-align:center;
}

/* フッター */
#dssoftdlcard #footer {
  clear:both;
  }

#dssoftdlcard #footer ul{
  margin:15px 15px;
  }

#dssoftdlcard #footer ul li{
  line-height:1.6;
  letter-spacing:110%;
  }

/*----------------
 style of content
 コンテンツ固有のスタイルはここに記述
--------------- */
/* copyright */
#dssoftdlcard .copyright
  {margin:20px 20px 0 20px; font-size:90%; color:#666;}

/* note */
#dssoftdlcard .note {background-color: #fdf9ee;border-top:2px solid #FFF;}
#dssoftdlcard .note ul
  {margin:0 20px; padding:15px 0 20px 0;}
#dssoftdlcard .note li
  {font-size:90%; color:#666; text-align:left; letter-spacing:0.1em; line-height:130%;}

.tit01{
  font-size: 22px;
  color: #FFF;
  font-weight: bold;
  padding: 2px 10px;
  background: #fc3f29;
  width: 730px;
}

.pbNested .item_box

.item_box{
  position:relative;
  float:left;
  padding:0 3px;
  width:359px;
  border-radius: 3px;
  border: 1px solid #bbbab6;
}

.item_box .tit02 p{
  width: 100%;
  text-align: center;
  background: #e70012;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
} 

.item_box .date{
	margin:10px 0 0;
	color:#2C4CDA;
	text-align:center;
	font-size:14px;
}
.item_box .price{
	margin:12px 0 0;
	color:#F00;
	text-align:center;
}

.item_box .copyrights{
	margin-top:15px;
	font-size:90%;
	color:#999;
	text-align:center;
}
.item_box .copyrightsLong{
	margin:15px 10px 0;
	font-size:90%;
	color:#999;
	text-align:left;
}
.item_box .caption{
	margin-top:5px;
	font-size:10px;
	color:#999;
	text-align:center;
}

.item_box .price span{
	font-size:18px;
	font-weight:bold;
}
.item_box .nanacoNote{
	margin:10px 10px 0;
}
.item_box .nanacoNote .title{
	color:#C00;
}
.item_box .nanacoNote .txt{
	font-size:10px;
}
.item_box .nanacoNote ul{
	color:#999;
	font-size:10px;
}

.dl_tit,
.dl_tit2 {
    margin: 0 2px;
    /*padding: 5px 10px;*/
	padding: 10px 5px;
    text-align: center;
    /*height: 50px;*/
	height: auto;
    /*line-height: 40px;*/
	line-height: 1.5;
    font-size: 16px;
    font-weight: bold;
    background: #e70012;
    color: #FFF;
    box-sizing: border-box;
}
.nw {
	display: inline-block;
}
.dl_tit2 {
    line-height: 1.3;
}
.mv{
	text-align:center;
}
.mv img {
    margin: 11px 0 2px;
    width: 100%;
    height: auto;
}

.pbHorizontalNested {
	width: 50%;
	overflow: hidden;
	clear: right\9;
}
#pbBlock1525207 {
	width: 50% !important;
}
@media screen and (max-width:768px){
  
  #dssoftdlcard .DLCardWrap{
    width: 100% !important;
  }
  
  #dssoftdlcard .DLCardWrap .item{
    height: auto !important;
    margin: 0 auto 10px ;
    padding: 0 0 10px 0 !important;
  }

  
  #dssoftdlcard {
    margin: 10px 0 0!important;
    width: 100% !important;
}
  
    #dssoftdlcard h1 img{
    width: 100% !important;
      height: auto !important;
}
  #dssoftdlcard .DLCardWrap .item{
    float: none !important;
    height: auto !important;
    width: 98% !important;
    margin: 0 auto 10px !important;
}
  
    #dssoftdlcard .DLCardWrap .item h2 img{
    width: auto !important;
      height: auto !important;
}
  

.dl_tit,.dl_tit2 {
    height: auto;
    line-height: 1.2;
}
  #dssoftdlcard .ttlNowOnSale img{
    width: 100%;
    height: auto;
  }
  
  #dssoftdlcard .ttlRecommend img{
    width: 100%;
    height: auto;
  }
  
/* 左カラムのアイテム */
  #pbBlock1227003,#pbBlock1227007,#pbBlock1227010,#pbBlock1335858,#pbBlock1467734,#pbBlock1473765,#pbBlock1525207 {float: none !important;
  width: 100% !important;
}

/* 右カラムのアイテム */
#pbBlock1227004,#pbBlock1227007,#pbBlock1227008,#pbBlock1227010,#pbBlock1227011,#pbBlock1335858,#pbBlock1335859,#pbBlock1473766{
  width: 100% !important;
  height: auto !important;
}
dl_tit,dl_tit2 {
    width: 100% !important;
}
	
.pbHorizontalNested {
	width: 100% !important;
	height: auto !important;
}
	
	
}
/* responsive対応 */