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

content="width=device-width /*端末画面の幅に合わせる*/
initial-scale /*初期のズーム倍率*/
minimum-scale /*最小倍率*/
maximum-scale /*最大倍率*/
user-scalable /*ズームの操作 yes 許可する （初期値）/ no 許可しない*/

/* pc */
@media screen and (min-width: 961px) {
/*ここにpc用スタイルを記述*/
}
.box.left a img {
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
}



/*ここからnewitemに関するcss*/

.contents_hed  {
	width: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-align: center;
	padding-top: 25px;

}



.new_item .block {
	display: flex;
	justify-content: space-between;
	width: 98%;
	margin-right: 6px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.new_item .block .n_items {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-right: 3px;
	padding-left: 3px;
}




.block .n_items .price {
	display: flex;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 3px;
	color: #333333;
	
}

.block .n_item .price {
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
    width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	color: #333333;
}




.n_items .price .itemPrice {
	font-size: 7px;
	text-align: center;
	letter-spacing: 0.03em;
	margin-top: 2px;
	margin-bottom: 5px;
	font-style: italic;
}
.n_item .price .itemPrice {
	font-size: 16px;
}




 .price .itemPrice .tax {
	font-size: 9px;
}
 .price .heart {
	color: #EB6877;
}

.new_item .view.all {
	width: 60%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-align: center;
	color: #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #333333;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
}

a .items_img img {
	border-radius: 5px;
}



/*ここまでnewitemに関するcss*/





/*ここからエリアマップに関するcss*/



.ariamap .text_aria {
	text-align: center;
	width: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}


.ariamap .aria_box {
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;	
}

.ariamap .aria_box .box.left {
	margin-right: 2px;
}
.ariamap .aria_box .box {
	position: relative;
}
.aria_box .box .text {
	width: 100%;
	font-size: 150%;
	text-align: center;
	bottom: 0px;
	margin: 0;
	color: #fff;
	background: linear-gradient(to bottom, transparent 0, #222 95%);
	; /* 帯の透明度 */
	position: absolute; /* 絶対位置指定 */
	padding-bottom: 5px;
	border-radius: 5px;
  }

.text .komoji {
	font-size: 10px;
	letter-spacing: 1px;
	margin-top: 0px;
	padding-top: 70px;
	padding-bottom: 10px;
}
.text .omoji {
	font-size: 13px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	text-indent: 3px;
	font-weight: bold;
}


.box.left a img {
	border-radius: 5px;
}

.box a img {
	border-radius: 5px;
}

/*ここまでエリアマップに関するcss*/

/*ここからランキングに関するcss*/

/*topメニューバーに関するcss*/



.top_menu {
	width: 100%;
	display: flex;
	background-color: #E5E5E5;
}

.top_menu  li  {
	width: 100%;
	color: #666666;
	background-color: #E5E5E5;
	font-size: 8px;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.top_menu  .line {
	border-right: 1px solid #ffffff;
}
.top_menu .menu_n {
	padding-top: 5px;
	font-size: 11px;
	font-weight: 700;
	color: #222222;
}

a div .menu {
color: #666666;	
}




/*topメニューバーに関するcss*/



.ranking_innersec {
	display: flex;
	width: 100%;
}



.hide {display:none;}

/*ここまでランキングに関するcss*/.ranking_innersec .items .rank_img {
	width: 35%;
}
.ranking_innersec .items .price {
	display: flex;
	width: 100%;	
}