@charset "utf-8";
/* CSS Document */

/*======= box-tab-btn =======*/
.box-tab-btn{
	border-bottom: 1px solid #bc9113;
}
.box-tab-btn ul{
	width: 715px;
	margin: 0 auto;
}
.box-tab-btn li{
	float: left;
	border: 1px solid #bc9113;
	border-bottom: none;
	margin-right: 95px;
	font-size: 21px;
	font-weight: bold;
}
.box-tab-btn li:last-child{
	margin-right: 0;
}
.box-tab-btn li a{
	display: block;
	width: 173px;
	padding: 15px 0;
	color: #000000;
	cursor: pointer;
}
.box-tab-btn li a:hover{
	opacity: 0.7;
}
.box-tab-btn li.active{
	background: #bd9114;
}
.box-tab-btn li.active a{
	color: #ffffff;
	text-decoration: underline;
}

.box-tab-btn.item-bottom {
	border-top: 1px solid #bc9113;
	border-bottom: none;
	margin-bottom: 90px;
}
.box-tab-btn.item-bottom li{
	border-bottom: 1px solid #bc9113;
	border-top: none;
}

/*======= box-tab-cont =======*/
.box-tab-cont{
	padding: 60px 0 0;
}

/* js-tab-lineup
==========================================*/
.js-tab-item{
	display:none;
}

/*======= item-list =======*/
.item-list{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
.item-list li{
	float: left;
	margin-bottom: 50px;
	position: relative;
}
.item-list li:nth-child(2n){
	float: right;
}
.item-list li .comingsoon{
	position: absolute;
	top: 306px;
	left: 50%;
	margin-left: -153px;
	background: rgba(47, 23,1,0.8);
	width: 290px;
	padding: 7px 0;
	font-size: 17px;
	color: #ffffff;
}

/*======= col2-area =======*/
.col2-area{
	width: 1024px;
	margin: 0 auto 70px;
}
.icon-box{
	float: left;
}
.txt-box{
	text-align: left;
	width:870px;
	float: left;
	padding:0.8em 0 0 20px;
	line-height: 1.8;
	font-size: 14px;
}
.icon-box+.txt-box{
	padding-top:0;
	font-weight:bold;}
/*======= map-wrap =======*/

/*======= map-nav-area =======*/
.map-nav-area{
	background:url(/sweets/chocolate/the-chocolate/lineup/images/bg_map.png) center top no-repeat;
	margin-bottom: 70px;
}
.map-nav-inner{
	width: 1030px;
	height: 579px;
	position: relative;
	margin: 0 auto;
}
.map-nav-list{
	margin: 0 auto;
}
.map-nav-list a{
	display: block;
}
.map-nav-list a:hover{
	opacity: 0.7;
}
.map-nav-list .map-nav-icon{
	float: left;
	padding-right: 11px;
	margin-bottom: 10px;
}
.map-nav-list .map-nav-icon:last-child{
	padding-right: 0;
}
.map-nav-inner .title2column{
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	   -moz-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width:370px;
	margin-left:-55px;}
.map-nav-inner .title2column2{
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	   -moz-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width:200px;
	margin:auto;}
.map-nav-inner .map-ttl{
	margin-bottom: 12px;
	font-size: 15px;
	line-height:1.2;
	color:#000;}
.map-nav-inner .map-ttl span{
	font-size: 17px;
}
.map-nav-inner .map-nav-box{
	position: absolute;
	top: 54px;
}
.map-nav-inner .map-note li{
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
}
.nav-brazil{
	width: 240px;
	left:90px;
}
.nav-brazil .map-nav-list{
	width: 144px;
}
.nav-venezuela {
	left: 450px;
}
.nav-dominican {
	width: 190px;
	left: 505px;
}
.nav-dominican .map-nav-list{
	width: 144px;
}
.nav-peru {
	width: 72px;
	left: 665px;
}
.nav-peru .map-nav-list{
	width: 66px;
}
.nav-ecuador{
	width: 200px;
	right: 40px;
}
.map-nav-inner .map-txt{
	position: absolute;
	bottom: 0;
	left: 0;
	width:500px;
	text-align: left;
	line-height: 2;
}


/*18.09.25*/
/*======= limited =======*/
/*.mv{
	margin-bottom: 0;
}*/
.limited{
	width: 1024px;
	margin: 0 auto;
	padding: 0 0 70px;
	background-image: url(/sweets/chocolate/the-chocolate/lineup/images/bg_box01.png), url(/sweets/chocolate/the-chocolate/lineup/images/bg_box02.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top -83px, right top -83px;
}
.limited *{
	color: #000;
}
.limited dl dt{
	padding: 40px 0 45px;
	font-size: 24px;
}
.limited dl:nth-child(2) dt{
	padding: 30px 0 45px;
}
.limited dl dd{
	font-size: 18px;
	line-height: 1.67;
}
.limited-text{
	padding: 34px 0 18px;
}
.limited-text .discription{
	margin-bottom: 6px;
}
.limited-text .caution{
	font-size: 70%;
}
.comfort-bitter-blue{
	color: #2c2c6f;
}
.velvet-milk-red{
	color: #d7001e;
}
.limited-products-list{
	width: 554px;
	margin-left: auto;
	margin-right: auto;
}
.limited-products-list li{
	float: left;
}
.limited-products-list li:last-child{
	float: right;
}
.pattern-list{
	width: 671px;
	margin-left: auto;
	margin-right: auto;
}
.pattern-list li{
	float: left;
	margin-left: 17px;
}
.pattern-list li:first-child{
	margin-left: 0;
}
/* 190910 add*/
.mv{
	margin-bottom: 0;
}

.line-up-map{
	background: url(/sweets/chocolate/the-chocolate/lineup/images/map_bg_01.png) no-repeat center center;
	background-size: cover;
	width: 98.461%;
	margin: 0 auto 70px;
	position: relative;
	padding: 40px 0;
}
.assortpouch-area .assortpouch-text{
	font-weight: bold;
	font-size: 150%;
	color: #000;
}
.assortpouch-inner > p{
	margin-top: 30px;
}
.map-anchor-list01{
	z-index: 2;
	position: absolute;
	left:50%;
	top:50%;
	margin:-207px auto auto -324.5px;
}
.map-coordinate{
	z-index: 1;
	position: relative;
}

.map-cacaolocality{
	margin-top:120px;
}
.map-cacaolocality-list{
	margin: 47px auto 0;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.map-cacaolocality-list li{
	margin-left: 60px;
}
.map-cacaolocality-list li:first-child{
	margin-left: 0;
}
.map-cacaolocality-list .title2column{
	margin-left: 0;
}
.map-cacaolocality-list .map-nav-list .map-nav-icon{
	margin-bottom: 0;
}
.map-cacaolocality-list .map-nav-list{
	width: 144px;
}
.map-cacaolocality .map-note{
	margin-top: 50px;
}