@media screen and (max-width: 670px){
.pc{display:none;}
.sp{display:block;}
ul#tiepin li:first-child {
    padding: 0;
}

ul#watch li:first-child {
    padding: 0;
}

ul#rucksuck li:first-child {
    padding: 0;
}		
#pc_header, #pc_footer {
	display: none;
}
#sp_header, #sp_footer {
	display: block;
}
#header_frame_sp {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
}
#footer_frame_sp {
	width: 100%;
	min-width: 320px;
	/* margin: -100px auto 0 auto; */
}
#ranking {
	margin: 0 0 50px 0;
}
.brand {
	width:90%;
	margin: auto;
}
.brand01 {
    padding-right: 16px;
    border-right: 1px solid #dcdddd;
    float:left;
    width: 100%;
}
.brand01 a {
	width: 200px;
	height:24px;
	display:block;
	background: url(../img/more_brand_02.png) no-repeat;
	margin: 0 auto;
}
.brand01 a {
}

.brand02 {
	float:left;
	border-right: 1px solid #dcdddd;
	padding: 0 0px;
	width: 100%;
}
.brand02 a {
	width: 130px;
	height: 15px;
	display:block;
	background: url(../img/more_brand_02.png) no-repeat;
	background-size: 100% auto;
	margin: 0 auto;
}
.brand02 a:hover {
	background-position:bottom;
}
.brand02 li:first-child {
	border-bottom: none;
	padding-bottom: 9px;
}
.budget ul li {
  /* float: left; */
  /* padding-right: 10px; */
  display: inline-block;
  width:30%;
}
#main_contents ul{
	width: 310px;
	margin: 0 auto 76px;
	text-align: justify;
	display: inline-block;
	letter-spacing: -0.4em;
}
#main_contents ul li{
	display:inline-block;
	width: 100px;
	height:100px;
	margin: 0;
	letter-spacing: 0.4em;
}
/*#main_contents ul li a{
	display:block;
	height:100px;
	width:100px;
}*/
#main_contents .mainimg01 {
	background-size:100px;
}
#main_contents .mainimg02 {
	background-size:100px;
}
#main_contents .mainimg03 {
	background-size:100px;
}
#ranking h3 span {
	display:block;
}
div#ranking1_left {
  width: 50%;
  float: left;
  /* position: relative; */
  overflow: hidden;
}
div#ranking1_right {
  width: 50%;
  float: left;
  /* position: relative; */
}
div#ranking1 {
	width: 92%;
	position:relative;
	margin: 0 auto;
}div#ranking1 h3, div.ranking_2 h3, div.ranking_3 h3,div.ranking_4 h3,div.ranking_5 h3{
	width: 100%;
	float: left;
	margin: 0;
}
div#ranking1 p {
	width: 98%;
	margin: 0 auto 20px;
	float:left;
	font-size: 0.875em;
}
div#ranking1 a,div.ranking_2 a {
  width: 190px;
  height: 25px;
  background: url(../img/more_rank.png);
  margin: 0 auto 20px;
  display: block;
  float: left;
}
.imgrank01 {
	width: 98%;
}
img.imgrank02 {
	float: right;
	width: 50%;
}
img.imgrank03 {
	float: right;
	width: 50%;
}
.imgrank04{
	width: 50%;
	float: right;
}
.imgrank05{
	width: 50%;
	float: right;
}
#ranking1 h3 span {
	position: absolute;
	left: 53px;
	top: 27px;
	white-space: nowrap;
}
.ranking_2 {
    width: 92%;
    padding: 4% 0;
    float:none;
    margin: 0 auto;
    border-right: none;
    overflow: hidden;
    height: auto;
    border-bottom: #000 solid 1px;
}
.ranking_2 p{
	/* min-height:120px; */
	font-size: 0.875em;
	width: 50%;
	float: left;
}

.ranking_3 {
    width: 92%;
    padding: 4% 0;
    min-height: 300px;
    margin: 0 auto;
    float: none;
    border-bottom: solid #000 1px;
    overflow: hidden;
}
.ranking_3 p, .ranking_4 p, .ranking_5 p {
	/* min-height:120px; */
	font-size: 0.875em;
	float: left;
	width: 50%;
}
.ranking_3 a,.ranking_4 a,.ranking_5 a {
	width:190px;
	height:25px;
	
	background: url(../img/more_rank.png);
	float: left;
	margin: 1em auto 1em;
	display: block;
}
.ranking_4,.ranking_5 {
    width: 92%;
    padding: 4% 0;
    margin: 0 auto;
    float: none;
    min-height: 180px;
    border-right: none;
    border-bottom: solid #000 1px;
    overflow: hidden;
}
.ranking_4 h3 span,.ranking_5 h3 span{
	display:block;
	font-size: 21px;
}
.ranking_4 a:hover{
background-position:bottom;
}
.ranking_4 .ranking_left {
	float:left;
	width: 46.31%;	
	font-size: 0.875em;
}
.ranking_4 .ranking_right {
	float:right;
	width: 46.31%;
}
.bagnavi {
  margin: 0 auto 50px;
  width: 100%;
}
#bag p, #wallet p, #fashion p {
	width: 96%;
	margin: 0 2% 20px 2%;
	font-size: 0.875em;
	text-align: left;
}
#bag p br, #wallet p br, #fashion p br {
	display: none;
}
#bag ul li , #wallet ul li, #fashion ul li{
    width: 49%;
    margin:0;
    padding: 10px 0 15px 0;
    display: inline-block;
    vertical-align: top;
}
#bag ul li:nth-child(even), #wallet ul li:nth-child(even), #fashion ul li:nth-child(even) {
	padding: 15px 0;
}
#bag ul li.baggoods, #wallet ul li.walletgoods, #fashion ul li.fashiongoods,walletgoods {
	width:33.33%!important;
	padding: 0;
}
#bag ul li.hvr-pop, #wallet ul li.hvr-pop, #wallet ul li.hvr-pop, #fashion ul li.hvr-pop {
	padding: 0;
}
.item ul li {
	width: 49%!important;
}
ul#handbag, ul#longwallet, ul#shortwallet, ul#tie,ul#cardcase,ul#key,ul#tops,ul#shoulderbag,ul#totebag{
	width:90%;
	margin:0 auto;
}
ul#handbag li:first-child, ul#longwallet li:first-child,ul#totebag li:first-child, ul#umbrella li:first-child, ul#pouch li:first-child, ul#key li:first-child, ul#other li:first-child, ul#tie li:first-child, ul#tops li:first-child{
	padding: 0;
	margin: 0;
	min-height: 90px;
}
ul#shoulderbag li:first-child,#shortwallet li:first-child,#cardcase li:first-child{
	float: right;
	padding: 0;
	margin: 0;
}
.bagnavi, .fashionnavi, .walletnavi {
	width: 90%;
	padding: 0 5%;
    margin: 0 0 50px 0;
}
ul.item_contents li, ul.item_contents_right li{
    min-height: 345px;
	
}
ul.item_contents_second {
	width: 90%;
	margin:0 auto;
	float: none;
	padding-left: 2%;
}
ul.item_contents_second li {
	min-height: 257px;
	width: 33.33%;
	float: left;
}
.item_detail {
	width: 100%;
	overflow: hidden;
	float:left;
}
.item_detail img{
	display:none;
}
.budget {
	width:90%;

}
.budget ul li{
	width:90%!important;
	display:block!important;
	margin:0 auto 10px!important;
	float: none!important;
}
.walletgoods {
	/* width:90%!important; */
	/* margin:0 auto 10px!important; */
	/* display:block; */
	/* float: none; */
}
#main_contents h1 {
  margin-bottom: 30px;
  margin: 0 0 30px;
}
.mainhead {
	position:relative;
	top:0;
	left: 0;
	font-size:16px;
	display:block;
	margin:20px 0 0 0;
	color: #000;
}
#main_contents_word {
  width:90%;
  margin:0 auto 10px;
  text-align: left;
}
#main_contents_word p {
	font-size: 0.875em;
	display: inline;
}
#gift {
	width: 80px;
	height: auto;
	bottom: 100px;
}
#page-top a {
	width: 70px;
	height: auto;
}
#page-top a img {
	width: 100%;
	height: auto;
}
#container {
	max-width: 950px;
	margin: 0 auto 0;
	background: #fff;
}
}

@media screen and (min-width: 415px) and (max-width: 670px) {
	#header_frame_sp {
		height: 450px;
	}
	#footer_frame_sp {
		height: 600px;
	}
}		

@media only screen and (orientation : landscape) {
	#header_frame_sp {
		height: 450px;
	}
	#footer_frame_sp {
		height: 600px;
		background: #FFF;
	}
}

@media screen and (max-width: 500px){
ul.item_contents li, ul.item_contents_right li{
    min-height: 260px;
    float: none;
}
}