/* ----------------------------
	top.css　※スマホ用※
------------------------------ */
/*==================================
font-size
32px 	200〜203
30px 	188〜190
28px 	175〜178
26px 	163〜165
24px 	150〜153
22px 	138〜140
20px 	125〜128
19px 	119〜121
18px 	113〜115
17px 	107〜109
16px 	100〜103 基本
15px 	94〜96
14px 	88〜90
13px 	82〜84
12px 	75〜78
11px 	69〜71 *
10px 	63〜65 *
==================================*/
#maincontents {
	width: 100%;
	margin: 10px auto 20px auto;
}
/* FLASHバナー*/
.slider1 {
	width: 100%;
	margin: 0 auto;
}
/****** mainarea ******/
#mainarea {
	width: 98%;
	margin: 0 auto;
}
/* おすすめ6枠 */
.categoryarea {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}
.category1, .category2, .category3, .category4, .category5, .category6 {
	float: left;
	width: 48%;
	height: 100%;
	margin: 0 1% 20px 1%;
	margin-bottom: -32767px;
	margin-bottom: 20px;
	padding-bottom: 32767px;
	padding-bottom: 0;
	vertical-align: top;
}
.category1 div, .category2 div, .category3 div, .category4 div, .category5 div, .category6 div {
	margin-bottom: 5px;
}
.categoryarea img {
	width: 100%;
}
.title {
	font-size: 95% !important;
	margin: -10px auto 10px auto;
	color: #333;
}
.title a {
	font-weight: bold;
	color: #db4040 !important;
}
.title a:hover {
	font-weight: bold;
	color: #06f !important;
}
.txt {
	font-size: 82% !important;
	color: #555;
}
.txt br {
	display: none;
}
#sidearea {
	width: 100%;
}
/* 最近見た店舗 */
.rirekishoparea {
	max-width: 320px;
	margin: 0 auto;
}
.rirekishoparea img {
	width: 100%;
}
.rirekishopinner {
	max-width: 290px;
	padding: 15px;
	background: #fff9e1;
}
/* ダイエーからのお知らせ */
.infoarea {
	max-width: 320px;
	margin: 0 auto;
}
.infoarea img {
	width: 100%;
}
.infoinner {
	max-width: 270px;
	padding: 25px;
	text-align: center;
	background: #f7f7f7;
}
#info-slide-wrapper {
	position: relative;
	overflow: hidden;
	width: 80%;
	height: 180px;
	margin: 0 auto;
	padding: 0;
}
#info-slide-inner {
	position: relative;
	overflow: hidden;
	width: 170px;
	height: 170px;
}
#info-slide-wrapper ul {
	overflow: hidden;
}
#info-slide li {
	width: auto;
	height: 50px;
	padding: 5px 0;
	vertical-align: middle;
}
.infoinner li {
	text-align: center;
}
.infoinner li img {
	vertical-align: middle;
}
/* facebook */
.facebookarea {
	display: none;
}
/* 新着情報、重要なお知らせ */
.tit_news {
	width: 100%;
	height: 40px;
	margin: 20px auto 10px auto;
	background: url(../../common_new/images/sp/tit_bg3.gif) repeat-x left top;
}
.newsarea {
	width: 95%;
	margin: 0 auto 30px auto;
}
.news_wrapper {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 255px;
	background: #fff;
	width: 100% !important;
}
.news_wrapper dl {
	font-size: 82% !important;
	width: 95%;
	padding: 15px 0 !important;
	border-bottom: dotted #ccc 1px;
}
.news_wrapper dl dt {
	font-weight: bold;
	margin-left: 0;
	padding-left: 20px;
	color: #db4040;
	background: url(../../common_new/images/mark_r.png) no-repeat 7px center;
}
.news_wrapper dl dd {
	overflow: hidden;
	padding-left: 20px;
}
/* 新着情報、重要なお知らせ　スクロールバー */
.jspContainer {
	width: 100% !important;
	position: relative;
	overflow: hidden;
}
.jspPane {
	width: 100% !important;
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	right: 0;
	width: 10px;/* 縦スクロールバーの幅を指定 */
	height: 100%;
	background: #f7f7f7;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;/* 横スクロールバーの幅を指定 */
	background: #fff;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	position: relative;
	background: #fff;/* スクロールバーの背景色を指定 */
}
.jspDrag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #d1d1d1;/* スクロールバーの色を指定 */
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-indent: -20000px;
	background: #50506d;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	float: left;
	width: 16px;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	float: left;
	height: 100%;
	background: #eeeef4;
}
/*==================================
bnrcate
==================================*/
.tit_osusume {
	width: 100%;
	height: 40px;
	margin: 20px auto 10px auto;
	background: url(../../common_new/images/sp/tit_bg3.gif) repeat-x left top;
}
.tit_osusume img {
	width: auto;
}
.bnrcate ul {
	width: 96%;
	margin: 10px auto 0;
}
.bnrcate ul li {
	margin-top: 10px;
}
.bnrcate ul li img {
	width: 100%;
}
/*==================================
productcate
==================================*/
.productcate {
	width: 100%;
	margin: 20px auto;
}
.productcate .col3 {
	width: 96%;
	margin: 0 auto;
}
.productcate .col3 li {
	margin: 10px;
	padding: 10px;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../../images_new/product_bg.png) ;
	background-repeat: repeat;
	background-position: left top;
}
.productcate .col3 li img {
	width: 100%;
}
.productcate .col3 li img:hover {
	opacity: 1;	
}
.productcate .col3 li li {
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.productcate .col3 a {
	color: #fff;
	text-align: center;	
}
.productcate .col3 li figure {
	margin: 0;
	padding: 0;
}
.productcate .col3 li figcaption {
	background-color: #fff;
	padding: 10px 0;	
}
.productcate .col3 li figcaption h3 {
	font-size: 13px;
	color: #333;
}
/*==================================
noticecate
==================================*/
.noticecate {
	width: 100%;
	margin: 20px auto;
}