@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body#leave {line-height: 1.5;}

/*----------------------------------------------------
 layout
----------------------------------------------------*/

.content {width: 100%; margin: 0 auto; padding: 0; overflow: hidden;}

/*----------------------------------------------------
 main
----------------------------------------------------*/

#main {width: auto; margin: 10px 0 0; min-height: auto;}
body.store.ie #main h1 {font-size: 14px; font-weight: bold; padding: 5px 10px; margin: 0; text-indent: 0; border-bottom: 0; background: none; text-indent: 0;}

.mobileOnly {display: block;}
.pcOnly {display: none;}

/*----------------------------------------------------
 cmdty
----------------------------------------------------*/

#detail #relatedItems {display: block; margin-left: 10px; margin-right: 10px;}

#detail #relatedItems .itemList ul {margin: 0 -15px 0 0; letter-spacing: -.40em;}
#detail #relatedItems .itemList li {
display: inline-block;
width: 120px; margin: 0 5px; padding: 0; vertical-align: top; letter-spacing: normal; position: static; min-height: auto; border-bottom: 0;
background: none;}
#detail #relatedItems .itemList a {display: block; margin-bottom: 5px;}
#detail #relatedItems .itemList .name {margin-right: 0;}
#detail #relatedItems .itemList .thumb {position: static; display: block; text-align: center;}
#detail #relatedItems .itemList .thumb img {width: 90px; height: 90px;}
#detail #relatedItems .itemList .price {display: inline-block; line-height: 1.2;}
#detail #relatedItems .itemList .free {font-size: 12px; font-weight: bold;}
#detail #relatedItems .itemList br {display: none;}

/*body#item #recommend {display: none;}*/
body#item #recommend {display: block; margin-top: 25px;}
body#item #history {margin-top: 15px;}
/*#deliveryDate a {text-decoration: underline;}*/

/* complement */
body#item #complement {zoom:1;display:block;margin-bottom:15px;clear:both;padding:5px 0 0;}
body#item #complement:after {content:'';clear:both;display:block;}
body#item #complement h2 {padding: 0 10px 5px; border-bottom: 1px solid #e8e8e8;}
body#item #complement .itemList ul {letter-spacing: -.40em;}
body#item #complement .itemList li {display: inline-block; width: 120px; margin: 0 5px; vertical-align: top; letter-spacing: normal; padding: 0; background: none; border: 0;}
body#item #complement .itemList a {text-decoration: none;}
body#item #complement .itemList .thumb {float: none; margin-right: 5px; position: static; text-align: center; display: block;}
body#item #complement .itemList { width: 120px; margin-left:10px;}
body#item #complement .itemList .desc {display: block; padding-left: 0;}
body#item #complement .itemList .name {font-size: 12px; text-decoration: none;}
body#item #complement .itemList .price {margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
body#item #complement .thumb img {width: 90px; height: 90px;}
body#item #complement .btn {width: 20px; font-size: 10px; line-height: 60px;}
body#item #complement .disabled a {background:#ccc; cursor: default;}

/* ultimateBought */
body#item #ultimateBought {zoom:1;display:block;margin-bottom:15px;clear:both;padding:5px 0 0;}
body#item #ultimateBought:after {content:'';clear:both;display:block;}
body#item #ultimateBought h2 {padding: 0 10px 5px; border-bottom: 1px solid #e8e8e8;}
body#item #ultimateBought .itemList ul {letter-spacing: -.40em;}
body#item #ultimateBought .itemList li {display: inline-block; width: 120px; margin: 0 5px; vertical-align: top; letter-spacing: normal; padding: 0; background: none; border: 0;}
body#item #ultimateBought .itemList a {text-decoration: none;}
body#item #ultimateBought .itemList .thumb {float: none; margin-right: 5px; position: static; text-align: center; display: block;}
body#item #ultimateBought .itemList { width: 120px; margin-left:10px;}
body#item #ultimateBought .itemList .desc {display: block; padding-left: 0;}
body#item #ultimateBought .itemList .name {font-size: 12px; text-decoration: none;}
body#item #ultimateBought .itemList .price {margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
body#item #ultimateBought .thumb img {width: 90px; height: 90px;}
body#item #ultimateBought .btn {width: 20px; font-size: 10px; line-height: 60px;}
body#item #ultimateBought .disabled a {background:#ccc; cursor: default;}

/* recommend */
body#item #recommend {zoom:1;display:block;margin-bottom:15px;clear:both;padding:5px 0 0;border:none;}
body#item #recommend:after {content:'';clear:both;display:block;}
body#item #recommend h2 {padding: 0 10px 5px; border-bottom: 1px solid #e8e8e8;}
body#item #recommend .itemList ul {letter-spacing: -.40em;}
body#item #recommend .itemList li {display: inline-block; width: 120px; margin: 0 5px; vertical-align: top; letter-spacing: normal; padding: 0; background: none; border: 0;}
body#item #recommend .itemList a {text-decoration: none;}
body#item #recommend .itemList .thumb {float: none; margin-right: 5px; position: static; text-align: center; display: block;}
body#item #recommend .itemList { width: 120px; margin-left:10px;}
body#item #recommend .itemList .desc {display: block; padding-left: 0;}
body#item #recommend .itemList .name {font-size: 12px; text-decoration: none;}
body#item #recommend .itemList .price {margin-top: 5px; display: block; color: #000;position: relative; z-index: 2;}
body#item #recommend .thumb img {width: 90px; height: 90px;}
body#item #recommend .btn {width: 20px; font-size: 10px; line-height: 60px;}
body#item #recommend .disabled a {background:#ccc; cursor: default;}

/* flipsnap */
body#item .viewport {width: 320px; height: 320px; overflow: hidden; margin: 0 auto; position: relative;}
body#item .flipsnap {width: 5760px !important;}
body#item .flipsnap:after {content: ''; display: block; clear: both; height: 0;}

/* history */
body#item #history .thumb {display: block; text-align: center; padding: 3px;}
body#item #history .thumb img {width: 90px; height: 90px;}

body#item #history .itemList li { width: 120px;}
body#item #history .itemList .name {text-decoration:none;}

body#item #history .itemList .desc {padding-left: 0;}
body#item #history .itemList .price {margin-left: 0;}
body#item #history h2 {font-size:14px; font-weight:bold; border-bottom: 1px solid #e8e8e8;}

body#item #history .itemList > ul > li > a > .thumb {
  float: none;
  margin-right: 5px;
}
body#item #history .itemList > ul > li > a > .price {
	margin-left:0;
}

@media only screen and (max-width: 439px) {
  body#item #history .itemList {width: 96% !important;}
}

/*----------------------------------------------------
leave
----------------------------------------------------*/
body#leave #main {margin: 10px 10px 0;}

/*----------------------------------------------------
leaveConfirm
----------------------------------------------------*/
body#leaveConfirm #main {margin: 10px 10px 0;}

/*----------------------------------------------------
leaveComplete
----------------------------------------------------*/
body#leaveComplete #main {margin: 10px 10px 0;}