@charset "UTF-8";
/*----------------------------------------

	- header
	+ article
		- main

-----------------------------------------*/

/*----------------------------------------
	header
-----------------------------------------*/

#header_bg {
	top: 0;
}

/*----------------------------------------
	article
-----------------------------------------*/

article {
	min-width: 100%;
	margin-top: 161px;
	border-top: 10px solid #ffffff;
	background: url(../img/cmn_bg01.gif) repeat left top;

	font-size:113%;
	line-height:1.3;
	color:#6f4314;
}
#article_wrap {
	position:relative;
	width:1000px;
	margin:0 auto;
	border-left:solid 15px #ffffff;
	border-right:solid 15px #ffffff;
	background: url(../img/index_cmn_bg01.jpg) repeat-y left top;
}

@media screen and (max-device-width:500px) {
	#article_wrap {
		border-left: none;
		border-right: none;
	}
}

#contents_wrap {
}
/*----------------------------------------
	sidenav
-----------------------------------------*/
#sidenav {
	position:absolute;
	right:7px;
	top:334px;
	z-index:1000;
}
#sidenav ul {
	padding-top:30px;
}
#sidenav ul li {
	overflow:hidden;
}

#sidenav ul li a {
	display:block;
	width:40px;
	height:39px;
	overflow:hidden;
	float:right;
}
#sidenav ul li a img {
	display:block;
	margin-top:-39px;
}
#sidenav ul li a:hover img {
	display:block;
	margin-top:-78px;
}

#sidenav ul li#sidenav_01 a:hover {width:72px;}
#sidenav ul li#sidenav_02 a:hover {width:128px;}
#sidenav ul li#sidenav_03 a:hover {width:115px;}
#sidenav ul li#sidenav_04 a:hover {width:148px;}
#sidenav ul li#sidenav_05 a:hover {width:118px;}

#sidenav ul li.crnt a ,
#sidenav ul li.crnt a:hover {
	width:40px!important;
}

#sidenav ul li.crnt a img {
	margin-top:0;
}

/*----------------------------------------
	mv
-----------------------------------------*/
#top #sec_mv {
	position:relative;
	width:1000px;
	height:603px;
	overflow:hidden;
	background: url(../img/index_top_bg01.jpg) no-repeat left top;
}
#top #sec_mv #mv_choco {
	position:absolute;
	left:125px;
	top:57px;
	width:762px;
	height:1500px;
	z-index:100;
}

#top #sec_mv li {
	position:absolute;
}
#top #sec_mv li#mv_li01 {
	left:1032px;
	top:-4px;
}
#top #sec_mv li#mv_li02 {
	left:800px;
	top:-177px;
}
#top #sec_mv li#mv_li03 {
	left:1204px;
	top:25px;
}
#top #sec_mv li#mv_li04 {
	left:858px;
	top:82px;
}
#top #sec_mv li#mv_li05 {
	left:715px;
	top:104px;
}
#top #sec_mv li#mv_li06 {
	left:989px;
	top:-35px;
}
#top #sec_mv li#mv_li07 {
	left:1235px;
	top:-34px;
}
#top #sec_mv li#mv_li08 {
	left:796px;
	top:160px;
}
#top #sec_mv li#mv_li09 {
	left:832px;
	top:116px;
}
#top #sec_mv li#mv_li10 {
	left:960px;
	top:160px;
}

/*----------------------------------------
	collection
-----------------------------------------*/
#top #collection {
	width: 856px;
	margin: 0 0 0 73px;
}

#top #collection h1 {
	margin-bottom: 33px;
}

#top #collection #collection_list {
	display: -ms-flexbox;
	display: flex;
	min-height: 280px;
	margin-bottom: 60px;
	padding-left: 10px;
	background-image: url(../img/index_collection_bg01.jpg), url(../img/index_collection_bg01.jpg), url(../img/index_collection_bg01.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: left 215px top, left 433px top, left 651px top;
}

#top #collection #collection_list li+li {
	margin-left: 10px;
}

#top #collection #collection_list li a {
	display: block;
	color:#cc2403;
	text-decoration:none;
	text-align: center;
}

#top #collection #collection_list li a:hover {
	text-decoration: underline;
}

#top #collection #collection_list li a span {
	display: block;
	margin-top: 22px;
}


/*----------------------------------------
	taste
-----------------------------------------*/
#taste #taste_main {
	min-height:481px;
	padding-bottom:10px;
	background: url(../img/index_taste_bg01.jpg) no-repeat left top;
}
#taste #taste_main h1 {
	margin:0 0 0 321px;
	padding-top:20px;
}
#taste #taste_main dl {
	width:385px;
	margin:70px 0 0 557px;
}
#taste #taste_main dt {
	margin-bottom:18px;
}
#taste #taste_main dd p {
	margin-bottom:18px;
}
#taste #taste_main dd p:last-child {
	margin-bottom:0;
}

/*----------------------------------------
	cm
-----------------------------------------*/
#cm {
	margin: 20px 0 60px;
	padding: 38px 0 57px;
	background: url(../img/index_cm_bg01.jpg) no-repeat left top;
	background-size: 100% auto;
}

#cm h1 {
	margin-left: 9px;
	padding-bottom: 26px;
	text-align: center;
}

#cm #movie {
	width: 560px;
	height: 315px;
	margin: 0 auto;
	border: 4px solid #844e3d;
}

#cm #movie div {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

#cm #movie div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*----------------------------------------
	taste message
-----------------------------------------*/
#taste #message {
	background: url(../img/index_message_bg02.jpg) repeat-y left top;
}
#taste #message_in1 {
	background: url(../img/index_message_bg01.jpg) no-repeat left top;
}
#taste #message_in2 {
	min-height:225px;
	padding-bottom:66px;
	background: url(../img/index_message_bg03.jpg) no-repeat left bottom;
}


#taste #message_contents {
	width:798px;
	margin-left:89px;
	overflow:hidden;
}
#taste #message_contents dl {
	width:498px;
	float:left;
}
#taste #message_contents dl dt {
	margin-bottom:19px;
	padding-top:50px;
}
#taste #message_contents dl dd p {
	margin-bottom:18px;
}
#taste #message_contents dl dd p.p01 {
	margin-bottom:0;
	font-size:83%;
}
#taste #message_contents > p {
	width:288px;
	float:right;
	padding-top:34px;
}

/*----------------------------------------
	approach
-----------------------------------------*/
#approach {
	height:467px;
	background: url(../img/index_approach_bg01.jpg) no-repeat left top;
}
#approach h1 {
	padding:50px 0 30px;
	text-align:center;
}
#approach #approach_container {
	position:relative;
	width:892px;
	height:300px;
	margin:0 auto;
}
#approach #approach_container .approach_item {
	position:absolute;
	left:0;
	top:0;
	width:68px;
	overflow:hidden;
}
#approach #approach_container .approach_item_in {
	width:824px;
	display:table;
}
#approach #approach_container .approach_item_btn {
	width:68px;
	display:table-cell;
}
#approach #approach_container .approach_item_con {
	width:731px;
	padding:11px 12px 11px 13px;
	display:table-cell;
	background:url(../img/index_approach_bg01.gif) no-repeat 0 0;
	vertical-align:top;
}
#approach #approach_container .approach_item_con_01 {
	width:102px;
	float:right;
}
#approach #approach_container .approach_item_con_02 {
	width:605px;
	float:left;
}
#approach #approach_container .approach_item_con_02 > div {
	width:295px;
	float:right;
}
#approach #approach_container .approach_item_con_02 > p {
	float:left;
}
#approach #approach_container .approach_item_con_02 > div dl {
	padding-top:43px;
	height:175px;
}


#approach #approach_container #approach_01 {
	left:136px;
	width:756px;
}
#approach #approach_container #approach_02 {
	left:68px;
	width:68px;
}
#approach #approach_container #approach_03 {
	left:0px;
	width:68px;
}
#approach #approach_container #approach_01 .approach_item_in {
	margin-left:-68px;
}


/*----------------------------------------
	factory
-----------------------------------------*/
#factory {
	position:relative;
	height:664px;
	background: url(../img/index_factory_bg01.jpg) no-repeat left top;
}
#factory h1 {
	position:absolute;
	left:41px;
	top:72px;
	z-index:3;
}

#factory #factory_fac {
	position:absolute;
	left:25px;
	top:385px;
	width:323px;
	height:278px;
	overflow:hidden;
	z-index:4;
}
#factory #factory_fac dt {
	position:absolute;
	left:155px;
	top:0;
	width:142px;
	height:100px;
	z-index:5;
}
#factory #factory_fac dd {
	position:absolute;
	left:0;
	top:17px;
}
#factory #factory_fac.open .p01 {
	display:none;
}
#factory #factory_fac.close .p01 {
	display:block;
}
#factory #factory_fac.open .p02 {
	display:block;
}
#factory #factory_fac.close .p02 {
	display:none;
}

#factory #factory_contents {
	position:absolute;
	right:0;
	top:103px;
	width:806px;
	height:488px;
	z-index:2;
}
#factory #factory_contents_close {
	position:absolute;
	left:0;
	top:0;
	width:806px;
	height:488px;
	background: url(../img/index_factory_bg01.png) no-repeat left 2px;
}
#factory #factory_contents_close.mover {
	background-position:0 -493px;
}
#factory #factory_contents_open {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:806px;
	height:488px;
	background: url(../img/index_factory_bg02.png) no-repeat left top;
}
#factory #factory_contents_open .btn_close {
	position:absolute;
	left:721px;
	top:62px;
}
#factory #factory_contents_open .btn_prev {
	position:absolute;
	left:99px;
	top:178px;
}
#factory #factory_contents_open .btn_next {
	position:absolute;
	left:681px;
	top:178px;
}
#factory #factory_contents_open ul {
	position:absolute;
	left:165px;
	top:38px;
	width:490px;
	height:382px;
}
#factory #factory_contents_open .btn_01 {
	position:absolute;
	left:267px;
	top:420px;
}
#factory #factory_contents_open ul li {
	display:none;
}

#factory #factory_contents_open ul.crnt01 li.con01 ,
#factory #factory_contents_open ul.crnt02 li.con02 ,
#factory #factory_contents_open ul.crnt03 li.con03 ,
#factory #factory_contents_open ul.crnt04 li.con04 ,
#factory #factory_contents_open ul.crnt05 li.con05 ,
#factory #factory_contents_open ul.crnt06 li.con06 ,
#factory #factory_contents_open ul.crnt07 li.con07 ,
#factory #factory_contents_open ul.crnt08 li.con08 ,
#factory #factory_contents_open ul.crnt09 li.con09 ,
#factory #factory_contents_open ul.crnt10 li.con10 ,
#factory #factory_contents_open ul.crnt11 li.con11 ,
#factory #factory_contents_open ul.crnt12 li.con12 ,
#factory #factory_contents_open ul.crnt13 li.con13 ,
#factory #factory_contents_open ul.crnt14 li.con14 ,
#factory #factory_contents_open ul.crnt15 li.con15 {
	display:block;
}

/*----------------------------------------
	recipes
-----------------------------------------*/
#recipes {
	position: relative;
	height: 274px;
	background: url(../img/index_recipes_bg01.jpg) no-repeat left top;
}
#recipes h1 {
	margin: 0 0 19px 233px;
}
#recipes > p {
	margin: -6px 0 19px 425px;
	font-size: 10px;
}
#recipes div {
	display:table;
	margin: -25px 0 0 134px;
}

#recipes div ul ,
#recipes div ul li ,
#recipes div p {
	display: table-cell;
}
#recipes div ul li {
	width :144px;
}

#recipes div p {
	margin-top: -25px;
	padding-left: 7px;
}