@charset "utf-8";

@media only screen and (max-width: 640px) {

/*============================
#mainPanelArea
============================*/
#mainPanelArea { padding-bottom: 20px; }
#mainPanelArea .bxSlider {}
#mainPanelArea .bxSlider .panel01 { height: 235px; background-size: 100%; background-position: center; }
#mainPanelArea .bxSlider .panel02 { height: 180px; background-size: auto 180px; background-position: center; }
#mainPanelArea .bxSlider .panel03 { height: 180px; background-size: auto 180px; background-position: center; }

/*============================
#productArea
============================*/
#productArea {}
#productArea .productTitle { background: url(../../imageFile/top/title_product_sp.png) no-repeat center; background-size: auto 36px; }
#productArea ul { margin-top: 0; }
#productArea ul li { width: auto; float: inherit; margin-left: 0; margin-top: 15px; }
#productArea ul li .content { padding: 0 15px 10px; }
#productArea ul li .content .title {}
#productArea ul li .content .title.beauty { background: url(../../imageFile/top/title_product_beauty_sp.png) no-repeat left center; background-size: auto 19px; }
#productArea ul li .content .title.health { background: url(../../imageFile/top/title_product_health_sp.png) no-repeat left center; background-size: auto 19px; }
#productArea ul li .content .title.houseware { background: url(../../imageFile/top/title_product_houseware_sp.png) no-repeat left center; background-size: auto 19px; }
#productArea ul li .content .photo {}
#productArea ul li .content .photo img { width: 100%; height: auto; }
#productArea ul li .content .text { margin-top: 10px; }
#productArea ul li .btn { padding: 10px 0; }
#productArea ul li .btn a img {}

/*============================
#mainArea
============================*/
#mainArea { width: auto; margin: 30px auto 0; }
#mainArea #leftArea { width: auto; float: inherit; }
#mainArea #rightArea { width: auto; float: inherit; }

/*============================
#newArea
============================*/
#newArea {}
#newArea .title { background: url(../../imageFile/top/title_news_sp.png) no-repeat left center; background-size: auto 35px; }
#newArea .title img { display: none;  }
#newArea .title a {}
#newArea .title a img {}
#newArea .content {}
#newArea .content ul {}
#newArea .content ul li {}
#newArea .content ul li:nth-child(2n) {}
#newArea .content ul li span.text {}
#newArea .content ul li span.date { display: block; margin-bottom: 5px; }

/*============================
#bannerArea
============================*/
#bannerArea { margin-top: 30px; border: solid 1px #ddd; padding: 20px; background: #eee; }
#bannerArea ul {}
#bannerArea ul li { margin-top: 15px; }
#bannerArea ul li:first-child {}
#bannerArea ul li a { display: block; }
#bannerArea ul li a img { width: 100%; height: auto; }

/*============================
#bx-wrapper
============================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -30px!important;
}


}