@charset "utf-8";

@import "/normalize.css";

/* =================================================
 * reset
 * ================================================*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img,
dl, dt, dd, ol, ul, li, form, label, table, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	outline: none;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ul, ol {
	list-style: none;
}

table {
	border-spacing: 0px;
	empty-cells: show;
}

/* =================================================
 * bootstrap変更
 * ================================================*/

.container-fluid {
	max-width: 960px;
}

/* =================================================
 * common
 * ================================================*/
body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGOTHIC",Osaka,Verdana,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #504630;
	background:#fff url(images/curtain.png) top left repeat-x;
}
clear {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 1px;
}
a {
  text-decoration: none;
	color: #1a6d47;
}
a:hover, a:active {
	color: #fe4154;
}

header{
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
header h1{
	margin:0;
	margin:25px auto 20px auto;
	width:207px;
}

header img#logo{
	width:207px;
	height:auto;
}

#menubar{
	background-image:url(images/menu_bg.png);
}
#menubar ul li{
	padding-left:0;
	padding-right:0;
}
#menubar ul li a{
	text-align:center;
	display:block;
	padding:13px 0 10px 0;
	line-height:1.2em;
}
#menubar ul li a:hover{
	background-color:#eee9dd;
	color:#fff;
	text-decoration: none;
}
#menubar span.mini{
	font-size:82%;
}
footer img.facebook,img.twitter{
	width:28px;
	height:auto;
}

#pageTop {
  position: fixed;
  right: 20px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 ;
  border-radius: 5px;
  width: 38px;
  height: 38px;
  background-color: #76a791;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}


/* =================================================
 * TOP
 * ================================================*/

div#TopImg{
	margin:30px auto 0 auto;
	padding:0;
}
div#TopImg p{
	padding:0;
}
div.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
div#Area-Item{
	background:#f7f4eb url(images/bg_wave1.png) top left repeat-x;
	padding:0 0 40px 0;
}

div#Area-Item div#NewArrivals{
	margin:20px auto 20px auto;
}
div#Area-Item div#NewArrivals h2{
	background:url(images/dot_line.png) 0 52% repeat-x;
	margin:35px 0 25px 0;
}
div#Area-Item div#NewArrivals h2 img{
	width:200px;
	height:auto;
}
div#Area-Item div#NewArrivals p{
	text-align:center;
	padding:0px 10px 25px 10px;
}

div#Area-Item div#NewArrivals img.item_img{
	width:223px;
	margin:0 auto;
	border:1px solid #eee9dd;
}
div#Area-Item div#NewArrivals div#item_more{
	float:right;
	margin:0 10px 0 0;
}
div#Area-Item div#NewArrivals div#item_more img{
	width:185px;
	height:auto;
}
div#Area-Item div#ItemCategory {
	margin:0 auto;
	overflow:hidden;
}
div#Area-Item div#ItemCategory h2{
	background:url(images/dot_line.png) 0 52% repeat-x;
}
div#Area-Item div#ItemCategory ul{
	width:960px;
}
div#Area-Item div#ItemCategory li{
	width:180px;
	margin:10px 0 0 0;
	float:left;
	text-align:center;
}

div#Area-Sale{
	/*background:#fff url(images/bg_wave2.png) top left repeat-x;*/
	padding:70px 0 0 0;
}
div#Area-Sale div#sale_box{
	text-align:center;
}
div#Area-Sale div#sale_box p{
	border:1px solid #e6decb;
	padding:17px 10px 12px 10px;
}
div#Area-Sale div#sale_box div{
	padding:0 5px 0 5px;
	margin:0 0 12px 0;
}
div#Area-Sale div#sale_box img{
	margin:0 0 8px 0;
}
div#Area-Sale div#sale_more{
	float:right;
	margin:0 5px 0 0;
}
div#Area-Sale div#sale_more img{
	width:185px;
	height:auto;
}
div#Area-Sale img.sale_icon{
	width:90px;
	height:auto;
}

div#Area-News h2{
	margin:50px 0 15px 0;
	line-height:23px;
}
div#Area-News h2 img{
	width:49px;
	height:auto;
}
div#Area-News dl{
	margin:0 0 0 0;
}
div#Area-News dl dt {
	float:left;
	clear:left;
	width:8em; 
	padding:10px 10px 10px 15px;
	font-weight:normal;
	color:#504630;
}
div#Area-News dl dd {
	background:url(images/news_line.png) bottom left repeat-x;
	padding:10px 10px 10px 9em;
}
div#Area-Banner{
	margin:50px auto;
}

div#Area-Banner p{
	padding:8px;
	margin:0;
}
div#Area-Banner img{
	margin:0 auto;
}
footer{
	background:#f7f4eb url(images/bg_wave1.png) top left repeat-x;
	margin:30px auto 0 auto;
	padding:40px 0 100px 0;
	text-align:center;
}
footer ul#footermenu1{
	color:#504630;
	font-size:10pt;
	overflow:hidden;
}
footer ul#footermenu1 li{
	padding: 0 10px 0 10px;
	margin:0 0 15px 0;
}
footer ul#footermenu1 li a{
	display:block;
	background-color:#efe6d1;
	padding:3px;
}
footer ul#footermenu2{
	color:#504630;
	font-size:10pt;
	margin:0 0 5px 0;
	overflow:hidden;
	height:40px;

}
footer ul#footermenu2 li{
	padding: 0 10px 0 10px;
	height:1.3em;
}
footer ul#footermenu2 li a{
	display:block;
}
footer small{
	font-size:8pt;
}

/* =================================================
 * Notfound error
 * ================================================*/

div#notfound{
	width:500px;
	text-align:center;
	margin:40px auto;
	padding:0 0 200px 0;
}
div#notfound p{
	margin:20px 0 0 0;
}

/* =================================================
 * 共通
 * ================================================*/

div#TitleArea{
	margin:50px auto 0 auto;
	padding:0;
	max-width: 960px;
}
div#TitleArea h1{
	margin:0 0 30px 0;
}