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

/*　main部分　
#ProductsBox{
	width:680px;
	float:right;
	margin-top:15px;
	margin-bottom:30px;
}*/


.ProductsBox_inner{
	background:url(https://img02.shop-pro.jp/PA01126/745/etc/ProductsBox_inner_bg.gif) repeat-y right top;
	width:100%;
}


/*メイン商品写真*/
.ProductsPhotos{
	width:422px;
	float:left;
}
.ProductsPhotos .mainphoto img{
	border:1px solid #666;
	width:420px;
}
.ProductsPhotos ul{
	list-style:none;
	margin:0;
	padding:0;
}
.ProductsPhotos li{
	float:left;
	margin:0;
	padding:0;
}
.ProductsPhotos li a{
	margin:5px 3px 0 0;
}
.ProductsPhotos li img{
	border:1px solid #666;
	width:60px;
	
}

.ProductsPhotos .mainphoto{
margin:0 0 5px 0;
	/*text-align:center;*/
}


/*cartBox カート部分*/
.cartBox{
	display:block;
	width:240px;
	float:right;
}

.cartBox h2{
	margin:0 0 5px 0;
	padding:10px 10px 5px 10px;
	border-bottom:3px solid #929394;
	border-left:none;
	line-height:115%;
}

.cartBox table{
	margin:0;
	width:198px;
	
	}
.cartBox th,
.cartBox td{
	border-bottom:1px solid #929394;
	padding:2px 0;
}
.cartBox th{
	font-weight:normal;
	padding:1px 10px 1px 0px;
	text-align:right;

}
.cartBox td{

}
.cartBox table td table{
	margin:0;
	width:auto !important;
}
.cartBox table td th,
.cartBox table td td{
	border:none;
	padding:0 0;
}
.cartBox .option{
	text-align:left;
}
.cartBox .option select{
	display:block;
}
	
	
/*オプションへのリンク*/
.option{
	font-size:12px;
	line-height:100%;
	text-align:center;
	padding:1px;
	margin:2px 0;
	/*border:1px solid #929394;	*/
}
.cartBox table + .option{
}

.cartBox ul{
	list-style:none;
	margin:10px;
}
.cartBox li{
	margin:0 0 5px 0;
	padding:0;
}

.cartBox li p:first-child{
  padding: 1px 3px;
  background: #CCC;
  margin: 0 0 5px 0;
}
.cartBox li p:nth-child(2){
   margin: 0 0 10px 0;
}

.cartbutton{
	border:1px solid #929394;
	margin:10px;
	padding:10px;
}
.buycode{
	border-bottom: 1px solid #929394;
	
}
.buycode input.password_field{
	width: 100%;
	margin: 5px 0;
}

/*カートに入れる*/
input.addcart{
	width:200px;
	height:32px;
    background:url(https://img02.shop-pro.jp/PA01126/745/etc/Shop_cart_button.png) no-repeat;
    border:none;
    cursor:pointer;
    overflow:hidden;
    padding-top:32px;
	margin:10px 0 0 0;
    }



/*特定商取引法に基づく表記 (返品など)*/
.low{
	font-size:10px;
	text-align:center;
	margin:0;
	padding:5px 0 0 0;
	line-height:100%;
}



/*詳細ページへのリンク p*/
.ProductsText p.cyberProductsLink{
	display:block;
	margin:0;
	padding:0;
	position:absolute; 
	right:0;
	/*top:-205px; キャンペーンバナーありの時 h80px+下空き5px */
	top:-120px;　/*標準時*/　
	width:108px;
	height:100px;
}

.ProductsText p.cyberProductsLink a{
	display:block;
	padding:0;
	width:108px;
	height:100px;
	background-image:url(https://img02.shop-pro.jp/PA01126/745/etc/gotoProductsPage.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.ProductsText p.cyberProductsLink a:link,
.ProductsText p.cyberProductsLink a:visited{
	background-position:right top;
	}
	
.ProductsText p.cyberProductsLink a:active,
.ProductsText p.cyberProductsLink a:hover{
	background-position:right bottom;
}


/*キャンペーンバナー　全商品用 ProductsTextの上*/
.camp_banner{
	margin:20px 0 0 0;
}
.camp_banner + .ProductsText{
	margin:5px 0 0 0;
}

/*ProductsText 内*/
.ProductsText .camp_banner{
	margin-bottom:15px;
}


/*ProductsText 商品説明*/
.ProductsText{
	clear:both;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	position:relative;
}
/*.outlet{
	background:url(https://www.cybergadget.co.jp/assets/templates/campaign/outlet/bg2.png);
	padding:10px;
}*/

.ProductsText h3{
	background:#DDD;
	margin:0 0 15px 0;
	padding:3px 10px;
	color:#000;

}

.ProductsText h3.yoyaku{
background:#FFF;
border:1px solid #F00;
color:#F00;
text-align:center;
}
.ProductsText h3.gentei{
background:#F00;
border:1px solid #F00;
color:#FFF;
text-align:center;
font-size:110%;
}
.ProductsText h4{
  margin: 5px 0 1em 0;
}
.ProductsText p{
  margin: 5px 0 1.5em 0;
}
.ProductsText ul{
   margin: 0.5em 0 1.5em 0;
}
.ProductsText .image_fix,
.ProductsText .image_frame{
  text-align: center;
}
.ProductsText .image_frame img{
  vertical-align: bottom;
  border: 1px solid #CCC;
  max-width:100%;
  width:auto;
  height:auto;
}

/*製品スペックエリア*/
.ProductsText .ProductsSpec{
	background:#F4F1EC;
	margin:10px 0 0 0;
	padding:15px 15px 5px 15px;
	border-radius:8px;
}

.ProductsSpec dl{
	margin:0 0 1.5em 0;
	padding:0;
}
.ProductsSpec dt{
	background:#DDD;
	margin:0 0 3px 0;
	padding:0px 5px;
	text-align:center;
}
.ProductsSpec dd{
	margin:5px 0 1em 0;
	padding:0 0;
}
.ProductsSpec dd ul{
	list-style:square;
	margin:0 0 0 1.5em;
	padding:0;
}
.ProductsSpec dd ul.ProductsDateList{
	list-style:circle;
}
.ProductsSpec dd ul.note{
	list-style:none;
	margin:5px 0 1.5em 0;
	padding:10px 10px 5px 10px;
}
.ProductsSpec dd li{
	padding:0;
	margin:0 0 0.2em 0;
}
.ProductsSpec dd ul.note li{
	padding:0 0 0 1em;
}
.ProductsSpec dd ul ul{
	list-style:circle;
}
.ProductsSpec h4{
	margin:10px 10px 5px 5px;
	padding:0 10px 0 5px;
	background:transparent;
	border-left:8px solid #AAA;
}
.ProductsSpec p{
	margin:5px 0 1.5em 0;
}
.ProductsSpec ul.note{
	margin:5px 0 1.5em 0;
}

.ProductsSpec b,
.ProductsSpec i,
.ProductsSpec em,
.ProductsSpec strong{
	color:#F00;
	text-decoration:none;
	font-style:normal;
	font-size:100%;
}

.ProductsSpec + h3{
	margin-top:40px;
}

/*ツイッターとかソーシャル関係*/
.socialinfo{
	list-style:url(https://www.cybergadget.co.jp/assets/templates/cyber/list_yazirusi.gif);
	margin:1.5em 0;
	border-top:1px  solid #DDD;
	padding:10px 0.5em 0 0.5em;
}

.socialinfo li{
	margin:0 0 0.1em 2em;
	ine-height:110%;
}

/*ツイッターほか*/        
.socialinfo li.icon{
	list-style:none;
}


/*この商品を買った人はこんな商品も買ってます*/
.together_product{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
.together_product li{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
 
.together_product li a{
	display:block;
	margin:0 10px 10px 0;
}

.together_product li a img{
	width:100px;
}

.together_product li a:link img,
.together_product li a:visited img{
		border:2px solid #DDD;
}

.together_product li a:active  img,
.together_product li a:hover img{
	border:2px solid #BACAE2;
}

.together_product li a img{
	display:block;
}


/*トラックバック*/
.trackback{
	border:1px solid #DDD;
	padding:10px 0;
	margin:20px 0;
}
.trackback p{
	line-height:110%;
	margin:5px 1.5em 5px 1.5em;
}
.trackback ul{
}
.trackback li{
}

/*--------------*/
/*製品ページの場合の内臓コードリスト*/
.ProductsText .cflist{
	margin:0 1.5em 1.5em 1.5em;
	padding:5px 0 0 0;
	border:2px solid #DDD;
	border-radius:5px;
}
.cflist dl{
	margin:10px 1.5em 1.5em 1.5em;
}
.cflist dt{
	margin:0 0 0.2em 0;
	padding:0 0 0 1em;
	text-indent:-1em;
	color:#005CA5;
}
.cflist span{
	color:#666;
}
.cflist dl span {
    color: #C33;
}
.cflist dd{
	margin:0 0 0.5em 0;
	padding:0 0 0 1em;
}

.cflist li dl{
	margin:5px 0 1.5em 0;
}
.cflist li dt{
	margin:0 0 0.2em 0;
	padding:0 0 0 0;
	text-indent:0;
	color:#666;
	border-bottom:1px solid #DDD;
}

.cflist li dd{
	margin:0 0 0.5em 0;
	padding:0 0 0 0;
}
.cflist li dd b{
	color:#005CA5;
}
	

/*--------------*/
/*バナー表示*/
#ProductsBox .banner{
	text-align:center;
margin-bottom:1em;
}
#ProductsBox .banner img{
}
/*-------------------*/
#ProductsBox .strongstrong {
	margin-left:0;
	margin-right:0px;
	margin-bottom:1em;
}
#ProductsBox .strongstrong h3{
	background:#F00;
	color:#FFF;
	border-bottom:0;
	margin-bottom: 10px;
}
#ProductsBox .strongstrong p.zisage{
	text-indent: -1em;
	padding-left: 1em;
}
#ProductsBox .ProductsSpec + .strongstrong{
	margin-top:1em;
}
.ProductsText .strongstrong p{
	margin-bottom:5px;
}


/*キャンペーンの詳細など*/
.camptext{
}
.camptext div{
	width:110px;
	float:left;
}
.camptext div img{
	margin-bottom:5px;
}
.camptext h3{
	background:#066;
	color:#FFF;
	margin-bottom:5px;
}
.camptext ul{
	clear:both;
}

/*製品比較などのテーブル*/
.ProductsTable{
	margin:10px 1.5em;
	border-collapse:collapse;
	border:none;
}

.ProductsTable caption{
	text-align:left;
	font-weight:bold;
	padding:0 0 5px 0;
	background:none;
	color:#000;
}

.ProductsTable td,
.ProductsTable th{
	margin:0;
	padding:5px;
	border:solid 1px #CCC;
}

.ProductsTable td{
}
.tdcenter td{
	text-align:center;
}
.ProductsTable thead th{
	background:#DDD;
	font-weight:normal;
	text-align:center;
}
.ProductsTable tbody th{
	font-weight:normal;
	text-align:center;
	background:#666;
	color:#FFF;
}

.ProductsTable tbody tr:nth-child(even){
	background:#F4FAFF;
}
.ProductsTable tbody tr:nth-child(odd){
}

.ProductsTable tbody tr:nth-child(even) th{
	background:#333;
}
.ProductsTable tbody tr:nth-child(odd) th{
}
.ProductsTable tbody tr:nth-child(even) th.tbody_header,
.ProductsTable tbody tr:nth-child(odd) th.tbody_header{
	background:#DDD;
	color:#000;
}
.ProductsTable td p{
	margin:0;
	padding:0;
	display:block;
	
}
/*.ProductsTable td p:first-letter,*/
.ProductsTable td p span {
	font-size:36px;
	float:left;
	display:block;
	padding:0 5px 5px 0;
	line-height:36px;
}
.ProductsTable td span {
	font-size:36px;
}
.ProductsTable tfoot td{
	background:#999;
	text-align:left;
	padding:3px;
	color:#FFF;
	font-size:80%;
}


/*関連商品の表示 ul li a img*/
p + .thumblist{
	margin:-0.5em 0 1.5em  1.5em;
}
.thumblist{
	list-style:none;
	margin:0 0 1.5em  1.5em;
}
.thumblist li{
	display:inline;
	margin:0 4px 4px 0;
	padding:0;
}
.thumblist li img{
	width:100px;
	vertical-align:bottom;
}

.thumblist a{
	margin:0;
	padding:0;
}
.thumblist a:link img,
.thumblist a:visited img{
	border:1px solid #DDD;
}
.thumblist a:active img,
.thumblist a:hover img{
	border:1px solid #CC0066;
}


.thumblist + h3,
.thumblist + h4,
.thumblist + p{
	margin-top:1.5em;
}
.thumblist + .note{
	margin-top:-0.8em;
}
/*レトロフリークの特典告知*/
.tokuten{
	border:1px solid #F00;
	margin:15px 0;
	padding:10px;
}
div.flex{
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tokuten h4,
.tokuten p{
	margin-left:0;
	margin-right:0;
	padding:0;
}
.tokuten p:last-child{
  margin-bottom:0;
}
.tokuten h4{
	font-weight:bold;
}
.tokuten strong{
	color:#F00;
}
/*スペックの.noto li h 入る場合*/
.ProductsSpec ul.note_h{
}
.ProductsSpec ul.note_h h5{
	margin:0 0 5px 0;
}
.ProductsSpec ul.note_h li{
	padding:0;
	text-indent:0;
}
.ProductsSpec dd ul.notes {
  list-style: none;
  margin: 5px 0 1em 0;
}
.ProductsSpecdd ul.notes li {
  padding: 0 0 0 1em;
  text-indent: -1em;
}
/*PS4SE ライセンス　青かこみ*/
#ProductsBox .strongs{
	border:1px solid #174E9D;
	padding:15px;
  margin-bottom:1.5em;
}
#ProductsBox .strongs h3{
	background:#174E9D;
	color:#FFF;
	margin:-15px -15px 15px -15px; 
}
#ProductsBox .strongs p{
  margin: 5px 0 1.5em 0;
}

.movie {
    text-align: center;
    padding: 0;
    margin: 0 0 1em 0;
    border: 1px solid #CCC;
    }

/*SIAAマーク*/
.siaa_mark{
	border:1px solid #DDD;
	margin:0 0 2em 0;
	padding:10px;
}
.siaa_mark p{
	margin:0 0 10px 0;
}
.siaa_mark p:first-child{
	display:block;
	padding:0 10px 5px 0;
	margin:0;
	float:left;
}
.siaa_mark .note{
	clear:both;
	font-size:90%;
	background:#EEE;
	border:none;
	margin:0;
}
.siaa_mark .note li{
	line-height:110%;
}
.outside_link {
  list-style: none;
  margin: 0 0 2em 0; }
  .outside_link li {
    margin: 10px 0;
    padding: 10px 10px;
    background: #174E9D;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: bold;
    color: #FFF; }
    .outside_link li span {
      font-size: 0.9rem;
      font-weight: normal; }
.dora li{
		background: #00A6E9;	
  padding: 5px 10px;
	}
.fifae li{
		background: #2317C4;
}
  .outside_link li:hover {
    opacity: .7; }
  .outside_link a {
    color: #FFF; }
/*三角擬似要素*/
.arrow_s {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #FFF;
  text-decoration: none; }

.arrow_s:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #FFF;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px; }
div.note {
  border: 1px solid #CCC;
  margin-bottom: 2em;
   margin-left: 1.5em;
  margin-right: 1.5em;
  padding: 10px 10px 0 10px;
}
div.note p,
div.note h4{
  margin-left: 0;
  margin-right: 0;
}

.photoandtext {
  display: flex;
}
.photoandtext div {
  padding-left: 15px;
}