@charset "UTF-8";
/* CSS Document */
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,img{margin:0;padding:0;}
a {color:#000;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;	-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
a img {border-style:none;}
a:link,a:visited {color:#000;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
.clear:before,.clrfx:after {content: " ";display: table;}
.clear:after {clear: both;}
.clear {*zoom: 1;}
.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

body {
	font-family:"凸版文久明朝 R", serif;
	font-size:16px;
	overflow-x: hidden;
}
.wrapper {
	margin: 0 auto;
}
/* ----------ヘッダ／ヨドガワ／目次---------- */
#header{
	margin:30px auto 20px;
	width:800px;
}
#header .animation{
	padding-left: 10px;
}
	
	
/* ---------- スライドショー ---------- */
#slideshow{
	max-width: 800px;
	margin: 20px auto;
}
#slideshow .bxslider li {
	display: none;
}
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 1200px;display: block;}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #EDEAEA;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);	-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 22px;
  	right: 150px;
}
/* PAGER */
.bx-pager {
	padding-top: 10px;
}
.bx-pager a {
	float: left;
	padding-left: 20px;
	padding-bottom: 2px;
}
.bx-pager a:first-child {
	padding-left: 0;
}
.bx-pager img {
	width: 62px;
	height: 34px;
	cursor: pointer; 
}
.bx-pager .active {
	filter: alpha(opacity=40);
	opacity: 0.4;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 168px;
	outline: 0;
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	z-index: 8888;
}
.bx-wrapper .bx-controls-direction a:hover{
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}	
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/back_btn.png) no-repeat;
	background-size:80px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/next_btn.png) no-repeat;
	background-size:80px;
}
/* ------------------main------------------ */
#main{
	width:800px;
	text-align:left;
	line-height:2.4em;
	letter-spacing:.1em;
	padding-top:70px;
	margin:0 auto 100px;
}
.item{
	font-size:26px;
	margin-bottom:-2px;
}
.furigana{
	font-size:20px;
}
.price{
	font-size:20px;
}
.tax{
	font-size:14px;
}
.stock{
	color:#FF0000;
	margin:0 0 -20px 90px;
}
#main .detale{
	float:left;
}
#main .detale ul{
	width:295px;
}
#main .detale .goods li{
	list-style:none;
	border-top:1px solid #000;
	padding:20px 0 20px 10px;
}

li .data{
	float:left;
	font-size:14px;
	line-height:1.8em;
	margin-top:8px;
}
li .more{
	font-size:14px;
	line-height:1.8em;
	margin-top:8px;
}
#attention ul{
	list-style:none;
	border-top:1px solid #000;
	list-style:none;
	border-top:1px solid #000;
	padding:10px 0 10px 10px;
}
#attention ul img{
	vertical-align:middle;
}
#attention ul li{
	margin:10px auto;
}
#attention .item ul li{
	margin:0px auto;
}
.att li{
	letter-spacing:.07em;
}
.att li p{
	margin:10px auto;
}

.left-70{
	margin-left:62px;
}
.cart{
	margin:10px auto;
}
.top{
	margin-bottom:50px;}
.credit{
	font-size:12px;
	color:000;
	margin-top:68px;
	border-top:1px solid #000;
}
/* ------------------detale------------------ */
.sentence{
	font-size:15px;
	margin:-10px 0 0 380px;
	letter-spacing:0.04em;
}

/* ------------------footer------------------ */
#footer{
	clear:both;
	padding-top:70px;
	padding-bottom:70px;
	background-color:#4B2A12;
	background-repeat:repeat-x;
}
#footer ul{
	width:824px;
	height:100px;
	margin:0 auto;
}
#footer li{
	float:left;
	list-style:none;
	margin-left:100px;
	letter-spacing:.1em;
	text-align:center;
}
#footer li a {
	display: block;
}
#footer .text {
	color:#fff;
}
#footer li a:hover .text {
	opacity: 0.5;
}

.hobonichi{
	width:80%;
	margin:50px auto;
	padding-top:64px;
	text-align:center;
	font-size:12px;
	letter-spacing:.8em;
	color:#fff;
	background-image:url(/store/henry_collar/2015/images/footer_line.png);
	background-repeat:repeat-x;
	background-position:center top;

}


/* ------------------リンク------------------ */
.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.wrapper a:link {
	color: #000;
	text-decoration: none;
}
.wrapper a:visited {
	color: #000;
	text-decoration: none;
}


/* -----フロート解除----- */ 
.clear {
    clear:both;/*floatの解除*/
}
/*------------*/

/*　スマホ対応　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

@media only screen and (max-device-width:420px) {
/*　全体　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#header img{
	width:600px;
	height:auto;
}
#header .animation{
	width:120px;
	height:auto;
}
.sentence{
	font-size:27px;
	line-height:2em;
	margin:-10px 0 0 420px;
}
.item{
	font-size:34px;
	margin-bottom:8px;
}
.furigana{
	font-size:24px;
}
.price{
	font-size:28px;
	margin-bottom:14px;
}
.tax{
	font-size:16px;
}
.stock{
	font-size:22px;
	margin:0 0 0px 110px;
}
li .data{
	font-size:19px;
	float:left;
	line-height:1.8em;
	margin-top:8px;
	letter-spacing:.07em;
}
li .more{
	font-size:19px;
	line-height:1.8em;
	margin-top:8px;
	letter-spacing:.06em;
}
#main .detale ul{
	width:360px;
}
.item img{
	width:300px;
	height:auto;
}
.top img{
	width:300px;
	height:auto;
}
.att{
	font-size:20px;
}
.left-70{
	margin-left:80px;
}
.cart{
	margin-top:10px;
}
.cart img{
	width:260px;
	height:auto;
}
.credit{
	font-size:20px;
	line-height:1.6em;
	}
/* ------------------footer------------------ */
#footer{
	padding-top:80px;
	padding-bottom:80px;
}
#footer img{
	width:80px;
	height:auto;
}
#footer ul{
	width:1000px;
}
#footer .text{
	font-size:28px;
}
.hobonichi{
	width:90%;
	margin:64px auto;
	padding-top:86px;
	text-align:center;
	font-size:16px;
}
}