@charset "shift_jis";
/* CSS Document */


/* 色別POPUP 120411sm5 */
div.variItemList {
	margin:4px 0 0 -2px;
	white-space:nowrap;
	line-height:110%;
	clear:both;
}
#makerranking div.variItemList {
	margin:-1px 0 0 -2px;
	/margin:2px 0 0 -2px;
}
.ctsbox .write .variItemList {
	margin:0;
}
div.variItemList div,
div.variItemList span {
	white-space:normal;
}
div.variItemList a.variItemPop {
    background:none;
    display:inline;
    padding:0;
}
div.variItemList span.variItemSttl {
	float:left;
	padding:3px 0 0 2px;
	/padding:2px 0 0 0;
}
div.variItemList a.variItemPop {
	display:inline-block;
	padding:2px 80px 2px 2px;
	background:url(https://img1.kakaku.k-img.com/images/category/variation/colortip_all.png) no-repeat right 2px;
}
div.variItemList a.variItemPop:hover {
	background:#e6e6e6 url(https://img1.kakaku.k-img.com/images/category/variation/colortip_all.png) no-repeat right -74px;
}
div.variItemList img {
	margin-right:4px;
}
div.variItemList div.variItemBox img {
	margin-right:0px;
}
#main div.variItemBox,
#mainContents div.variItemBox,
#spec_result div.variItemBox{
	position:relative;
	text-align:left;
	z-index:5000;
}
#main div.variItemBox p,
#spec_result div.variItemBox p{
	margin-top:0;
}
div.variItemList .variItemBox a {
    background:none;
    display:block;
    padding:0;
}
.variBlnHide {
	display:none;
}
.variPopup {
	position:absolute;
	width:562px;
	z-index:10;
	display:block;
	top:0;
	left:0;
}
.smallBox .variPopup {
	width:250px;
}
.tbl-compare-cat .variPopup {
	top:20px;
	left:0px;
}
.variPopupTop, .variPopupMid, .variPopupBtm, .variPopupClose { /behavior: expression(IEPNGFIX.fix(this));}
.variPopupTop {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_01.png) no-repeat;
	width:562px;
	height:11px;
}
.smallBox .variPopupTop {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_01S.png) no-repeat;
	width:250px;
	height:11px;
}
.variPopupClose {
	display:block;
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_close_01.png) no-repeat;
	width:26px;
	height:26px;
	position:absolute;
	top:-4px;
	right:-3px;
	z-index:11;
	cursor:pointer;
}
.variPopupMid {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_02.png) repeat-y;
	width:562px;
}
.smallBox .variPopupMid {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_02S.png) repeat-y;
	width:250px;
}
.variPopupMain {
	width:538px;
	background:#FFF;
	margin:0 11px;
	padding:0 0 10px;
	border:1px solid #999999;
	text-align:center;
}
#all .smallBox .variPopupMain {
	width:226px;
	padding:0;
}
#all .variItemBox .variPopupMain table,
.imgPopup .variItemBox .variPopupMain table {
	border-collapse: collapse;
	border-spacing: 0;
	width:538px;
}
.imgPopup .variItemBox .variPopupMain table {
	width:482px;
}
#all .mRanking  .variItemBox .variPopupMain table {
	margin-bottom:0;
}
#all .smallBox .variItemBox .variPopupMain table {
	margin:5px 14px 15px;
	width:192px;
}
#all .variItemBox .variPopupMain tr.areaLink,
.imgPopup .variItemBox .variPopupMain tr.areaLink {
	cursor:pointer;
}
#all .variItemBox .variPopupMain tr.areaLink:hover th,
#all .variItemBox .variPopupMain tr.areaLink:hover td,
.imgPopup .variItemBox .variPopupMain tr.areaLink:hover th,
.imgPopup .variItemBox .variPopupMain tr.areaLink:hover td {
	background:#fefde8 url(https://img1.kakaku.k-img.com/images/category/search/dotline02.gif) repeat-x bottom left;
}
#all .variItemBox .variPopupMain tr.areaLink.varitblEnd:hover th,
#all .variItemBox .variPopupMain tr.areaLink.varitblEnd:hover td,
.imgPopup .variItemBox .variPopupMain tr.areaLink.varitblEnd:hover th,
.imgPopup .variItemBox .variPopupMain tr.areaLink.varitblEnd:hover td {
	background:#fefde8;
}
#all .variItemBox .variPopupMain tr.areaLink:hover td.variPopupItem p a,
.imgPopup .variItemBox .variPopupMain tr.areaLink:hover td.variPopupItem p a {
	color: #0099ff;
}
#all .variItemBox .variPopupMain table th,
.imgPopup .variItemBox .variPopupMain table th {
	background:none;
	text-align:left;
	padding:5px 0;
	border:none !important;
	vertical-align:middle;
	background:url(https://img1.kakaku.k-img.com/images/category/search/dotline02.gif) repeat-x bottom left;
}
#all .variItemBox .variPopupMain .imgLline3 table th,
#all .variItemBox .variPopupMain .imgLline5 table th {
	width:80px;
	padding:5px 5px 5px 15px;
}
#all .variItemBox .variPopupMain .imgSline3 table th,
#all .variItemBox .variPopupMain .imgSline5 table th,
#itemv .variItemBox .variPopupMain .imgSline3 table th,
#itemv .variItemBox .variPopupMain .imgSline5 table th,
#review .variItemBox .variPopupMain .imgSline3 table th,
#review .variItemBox .variPopupMain .imgSline5 table th,
#pickuplist .variItemBox .variPopupMain .imgSline3 table th,
#pickuplist .variItemBox .variPopupMain .imgSline5 table th,
#main #spec_result .variItemBox .variPopupMain .imgSline3 table th,
#main #spec_result .variItemBox .variPopupMain .imgSline5 table th,
.imgPopup .variItemBox .variPopupMain .imgSline3 table th,
.imgPopup .variItemBox .variPopupMain .imgSline5 table th {
	width:36px;
	padding:5px 5px 5px 15px;
}
#all .variItemBox .variPopupMain table td,
.imgPopup .variItemBox .variPopupMain table td {
	width:auto;
	padding:5px 0;
	vertical-align:middle;
	text-align:left;
	border-right:none;
	border-bottom:none !important;
	background:#fff url(https://img1.kakaku.k-img.com/images/category/search/dotline02.gif) repeat-x bottom left;
	line-height: 120%;
}

#all .variItemBox .variPopupMain tr.varitblEnd th,
#all .variItemBox .variPopupMain tr.varitblEnd td,
.imgPopup .variItemBox .variPopupMain tr.varitblEnd th,
.imgPopup .variItemBox .variPopupMain tr.varitblEnd td{
	background:#fff;
}

#all .variItemBox .variPopupMain table td.variPopupPrice,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice {
	width:90px;
	text-align:right;
	padding-right:15px;
}

#combinedsales .variItemBox .variPopupMain table td.variPopupPrice {
	text-align:left;
}
#all .variItemBox .variPopupMain table td.variPopupPrice span,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice span {
	display:block;
	font-size: 74%;
	margin-top:2px;
}
#all .variItemBox .variPopupMain table td.variPopupPrice a,
#all .variItemBox .variPopupMain table td.variPopupPrice p.hyphen,
#all .variItemBox .variPopupMain table td.variPopupPrice p.popPrice,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice a,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice p.hyphen,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice p.popPrice {
    color: #FF0000;
    font-family: Verdana;
    font-size: 104%;
    font-weight: bold;
	margin:0;
}
#all .variItemBox .variPopupMain table td.variPopupPrice a:link,
#all .variItemBox .variPopupMain table td.variPopupPrice a:visited,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice a:link,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice a:visited {
    color: #FF0000;
    text-decoration: none;
}
#all .variItemBox .variPopupMain table td.variPopupPrice a:hover,
.imgPopup .variItemBox .variPopupMain table td.variPopupPrice a:hover {
    text-decoration: underline;
}
#all .variPopupMain table td.variPopupTip,
.imgPopup .variPopupMain table td.variPopupTip,
#itemv .variPopupMain table td.variPopupTip,
#review .variPopupMain table td.variPopupTip,
#pickuplist .variPopupMain table td.variPopupTip{
	width:26px;
	text-align:right;
}
#all .variItemBox .variPopupMain table td.variPopupItem,
.imgPopup .variItemBox .variPopupMain table td.variPopupItem {
	text-align:left;
	padding-left:6px;
}
#all .variItemBox .variPopupMain td.variPopupItem p,
.imgPopup .variItemBox .variPopupMain td.variPopupItem p {
	margin:0;
	font-size: 100%;
	font-weight:bold;
	word-wrap:break-word;
	/word-wrap:normal;
	/word-break:break-all;
}
#all .variItemBox .variPopupMain .imgLline3 td.variPopupItem p,
#all .variItemBox .variPopupMain .imgLline5 td.variPopupItem p{
	width:275px;
}
.imgPopup .variItemBox .variPopupMain .imgSline3 td.variPopupItem p,
.imgPopup .variItemBox .variPopupMain .imgSline5 td.variPopupItem p{
	width:265px;
}
#all .variItemBox .variPopupMain .imgSline3 td.variPopupItem p,
#all .variItemBox .variPopupMain .imgSline5 td.variPopupItem p{
	width:320px;
}
#itemv .variItemBox .variPopupMain td.variPopupItem p,
#review .variItemBox .variPopupMain td.variPopupItem p,
#pickuplist .variItemBox .variPopupMain td.variPopupItem p{
	width:300px;
}
#all .variItemBox .variPopupMain .noPrice td.variPopupItem p { /* add sm1 121129 */
	width:370px;
}
#all .smallBox .variPopupMain table td.variPopupItem p {
	width:150px;
}
#all .favoriteV .variPopupMain table td.variPopupItem p {
	font-weight:normal;
}
#all .variPopupMain table td.variPopupItem p img {
	vertical-align:middle;
	margin-right:6px;
}
#all .variPopupMain table td.variPopupItem p span {
	display:inline;
}
#all .variPopupMain table td.variPopupItem p a {
	background:none;
}
.variPopupBtm {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_03.png) no-repeat;
	width:562px;
	height:16px;
}
.smallBox .variPopupBtm {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_03S.png) no-repeat;
	width:250px;
}
.variItemBox .variPopupMain p.variPopupTtl,
#makerranking .contBox .inner02 .rightBox .variItemBox .variPopupMain p.variPopupTtl {
	background:#fcfcfc url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_04.png) repeat-x left bottom;
	float:none;
	margin:0;
	padding:10px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.04em;
	line-height: 120%;
	color:#666;
	font-size:100%;
}
.variItemBox .variPopupMain p.variPopupTtl span {
	font-weight:normal;
}
.variItemBox .variPopupMain p.variPopupBtn,
#makerranking .variItemBox .variPopupMain p.variPopupBtn {
	font-size:100%;
	float:none;
	margin:0;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.variItemBox .variPopupMain .variPopupBtn a{
	display:inline-block;
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_close_02.png) no-repeat right -92px;
	height:32px;
	text-decoration:none;
	/display:inline;
	/zoom:1;
}
.variItemBox .variPopupMain .variPopupBtn a:hover {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_close_02.png) no-repeat right -274px;
}
.variItemBox .variPopupMain .variPopupBtn a:hover span{
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_close_02.png) no-repeat left -183px;
	height:22px;
	padding:10px 20px 0 40px;
	text-decoration:none;
}
.variItemBox .variPopupMain .variPopupBtn span {
	display:inline-block;
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_close_02.png) no-repeat;
	height:23px;
	padding:9px 20px 0 40px;
	font-size:110%;
	font-weight:bold;
	line-height: 110%;
	letter-spacing:0.05em;
	/cursor:pointer;
	/display:inline;
	/zoom:1;
}

/* テーブルのバリエーション */
.variItemBox .variPopupMain .variPopItemTbl {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 538px;
}
.variItemBox .variPopupMain .imgSline3 {
    max-height: 132px;
	height: auto !important;
	height: 132px;
}
:root *>.variItemBox .variPopupMain .imgSline3 {
    max-height: 129px;
	height: auto !important;
	height: 129px;
}
.variItemBox .variPopupMain .imgSline5 {
    max-height: 215px;
	height: auto !important;
	height: 215px;
}
#itemv .variItemBox .variPopupMain .imgSline3,
#review .variItemBox .variPopupMain .imgSline3,
#pkuplist .variItemBox .variPopupMain .imgSline3 {
    max-height: 111px;
	height: auto !important;
	height: 111px;
}
.variItemBox .variPopupMain .imgLline3 {
    max-height: 210px;
	height: auto !important;
	height: 210px;
}

#itemv .variItemBox .variPopupMain td.variPopupSelect,
#review .variItemBox .variPopupMain td.variPopupSelect,
#pkuplist .variItemBox .variPopupMain td.variPopupSelect,
/* sm3 20131021 */
#all .pkuplistPop2 .variItemBox .variPopupMain td.variPopupSelect,
#ovBtnBox .variItemBox .variPopupMain td.variPopupSelect,
#detailBox .variItemBox .variPopupMain td.variPopupSelect, /* モーダル修正 160330 sm29  */
#nebikiList .variItemBox .variPopupMain td.variPopupSelect,
#interior .itemsumCom .variPopupMain td.variPopupSelect {
	width:130px;
	text-align:left;
}
#review .variPopupMain a .pkupvariSelect,
.reviewPop .variPopupMain a .pkupvariSelect,
/* sm3 20131021 */
#ovBtnBox .variPopupMain a .pkupvariSelect,
#detailBox .variPopupMain a .pkupvariSelect,  /* モーダル修正 160330 sm29  */
#nebikiList .variPopupMain a .pkupvariSelect,
#interior .itemsumCom .itemsumReview .variPopupMain a .pkupvariSelect {
/*	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_review.png) top no-repeat;*/
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_review_2.png) top no-repeat;		/* sm6 20130131 */
}
#review .variPopupMain a:hover .pkupvariSelect,
.reviewPop .variPopupMain a:hover .pkupvariSelect,
/* sm3 20131021 */
#ovBtnBox .variPopupMain a:hover .pkupvariSelect,
#detailBox .variPopupMain a:hover .pkupvariSelect, /* モーダル修正 160330 sm29  */
#nebikiList .variPopupMain a:hover .pkupvariSelect { 
/*	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_review.png) bottom no-repeat;*/
	background-position:bottom;		/* sm6 20130131 */
}
#ovBtnBox .variPopupMain a .pkupvariSelect2 { /* sm3 20131021 */
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_bbs2.png) top no-repeat;
}
#ovBtnBox .variPopupMain a:hover .pkupvariSelect2 { /* sm3 20131021 */
	background-position:bottom;
}
/* sm6 20130213 add */
#review .variPopupMain a .pkupvariEdit,
.reviewPop .variPopupMain a .pkupvariEdit {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_btn_edit.png) top no-repeat;
}
#review .variPopupMain a:hover .pkupvariEdit,
.reviewPop .variPopupMain a:hover .pkupvariEdit{ background-position:bottom;}
#review .variPopupMain .pkupvariFinish,
.reviewPop .variPopupMain .pkupvariFinish {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_btn_finish.png) top no-repeat;
}
/* /sm6 20130213 add */
/* sm6 20130426 add */
#review .variPopupMain a .pkupvariRereview,
.reviewPop .variPopupMain a .pkupvariRereview {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_rereview.png) top no-repeat;
}
#review .variPopupMain a:hover .pkupvariRereview,
.reviewPop .variPopupMain a:hover .pkupvariRereview{ background-position:bottom;}
/* /sm6 20130426 add */
#pkuplist .variPopupMain a .pkupvariSelect,
.pkuplistPop .variPopupMain a .pkupvariSelect,
#pkuplistPop3 .variPopupMain a .pkupvariSelect { /* お気に入り強化 171024 sm29 */
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_pkuplist.png) top no-repeat;
}
.pkuplistPop2 .variPopupMain a .pkupvariSelect{
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_pkuplist2.png) top no-repeat;
}
#pkuplist .variPopupMain a:hover .pkupvariSelect,
.pkuplistPop .variPopupMain a:hover .pkupvariSelect{
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_pkuplist.png) bottom no-repeat;
}
.pkuplistPop2 .variPopupMain a:hover .pkupvariSelect{
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variSelect_pkuplist2.png) bottom no-repeat;
}
#review .variPopupMain col.btn,
.reviewPop .variPopupMain col.btn,
#pkuplist .variPopupMain col.btn,
.pkuplistPop .variPopupMain col.btn {
	width:85px;
}
.pkuplistPop2 .variPopupMain col.btn {
	width:130px;
}
#history .chbox .variPopupMain col.name {
    width: 300px;
}

#contentsSummary .listArrowBox ul li .variPopupBtn a {
	padding-left:0;
}
.ttgt .CombvariPopupTtl {
    background: url(https://img1.kakaku.k-img.com/images/itemview/item/itemv_combi_balloon_04.png) repeat-x scroll left bottom #FCFCFC;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 120%;
    margin: 0;
    padding: 8px 10px;
    text-align: left;
}
.ttgt a:link .favBtn, .ttgt a:visited .favBtn {
    background: url(https://img1.kakaku.k-img.com/images/category/compare_favorite.png) no-repeat scroll left top transparent;
}
.ttgt a:hover .favBtn {
    background: url(https://img1.kakaku.k-img.com/images/category/compare_favorite.png) no-repeat scroll left bottom transparent;
}
.ttgt div.variItemList {
	margin:0;
}
.ttgt div.variItemList img {
	margin-right:0;
}
/* facetsearch sm1 120823 */
.logtime {
	font-size:85%;
	margin-bottom:5px;
	padding-left:5px;
	text-align:left;
}
/* specsearch sm1 130110 */
div.variItemList .variItemBox a.totalNum {
	display:inline;
}

/* kuruma */
#kuruma .variItemBox .variPopupMain col.name {
    width:400px;
}
/* 20131029 sm3 add */
#kuruma .pkuplistPop2 .variItemBox .variPopupMain col.name {
	width:360px;
}

/* interior */
#interior #main .itemsumCom div.variItemBox p {
	font-size:120%;
}

/* item imglist sm26 add */
#itemList .itemCatBox .itemCat .itemCatName.colorTipBtn .variItemList{
    display: table-cell;
    /display: inline-block;
    width: 82px;
    text-align: right;
    vertical-align: middle;
    padding: 0 0 3px 0;
	}
#itemList .itemCatBox .itemCat .itemCatName.colorTipBtn .variItemPop{
	padding: 2px 80px 2px 1px;
	height: 16px;
}
#itemList .itemCatBox .itemCat .itemCatName.colorTipBtn .variItemPop:hover {
    background: #e6e6e6 url(https://img1.kakaku.k-img.com/images/category/variation/colortip_all.png) no-repeat right -74px;
}
/* item imglist sm26 add end */

/* modal ボタン横へ表示 170808 sm26 */
.descriptPopBtn:hover {
	cursor: pointer;
}
.descriptPopBtn {
	margin-bottom: -.2em;
}
.variPopupMain.noBtmBtn {
	padding-bottom: 0;
}
.path.modalGuide { /* パンくず内 説明ポップアップ実装 */
  position: relative;
	max-height: 100%; /* for android chrome */
}
.cateDescript {
	display: inline-block;
}
.cateDescript.is-posChange { /* パンくずが短い場合 ボタン脇に表示 */
	position: relative;
}
.cateDescript .variItemBox {
	display: none;
}
.cateDescript .variItemBox.is-open {
	display: block;
}
.cateDescript .variPopup {
	position: absolute;
	left: 50%;
	bottom: 50%; /* タブレット端末対応 topだと広告へ被るため */
	margin: -5.4em -93px 0;
}
.cateDescript.is-posChange .variPopup {
	margin-left: 20px;
}
.cateDescript .variPopupMain {
	min-height: 4.5em;
}
.cateDescript .variGuide {
	font-size: 11px;
	line-height: 1.3;
	color: #666;
}
/* サムネイルあり 180111 sm26 */
.is-posCeneter .largeBox .variPopup {
	left: 0;
	right: 0;
	margin: -5.4em auto 0;
}
.cateDescript .largeBox .variPopupMain {
	min-height: inherit;
	padding: 8px 0;
}
.variPopupMain .withThum {
	box-sizing: border-box;
	display: table;
	width: 100%;
}
.withThum .variGuideVis {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	padding: 0 10px;
}
.withThum .variGuide {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
.withThum .variGuideImg {
	max-width: 60px;
	max-height: 45px;
	width: auto;
	height: auto;
}

/* modal ボタン横へ表示 170808 sm26 end */