@charset "UTF-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,img{margin:0;padding:0;}
body {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family:"凸版文久明朝 R", serif;
	overflow-x: hidden;
}
.wrapper {
	width: 1000px;
	margin: 0 auto;
}
.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	background-color:#fff;
}
/* ----------ヘッダ／ヨドガワ／目次---------- */
#header{
	width:1000px;
	margin:20px auto 15px;
}
#header img:first-child{
	margin-left:0px;
}

#header .animation{
	padding-left: 10px;
}

#yodogawa{
	overflow:hidden;
	margin:0 auto;
	margin-bottom:60px;
}
#yodogawa .right_parts{
	float:left;
}
#yodogawa .midashi{
	margin-left:0px;
}
#yodogawa p{
	margin:20px 0 0 115px;
	font-size:16px;
	line-height:2.1;
	letter-spacing:.18em;
}
#yodogawa .small_txt{
	font-size:14px;
	color:#60432E;
}
#yodogawa .contents{
	float:right;
	margin:10px 40px 0 0;
}
#yodogawa .contents li{
	list-style:none;
	margin-bottom:-16px;
}
#yodogawa .contents .sp {
	display:none;
}
	
.fadeIn_1, .fadeIn_2, .fadeIn_3, .fadeIn_4 {
	opacity: 0;
}
	
	
/* ---------- スライドショー ---------- */
#slideshow{
	max-width: 1200px;
	margin:134px auto 0;
	padding-bottom: 30px;
}
.dn{display: none;}
/* BxSlider v4.1.2 by: Steven Wanderski, 2014 */
.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-wrapper .bx-pager {
	text-align: center;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #90562A;
}

/* 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: 50px;
	background: url(../images/back_btn.png) no-repeat;
	background-size:80px;
}
.bx-wrapper .bx-next {
	right: 50px;
	background: url(../images/next_btn.png) no-repeat;
	background-size:80px;
}
/* ---------- end スライドショー ---------- */	

/* ------------------movie------------------ */

#movie{
	padding-top:56px;
	padding-bottom:80px;
	background-color:#4B2A12;
	background-repeat:repeat-x;
}

#movie .midashi{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#movie .midashi .beads{
	position:absolute;
	top:20px;
	right:80px;
}
#movie .midashi .thread{
	position:absolute;
	top:100px;
	right:40px;
}
#movie .frame{
	width:768px;
	margin:56px auto 40px;
	position:relative;
	
}
#movie .frame .dog_y {
	position:absolute;
	bottom:-80px;
	left:-74px;
}
#movie .frame .stitch{
	position:absolute;
	bottom:40px;
	left:-120px;
}
#movie .back{
	position:absolute;
	top:-43px;
	left:-40px;
}
.movie_play{
	position:relative;
	z-index:1;
}
/* ------------------lineup------------------ */
#lineup{
	padding-top:70px;
	padding-bottom:70px;
	background-color:#fff;
}
#lineup .midashi{
	width:1000px;
	margin:0 auto;
}
#lineup ul{
	width:1000px;
	background-color:#fff;
	overflow:hidden;
	margin:0 auto;
}
#lineup li{
	float:left;
	list-style:none;
}

#lineup .line{
	float:left;
}
#lineup .product{
	font-size:24px;
	letter-spacing:0.1em;
	line-height:1.2em;
	text-align:center;
	margin-top:16px;
}
.furigana{
	font-size:16px;
	text-align:center;
	margin:0 auto 5px;
	letter-spacing:.1em;
}
#lineup .price{
	font-size:20px;
	letter-spacing:0.1em;
	line-height:1.7em;
	text-align:center;
	margin-top:0;
}
#lineup .tax{
	font-size:13px;
	letter-spacing:0.1em;
	line-height:1.3em;
	text-align:center;
	margin-top:0;
}


.dot{
	width:1000px;
	margin:0 auto;
}
.cart{
	margin-top:24px;
	text-align:center;
}
#lineup .detale{
	display:none;
}
	
/* ------------------知っておいてほしいこと------------------ */
#attention{
	padding-top:70px;
	padding-bottom:70px;
	background-color:#fff;
	background-repeat:repeat-x;
}
#attention ul{
	width:910px;
	overflow:hidden;
	margin:0 auto;
}

#attention li{
	margin-left:80px;
	float:left;
	list-style:none;
}
#attention li:first-child{
	margin-left:0;
}
/* ------------------information------------------ */
#information{
	padding-top:70px;
	padding-bottom:70px;
	background-color:#E5E5E0;
	background-repeat:repeat-x;
	letter-spacing:.1em;
	line-height:1.8em;
}
#information .midashi{
	width:1000px;
	margin:0 auto 40px;
}
#information ul{
	width:970px;
	overflow:hidden;
	margin:0 auto;
}
#information li{
	float:left;
	list-style:none;
}
#information .left{
	margin-left:88px;
	margin-right:100px;
}

	
#information .shop{
	border-bottom: 2px solid #000;
	padding-bottom:10px;
	font-size:18px;
}
.m_t_10{
	margin-top:10px;
}
.m_b_10{
	margin-bottom:10px;
}

.color_r{
	color:#980000;
}
#information .date{
	border-bottom: 2px solid #000;
	padding-bottom:10px;
	font-size:18px;
}
.staff{
	font-size:13px;
	margin:30px 0 0 0;
	padding-top:10px;
	border-top: 1px solid #000;
}

/* ------------------footer------------------ */
#footer{
	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 0;
	padding-top:64px;
	text-align:center;
	font-size:11px;
	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;
}

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

#lineup a:hover{
	color: #CD7100;
	text-decoration: none;
}
#yodogawa a:link {
	color: #CD7100;
	text-decoration: none;
}
#yodogawa a:visited {
	color: #CD7100;
	text-decoration: none;
}
#yodogawa a:hover {
	color: #EAC597;
	text-decoration: none;
}

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

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

@media only screen and (max-device-width:420px) {
/*　全体　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
body {
	font-size: 28px;
}
#slideshow{
	margin:0px auto 0;
	padding-top: 250px;
}
#header img:first-child{
	margin-left:0px;
}
#header img:first-child{
	width:700px;
	height:auto;
}
#header img:last-child{
	width:130px;
	height:auto;
}
#header{
	margin:30px 0 25px 80px;
}
#yodogawa .midashi{
	width:840px;
	margin:30px 0 30px -32px;
}
#yodogawa p{
	width:840px;
	margin-left:80px;
	font-size:28px;
	line-height:2.1;
	letter-spacing:0.06em;
}
#yodogawa .small_txt{
	font-size:21px;
}
#yodogawa .contents .dt{
	display:none;
}
#yodogawa .contents {
	width:976px;
	height:260px;
	margin:0 auto;
	padding-top:80px;
}
#yodogawa .contents .sp {
	display:block;
	float:left;
	margin-left:36px;
}
/* ------------------movie------------------ */
#movie{
	padding-top:76px;
	padding-bottom:112px;
}

#movie .midashi{
	width:1000px;
	margin:0 0 0 -32px;
}
/* ------------------information------------------ */
#lineup .product{
	font-size:32px;
	line-height:1.5em;
	margin-top:16px;
}
#lineup .price{
	font-size:28px;
	letter-spacing:0.1em;
	line-height:1.7em;
	text-align:center;
	margin-top:0;
}
#lineup .midashi{
	width:1000px;
	margin:20px 0 -20px -32px;
}
#lineup .detale{
	display:block;
	text-align:center;
	margin-top:20px;
}
#lineup .tax{
	font-size:16px;
}
.staff{
	font-size:20px;
}
/*　知っておいてほしいこと　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#attention{
	padding-top:32px;
	padding-bottom:92px;
	font-size:28px;
}
#attention ul{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
}

#attention li{
	margin-left:125px;
	margin-top:38px;
}
.first_att{
	margin-left:124px;
}
.last_att{
	margin-left:28px;
}
/* ------------------information------------------ */
#information{
	padding-top:80px;
	padding-bottom:80px;
}
#information .left{
	margin-left:66px;
	margin-right:80px;
}
#information .right{
	margin:50px 0 0 66px;;
}
#information .midashi{
	width:1000px;
	margin:24px 0 40px -32px;
}
#information .shop{
	font-size:30px;
	margin-top:20px;
}
#information .date{
	font-size:30px;
	margin-top:20px;
}
/* ------------------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 0;
	padding-top:86px;
	text-align:center;
	font-size:17px;
}
}