@charset "UTF-8";

/*ページタイトル*/
#pagetitle{
	display:table;
	max-width:800px;
	height:180px;
	margin:8px auto;
	background:url(images-new/pagetop.jpg) no-repeat #856b50;
	background-size:cover;
	background-position:center center;
}

#pagetitle h2{
	display:table-cell;
	vertical-align:bottom;
	padding-left:8px;
	padding-bottom:8px;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	text-shadow:1px 1px 1px #36241a,-1px 1px 1px #36241a,1px -1px 1px #36241a,-1px -1px 1px #36241a;
}

#pagetitle h2 span{
	padding:4px 14px;
	font-size:24px;
}

#pagetitle h2 span.cap{
	color:#7cd7f2;
}

#pagetitle h2 span.hat{
	color:#ffc0cb;
}

#pagetitle h2 span.clch{
	color:#ffd7cc;
}

#pagetitle h2 span.hunt{
	color:#bede54;
}

#pagetitle h2 span.casq{
	color:#c3d2f7;
}

#pagetitle h2 span.knit{
	color:#ffd700;
}



/*数量製作値引きのご案内とサンプルチップ送付のご案内*/
#lotorder,#samplecloth{
	display:block;
	background-color:#eff1ec;
	max-width:784px;
	margin:8px auto;
	border:2px outset gray;
	border-radius:8px;
	padding:8px;
}

#samplecloth{
	background-color:#eae3d1;
}

#lotorder a,#samplecloth a{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	color:inherit;
}

#lotorder a:hover,#lotorder a:active,#samplecloth a:hover,#samplecloth a:active{
	color:#b8860b;
}

#lotorder span{
	color:#fcc00f;
	text-shadow:1px 1px 1px black,1px -1px 1px black,-1px 1px 1px black,-1px -1px 1px black;
}

#samplecloth span{
	font-weight:bold;
	color:#4f2700;
}

/*定番商品の出荷日数*/
/*ニットキャップの洗濯方法*/

#date2,#washknit{
	display:block;
	max-width:784px;
	margin:8px auto;
	border-radius:4px;
	padding:8px;
}

#date2{
	border:2px solid #b0c4de;
}

#washknit{
	border:1px solid #ffa500;
}

#washknit a{
	display:block;
	width:100%;
	height:100%;
}

#washknit p{
	text-align:center;
}


/*少数量からの製作*/
#smalllot{
	display:block;
	background:url(images-parts21/whitebrick.jpg) repeat #eaeaea;
	max-width:784px;
	margin:8px auto;
	border:2px dashed #800000;
	border-radius:4px;
	padding:8px;
}

#smalllot div{
	margin:4px auto;
	text-align:center;
	text-shadow:0px 0px 2px red;
	font-size:18px;
}

#smalllot p{
	margin:4px auto;
}



/*商品案内*/

#hpb-main div.item{
	max-width:800px;
	margin:0 auto;
	text-align:center;
}

#hpb-main div.item h3{
	background-color:#ece9e1;
	margin:0 auto;
	padding-top:4px;
	padding-bottom:4px;
	font-weight:normal;
	font-size:16px;
}

#hpb-main div.item h3 span{
	color:#ff0000;
	padding-left:8px;
	padding-right:8px;
}

#hpb-main div.item h3 .new{
	color:#954bc0;
	text-shadow:1px 1px 1px #78eeff,-1px 1px 1px #78eeff,1px -1px 1px #78eeff,-1px -1px 1px #78eeff,2px 2px 2px #3e7bff;
}

#hpb-main div.item h3 .others{
	color:#965042;
}

#hpb-main div.item a.detaillink{
	display:block;
	margin:0 auto;
	height:auto;
	background-color:#fbd66b;
	border:1px solid #bc7a30;
	font-size:20px;
	color:#0000ff;
	font-weight:bold;
	line-height:1.5;
}

#hpb-main div.item p{
	background-color:#ece9e1;
	margin:0;
	padding-left:4px;
	padding-right:4px;
	font-size:14px;
	text-align:left;
}

#hpb-main div.item p.size{
	background-color:#dcd8c9;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
}

#hpb-main div.item p.size a{
	white-space:nowrap;
	color:#0000ff;
}

#hpb-main div.item p.season{
	padding-top:2px;
	background-color:#f7f4f7;
	color:#408080;
	text-align:center;
}

#hpb-main div.item p.season b{
	display:inline-block;
	width:60px;
	margin-top:4px;
	margin-bottom:4px;
	background-color:#fbd66b;
	color:#222222;
	font-weight:normal;
}

#hpb-main div.item p.season b.off{
	background-color:inherit;
	color:#555555;
}

#hpb-main div.item p.alert{
	padding-left:1.4em;
}

#hpb-main div.item h4{
	background:url(new-imageparts/item_bar_mini.gif) no-repeat left top;
	margin-top:16px;
	margin-bottom:16px;
	border-bottom:1px dashed #333333;
	padding-left:36px;
	line-height:1.6;
	text-align:left;
	color:#f7a884;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-size:20px;
}

#hpb-main div.item h4 span{
	margin-left:16px;
	white-space:nowrap;
	color:#333333;
	font-family:none;
	font-size:14px;
}

#hpb-main div.item div{
	display:flex;
	justify-content: space-around;
}

#hpb-main div.item div figure{
	display:inline-block;
	text-align:center;
	max-width:266px;
	width:32%;
	min-width:148px;
}

#hpb-main div.item div figure img{
	width:92%;
	margin:0 auto;
}

#hpb-main div.item div figure figcaption{
	font-size:14px;
}

#hpb-main select,#hpb-main input{
	margin-right:16px;
	margin-bottom:16px;
}

/*区切り線*/
#hpb-main .hrbar{
	display:block;
	height:8px;
	border-top:5px solid #dcd8c9;
	border-bottom:2px solid #dcd8c9;
	margin-top:16px;
	margin-bottom:16px;
}


/*オーダーメイド製作のご案内*/
#hpb-main div.odmso{
	max-width:800px;
	margin:0 auto;
}

#hpb-main div.odmso h4{
	background:url(images/wall2.jpg) repeat-x;
	margin:8px 0 0 0;
	font-weight:normal;
	font-size:16px;
	text-align:center;
}


#hpb-main div.odmso a{
	display:block;
	background-color:#ece9e1;
	margin:2px auto;
	padding:4px;
	font-size:14px;
	color:inherit;
}

#hpb-main div.odmso a:hover,#hpb-main div.odmso a:active{
	color:#b8860b;
}



/*今月のおすすめへのリンク*/
#recommend{
	background-image:url(images-parts21/sp433a-.gif), url(images-parts21/r477d.gif), url(images-parts21/page-osusume-s.gif);
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:top left, bottom right, top left;
	background-size:80px, 80px, auto;
	max-width:800px;
	margin:0 auto 8px auto;
	border:1px solid #fa676d;
}

#recommend h3{
	margin-top:4px;
	margin-left:80px;
	margin-bottom:12px;
	font-size:18px;
	color:#fa676d;
	text-shadow:1px 1px 1px #683637,-1px 1px 1px #683637,-1px -1px 1px #683637,1px -1px 1px #683637;
	text-align:center;
}

#recommend h3 span{
	border:1px solid #525707;
	border-radius:4px;
	font-size:22px;
	color:#525707;
	text-shadow:1px 1px 2px #3c3c06;
	white-space:nowrap;
	padding-top:1px;
	padding-left:4px;
	padding-right:4px;
	letter-spacing:0.1em;
}

#recommend p{
	margin-left:32px;
	margin-right:80px;
	padding:4px;
	color:#525707;
}


/*進化*/
/*ハンチングの種類*/

#evolution,#huntiru{
	max-width:800px;
	margin:0 auto 8px auto;
}

#evolution h3{
	background:radial-gradient(#0000cd, black) #2b2c42;
	text-align:center;
	color:#ebffff;
	text-shadow:1px 1px 1px #ffffff;
}

#evolution p,#huntiru p{
	background-color:#ede1b4;
	padding:0 8px;
	border:3px double #333333;
}



/*ページナビ*/
#pagenav{
	max-width:800px;
	margin:32px auto 0 auto;
	text-align:center;
}

#pagenav p{
	margin:4px 0;
	border-radius:4px;
	padding-left:8px;
}

#pagenav ul{
	list-style-type: none; 
	text-align:left;
}

#pagenav ul li{
	background-color:#ffffff;
	display:inline-block; 
	vertical-align:middle;
	width:92px;
	height:68px;
	margin-bottom:4px;
	border:1px solid #dddddd;
	border-radius:4px;
	padding:4px 0;
	text-align:center;
	font-size:14px;
}

#pagenav ul li a{
	display:block;
	width:100%;
	height:100%;
}

#pagenav ul li img{
	height:40px;
}

/*長いページへのリンク*/
#pagenav ul li.sub{
	vertical-align:top;
	width:62px;
	height:54px;
	line-height:3.8;
}

#pagenav ul li.cap{
	border-color:#7cd7f2;
}

#pagenav ul li.hat{
	border-color:#ffc0cb;
}

#pagenav ul li.clch{
	border-color:#ffd7cc;
}

#pagenav ul li.hunt{
	border-color:#bede54;
}

#pagenav ul li.casq{
	border-color:#c3d2f7;
}

#pagenav ul li.knit{
	border-color:#ffd700;
}