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

#mainContent .left_selling{
	width:582px;
	float:left;
	/*background: #FFF;*/
    margin: 2px -3px 5px;
    padding: 0;
    z-index: 200;
    /*border: 1px solid #CCC;
    border-radius: 5px;
	box-sizing:border-box;*/
}
h2.subtitle{
	font-size:14px;
	font-weight:bold;
	margin:0 auto;
	padding:3px;
	text-indent:10px
}

h2.subtitle .catchcpy{
	font-size:13px;
	font-weight:normal;
	display:block;
}
ul.popular_sell{
	margin:0 auto;
	padding: 3px 5px;
	overflow:hidden;
	font-size:0;
	box-sizing:border-box;
}
ul.popular_sell p{
	text-align: center;
}
ul.popular_sell li{
	display:inline-block;
	margin-right:1px;
	min-height:176px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	vertical-align: top;
}
ul.popular_sell li:nth-child(3n+1){margin-left:0px;}
ul.popular_sell li:nth-child(3n){margin-right:0;}

ul.popular_sell li:hover{
	opacity:0.75;
}

ul.popular_sell li a{
	display:block;
	width:185px;
	padding:3px;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
}
ul.popular_sell_tdr{
	margin:0 auto;
	padding: 3px 5px;
	overflow:hidden;
	font-size:0;
	box-sizing:border-box;
    text-align: center;
}
ul.popular_sell_tdr li{
	display:inline-block;
	margin-right:1px;
	min-height:192px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
ul.popular_sell_tdr li:nth-child(3n+1){margin-left:-3px;}
ul.popular_sell_tdr li:nth-child(3n){margin-right:0;}

ul.popular_sell_tdr li:hover{
	opacity:0.75;
}
ul.popular_sell_tdr li a{
	display:block;
	width:189px;
	padding:3px;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
}

ul.popular_sell_tdr li a{
	display:block;
	width:189px;
	padding:3px;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
}

dl.pop_inner{
	width:100%;
	margin:0;
	padding:0;
	position: relative;
}
dl.pop_inner dd.pop_img{
	width:180px;
	height:75px;
	border-radius:5px;
	overflow:hidden;
	margin:0 auto 3px;
	position:relative;
}

dl.pop_inner dd.pop_img img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 45%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

dl.pop_inner dd.pop_img .cpy{
	position:absolute;
	bottom:0;
	right:5px;
	font-size:8px;
	color:#FFF;
	text-shadow:1px 1px #000;
	z-index:100;
}

dl.pop_inner dt.pop_icon{
	/*margin-bottom:3px;*/
}

dl.pop_inner dd.pop_name{
	font-size:14px;
	font-weight:bold;
	line-height:1.2em
}

dl.pop_inner dd.pop_price{
	font-size:16px;
	font-weight:bold;
	color:#C00;
	line-height:1.4em;
	margin-top: 3px;
}
dl.pop_inner dd.pop_small{
	font-size:10px;
	text-align: center;
}
dl.pop_inner dt.pop_condition{
	font-size:11px;
	text-align:right;
}
dl.pop_inner dd.pop_point{
	font-size:11px;
	line-height:1.4em;
	margin-left: 1px;
	margin-top: 2px;
	/*font-weight:600;*/
	color: #0000cd;
}
dl.pop_inner dd.pop_badge{
	position: absolute;
	top: 52px;
	left:3px;
}
dl.pop_inner dd.icon_new{
	position: absolute;
	top: 2px;
	left: 2px;
}
#mainContent .right_theme{
	width:368px;
	float:right;
	background: #FFF;
    margin: 10px 5px 20px;
    padding: 0;
    z-index: 200;
    border: 1px solid #CCC;
    border-radius: 5px;
	box-sizing:border-box;
}
span.monthbox {
	display: inline-block;
	padding: 1px 3px;
	border-radius: 3px;
	margin-right: 3px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	/*background: #3399cc;*/
	background: #555;
	color: #FFF;
	text-align: center;
}
span.houmen {
	display: inline-block;
	padding: 1px 3px;
	/*margin-right: 3px;*/
	font-size: 11px;
	letter-spacing: 1px;
	/*background: #333;*/
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: right;
}
span.majika {
	display: inline-block;
	padding: 1px 3px;
	/*margin-right: 3px;*/
	font-size: 11px;
	letter-spacing: 1px;
	background: #ff0082;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	float: right;
}
li.main_thumbnail {
	display: block;
    position: relative;
    float: left;
    text-align: center;
    width: 18%;
}
.bus {
	background: #FF8000;
}
.htb {
	background: #FF2626;
}
.ok {
	background: #006DD9;
}
.or {
	background: #06B9AB;
}
.tyo {
	background: #910BE1;
}
.tdr {
	background: #D24DFF;
}
.ks {
	background: #FF007F;
}
.hd {
	background: #008C23;
}
.other {
	background: #B28500;
}

/*****************************************************
sp
*****************************************************/
.sp #mainContent{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

.sp #mainContent .left_selling{
	width:98%;
	float:none;
	background: #FFF;
    margin: 5px auto;
    padding: 1%;
    z-index: 200;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
	border:none;
    border-radius: 2px;
	box-sizing:border-box;
}

.sp h2.subtitle .catchcpy{
	display:none;
}

.sp ul.popular_sell_tdr li a{
	display:block;
	width:178px;
	padding:3px;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
}

.sp ul.popular_sell{
	margin:0 auto;
	padding:0;
	overflow:hidden;
	font-size:0;
	box-sizing:border-box;
}

.sp ul.popular_sell li{
	width:48%;
	min-height:175px;
	display:inline-block;
	margin-left:6px;
	margin-right:0.8%;
	margin-bottom:6px;
	vertical-align:top
    margin: 2px;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    text-decoration: none;
}
.sp ul.popular_sell p{
	text-align: center;
}

.sp ul.popular_sell li:nth-child(3n+1){margin-left:5px;}
.sp ul.popular_sell li:nth-child(3n){margin-right:3px;}


.sp ul.popular_sell li:nth-child(2n){
	margin-left:0.5%;
	margin-right:0;
}


.sp ul.popular_sell li a{
	display:block;
	width:100%;
	padding:5px;
	color:#333;
	text-decoration:none;
	box-sizing:border-box;
}

.sp dl.pop_inner{
	width:100%;
	margin:0;
	padding:0;
}
.sp dl.pop_inner dd.pop_img{
	width:100%;
	height:75px;
	border-radius:8px;
	overflow:hidden;
	margin:0 auto 3px;
	position:relative;
}

.sp dl.pop_inner dd.pop_img img {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 45%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.sp dl.pop_inner dt.pop_icon{
	margin-bottom:3px;
}

.sp dl.pop_inner dd.pop_name{
	font-size:3.4vw;
	font-weight:bold;
	line-height:5vw
	margin-left: 1px;
}

.sp dl.pop_inner dd.pop_price{
	font-size:4vw;
	font-weight:bold;
	color:#C00;
	line-height:5vw;
    text-align: center;
}
.sp dl.pop_inner dt.pop_condition{
	font-size:2.4vw;
	text-align:right;
}
.sp dl.pop_inner dd.pop_point{
	font-size:2.7vw;
	font-weight:normal;
}
.sp dl.pop_inner dd.pop_badge {
	width: 98%;
	position: absolute;
	top: 52px;
	left:2px;
}

.sp span.monthbox {
	padding: 2px 3px;
	margin-right: 3px;
}
.sp span.houmen {
	padding: 2px 3px;
}
.sp span.majika {
	padding: 2px 3px;
}

.sp #mainContent .right_theme{
	width:98%;
	float:none;
	background: #FFF;
    margin: 5px auto;
    padding: 1%;
    z-index: 200;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
	border:none;
    border-radius: 2px;
	box-sizing:border-box;
}

.sp ul.bnr_theme{
	padding:0;
	font-size:0;
	overflow:hidden;
}

.sp ul.bnr_theme li{
	display:inline-block;
	padding:0.5%;
	margin-bottom:10px;
	width:49%;
	min-height:auto;
	margin:0 auto;
	font-size: 3.2vw;
	line-height:1.4em;
	vertical-align:top;
}

.sp ul.bnr_theme li a{
	display:block;
	text-align:center;
}
.sp ul.bnr_theme li a:hover{
	opacity:0.75;
}

.sp ul.bnr_theme li img{
	width:94%;
	height:auto;
}

.sp ul.bnr_theme li .readcpy{
	display:block;
	color:#C00;
	min-height:60px;
	margin-top:3px;
}
.sp ul.bnr_theme li .readcpy small{
	font-size:100%;
    color: #666;
}