/* MCS ARCHIVE COMMON CSS */
@charset "utf-8";
/* Noto Sans JP */
@font-face {
  font-family: 'Noto Sans JP';
  src: url('/shared/font/NotoSansJP-Thin.woff') format('opentype');
  font-weight: 100;
  font-style: normal;
}
/*Light*/
@font-face {
  font-family: 'Noto Sans JP';
  src: url('/shared/font/NotoSansJP-Light.woff') format('opentype');
  font-weight: 300;
  font-style: normal;
}
/*Regular*/
@font-face {
  font-family: 'Noto Sans JP';
  src: url('/shared/font/NotoSansJP-Regular.woff') format('opentype');
  font-weight: 400;
  font-style: normal;
}
/*Midium*/
@font-face {
  font-family: 'Noto Sans JP';
  src: url('/shared/font/NotoSansJP-Medium.woff') format('opentype');
  font-weight: 500;
  font-style: normal;
}
/*Bold*/
@font-face {
  font-family: 'Noto Sans JP';
  src: url('/shared/font/NotoSansJP-Bold.woff') format('opentype');
  font-weight: 700;
  font-style: normal;
}
/*Black*/
@font-face {
  font-family: 'Noto Sans JP';
  src: url('/shared/font/NotoSansJP-Black.woff') format('opentype');
  font-weight: 900;
  font-style: normal;
}
/*body#sustainability {
  font: normal normal 16px/1 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}*/

ol,ul,dl,li,dt,dd{list-style:none;}

*{
	padding:0;
	margin:0;
}
article > * + * {
    margin-top: 0 !important;
}

header, .breadcrumb {
	position: absolute;
}

.dsp-none,
.forReader,
.tb-dsp-block,
.sp-dsp-block,
.spP-dsp-block,
.spS-dsp-block{display:none;}
.tb-dsp-none,
.sp-dsp-none,
.spP-dsp-none,
.spS-dsp-none,
.sp-dsp-inline{}
.dsp-block{display:block;}
.dsp-inlineBlock{display:inline-block;}
.dsp-table{display:table;}
.dsp-table>*{display:table-cell;}

.blank-text-link {
	font-size: 15px; 
}


/* ========================
 NAV TOP
========================= */
#pageHeader {
  margin-bottom: 0;
  padding: 0;
}
.archive-mv-img img {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
}
.archive-header-wrapper {
  width: 100%;
  background: url(/global/sustainability/cocoa/farmers/2021/img/bg01_pc.jpg)center left 50%;
}
.archive-header-wrapper-inner {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 32px;
  box-sizing: border-box;
}
.archive-header-wrapper-inner nav#topicPath {
  padding-top: 30px;
  color: #fff;
  font-size: 15px;
  text-align: left;
}
.archive-header-wrapper-inner nav#topicPath a {
  color: #fff;
  text-decoration: none;
}
.archive-header-list01 {
  display: flex;
  margin-top: 46px !important;
}
.archive-header-item01:not(:first-child) {
  margin-left: 46px;
}
.archive-header-text01 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.archive-header-text01 a,
.archive-header-text01 a:visited{
  color: #fff;
  text-decoration: none;
}
.archive-header_non_active {
  color: #a59180;
}
.archive-header_non_active a {
  color: #a59180;
  text-decoration: none;
}
.archive-header_non_active a:visited {
  color: #a59180;
}
@media only screen and (max-width: 1023px){
  .archive-header-list01 {
    display: flex;
    margin-top: 4.79%;
  }
  .archive-header-item01:not(:first-child) {
    margin-left: 4.79%;
  }
}
/* sp */
@media only screen and (max-width: 767px) {
  .archive-header-list01 {
    margin-top: 0;
  }
  .archive-header-text01 {
    font-size: 10px;
  }
}
/* ========================
 NAV BOTTOM
========================= */
/* pc */
.archive-content02 {
  width: 960px;
  margin: 0 auto;
  padding: 99px 0 40px;
  box-sizing: border-box;
}
.archive-content02-list01 {
  display: flex;
  margin-top: 32px !important;
}
.archive-content02-item01:not(:first-child) {
  margin-left: 46px;
}
.archive-content02-text01 {
  color: #4b2300;
  font-size: 22px;
  font-weight: 700;
}
.archive-content02-text01_non_active {
  color: #c9bdb2;
}
.archive-content02-text01_non_active a {
  color: #c9bdb2;
  text-decoration: none;
}
.archive-content02-text01_non_active a:visited {
  color: #c9bdb2;
}
.archive-content02-text01_non_active a:visited:hover{
  color: #f00;
}
.archive-content01-2columnitem{
  max-width: 267px;
}
.archive-content01-2columnitem_one_item {
  width: 49%;
}
/* tablet */
@media only screen and (max-width: 1023px){
  .archive-content02 {
    width: 680px;
    padding: 10.31% 0 4.16%;
  }
  .archive-content02-list01 {
    margin-top: 3.33%;
  }
  .archive-content02-item01:not(:first-child) {
    margin-left: 4.79%;
  }
  .archive-content01-2columnitem{
    max-width: 182px;
  }
}
/* sp */
@media only screen and (max-width: 767px) {
  .archive-content02 {
    width: 87.2%;
    padding: 5% 0 15%;
  }
  .archive-content02-h3 {
    width: 29%;
  }
  .archive-content02-list01 {
    flex-wrap: wrap;
    margin-top: 3.2%;
  }
  .archive-content02-item01 {
    width: 16.6%;
  }
  .archive-content02-item01-space {
    content: "";
    width: 50%;
  }
  .archive-content02-item01:not(:first-child) {
    margin-left: 0;
  }
  .archive-content02-item01:not(:nth-child(3n+1)) {
    margin-left: 3%;
  }
  .archive-content02-item01_width_adjust {
    width: 33%;
  }
  .archive-content02-text01 {
    font-size: 15px;
    line-height: 1.73;
  }
}

/* ========================
 CONTENTS
========================= */


/*=============================================================
 archive common parts
=============================================================*/
/* margin調整 */
.archive-mt1em{
  margin-top: 1em !important;
}
.archive-mt1_5em{
  margin-top: 1.5em;
}
.archive-mt2em{
  margin-top: 2em;
}
/*=============================================================
 archive TOP Layout
=============================================================*/
/* archive-pageHeader
-------------------------------------------------------------*/
#pageHeader {
  margin-bottom: 0;
  padding: 0;
}
.archive-mv-img img {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
}
.archive-header-wrapper {
  width: 100%;
  background: url(/global/sustainability/cocoa/farmers/2021/img/bg01_pc.jpg)bottom left 50%;
}
.archive-header-wrapper-inner {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 32px;
  box-sizing: border-box;
}
.archive-header-wrapper-inner nav#topicPath {
  padding-top: 80px;
  margin-top: -50px;
  color: #fff;
  font-size: 15px;
  text-align: left;
}
.archive-header-wrapper-inner nav#topicPath a {
  color: #fff;
  text-decoration: none;
}
.archive-header-list01 {
  display: flex;
  margin-top: 46px;
}
.archive-header-item01:not(:first-child) {
  margin-left: 46px;
}
.archive-header-text01 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.archive-header_non_active {
  color: #a59180;
}
.archive-header_non_active a {
  color: #a59180;
  text-decoration: none;
}
.archive-header_non_active a:visited {
  color: #a59180;
}
/* archive-pageBody
-------------------------------------------------------------*/
/* archive-content01
--------------------------------*/
.archive-content01 {
  width: 960px;
  margin: 0 auto;
  padding: 99px 0;
  box-sizing: border-box;
}
.archive-content01-h2_left {
  padding: 2px 0 4px 12px;
  color: #4b2300;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.00;
  border-left: 10px solid #4b2300;
  margin: 64px auto 40px;
}
.archive-content01-h2 {
  color: #4b2300;
  font-size: 25px;
  font-weight: 700;
}
.archive-content01-h2_border {
  display: flex;
  align-items: center;
  margin-top: 54px;
}
.archive-content01-h2_border:after {
  content: "";
  border-top: 1px solid #a5917f;
  border-bottom: 1px solid #d2c8bf;
  display: inline;
  flex-grow: 1;
}
.archive-content01-h2_border span {
  padding-right: 10px;
}
.archive-content01-article01 {
  margin-top: 30px;
}
.archive-content01-list02 {
  display: flex;
  justify-content: space-between;
}
.archive-content01-list02 img{
  border-radius: 15px;
}
.archive-content01-item01:not(:first-child) {
  margin-top: 50px;
}
.archive-content01-item02 {
  width: 40%;
}
.archive-content01-item03 {
  flex-shrink: 0;
  margin-left: 34px;
  padding-top: 10px;
}
.archive-content01-item03 img{
  border-radius: 15px;
}
.archive-content01-2columnlist {
  display: flex;
}
.archive-content01-2columnitem:nth-child(2n) {
  margin-left: 7px;
}
.archive-content01-2columnitem:nth-child(2n+3) {
  margin-top: 26px;
}
.archive-content01-2columnitem img {
  width: 100%;
}
.archive-content01-h3 {
  color: #4b2300;
  font-size: 20px;
  line-height: 2.05;
}
.archive-content01-text01 {
  margin-top: 10px;
  color: #4b2300;
  font-size: 15px;
  line-height: 2.00;
}
.archive-content01-notes01 {
  margin-top: 4px;
  color: #4b2300;
  font-size: 12px;
}
a.archive-text_link{
  margin-top: 10px;
  color: #4b2300;
  font-size: 13px;
  line-height: 2.00;
}
a.archive-text_link:visited{
  color: #4b2300;
}
a.archive-text_link:hover{color: #f00;}
a.archive-text_link {
    text-decoration: underline;
}
/* archive-content02
--------------------------------*/
.archive-content02 {
  width: 960px;
  margin: 0 auto;
  padding: 99px 0 40px;
  box-sizing: border-box;
}
.archive-content02-list01 {
  display: flex;
  margin-top: 32px;
}
.archive-content02-item01:not(:first-child) {
  margin-left: 46px;
}
.archive-content02-text01 {
  color: #4b2300;
  font-size: 22px;
  font-weight: 700;
}
.archive-content02-text01 a,
.archive-content02-text01 a:visited{
  color: #4b2300;
  text-decoration: none;
}
.archive-content02-text01_non_active {
  color: #c9bdb2;
}
.archive-content02-text01_non_active a {
  color: #c9bdb2;
  text-decoration: none;
}
.archive-content02-text01_non_active a:visited {
  color: #c9bdb2;
}
.archive-content01-2columnitem_one_item {
  width: 49%;
}
.archive-content01-list02_one_item {
  justify-content: flex-start;
}
/* 202309 */
.caption {
	margin-top: 22px;
    color: #4b2300;
    font-size: 13px !important;
    line-height: 2.00;
}
.add-icon {
	display: flex;
}
.add-icon span.annotation {
	min-width: 15px;
}
.archive-content01-2columnitem_one_item,
.archive-content01-2columnitem.movie {
  width: 49%;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 1023px){
  /*=============================================================
   archive common parts
  =============================================================*/

  /*=============================================================
   archive common Layout
  =============================================================*/
  /* archive-pageHeader
  -------------------------------------------------------------*/
  .archive-header-wrapper-inner {
    max-width: 680px;
    padding-bottom: 3.33%;
  }
  .archive-header-wrapper-inner nav#topicPath {
    padding-top: 3.12%;
    margin-top: 0%;
  }
  .archive-header-list01 {
    display: flex;
    margin-top: 4.79%;
  }
  .archive-header-item01:not(:first-child) {
    margin-left: 4.79%;
  }
  /* archive-pageBody
  -------------------------------------------------------------*/
  /* archive-content01
  --------------------------------*/
  .archive-content01 {
    width: 680px;
    padding: 10.31% 0;
  }
  .archive-content01-h2_border {
    margin-top: 5.62%;
  }
  .archive-content01-h2_border span {
    padding: 0 2% 0 0;
  }
  .archive-content01-article01 {
    margin-top: 3.12%;
  }
  .archive-content01-item01:not(:first-child) {
    margin-top: 5.2%;
  }
  .archive-content01-item02 {
    width: 46%;
  }
  .archive-content01-item03 {
    width: 54%;
    margin-left: 3.54%;
    padding-top: 1.04%;
  }
  .archive-content01-2columnitem:nth-child(2n) {
    margin-left: 0.7%;
  }
  .archive-content01-2columnitem:nth-child(2n+3) {
    margin-top: 2.7%;
  }
  .archive-content01-text01 {
    margin-top: 1.04%;
  }
  .archive-content01-notes01 {
    margin-top: 0.4%;
  }
  /* archive-content02
  --------------------------------*/
  .archive-content02 {
    width: 680px;
    padding: 10.31% 0 4.16%;
  }
  .archive-content02-list01 {
    margin-top: 3.33%;
  }
  .archive-content02-item01:not(:first-child) {
    margin-left: 4.79%;
  }
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 767px) {
  /*=============================================================
   archive common parts
  =============================================================*/
  .sp-dsp-block, .dsp-table.sp-dsp-block, .dsp-table.sp-dsp-block>* {
    display: block;
  }
  .sp-dsp-none {
    display: none !important;
  }
  /*.archive-mt01 {
    margin-top: 12.62%;
  }*/
  /*=============================================================
   archive common Layout
  =============================================================*/
  /* archive-pageHeader
  -------------------------------------------------------------*/
  .archive-header-wrapper {
    background: url(/global/sustainability/cocoa/farmers/2021/img/bg01_sp.jpg)center left 50%;
  }
  .archive-header-wrapper-inner {
    width: 87.2%;
    padding-bottom: 6.66%;
  }
  .archive-header-wrapper-inner nav#topicPath {
    font-size: 10px;
  }
  .archive-header-list01 {
    margin-top: 30px !important;
  }
  .archive-header-text01 {
    font-size: 10px;
  }
  /* archive-pageBody
  -------------------------------------------------------------*/
  /* archive-content01
  --------------------------------*/
  .archive-content01 {
    width: 87.2%;
    padding: 8% 0;
  }
  .archive-content01-h2_left {
    font-size: 15px;
    border-left: 6px solid #4b2300;
    margin:12.8% auto 9.6%;
  }
  .archive-content01-h2 {
    font-size: 15px;
  }
  .archive-content01-article01 {
    margin-top: 5.12%;
  }
  .archive-content01-list02 {
    justify-content: flex-start;
    flex-direction: column;
  }
  .archive-content01-list02{
    border-radius: 10px;
  }
  .archive-content01-item01:not(:first-child) {
    margin-top: 10.4%;
  }
  .archive-content01-item02 {
    width: 100%;
  }
  .archive-content01-item03 {
    width: 100%;
    margin-top: 6.66%;
    margin-left: 0;
    padding-top: 0;
  }
  .archive-content01-item03 img{
    border-radius: 10px;
  }
  .archive-content01-h3 {
    font-size: 15px;
    line-height: 1.80;
  }
  .archive-content01-text01 {
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: 0.13em;
  }
  a.archive-text_link{
    font-size: 14px;
    line-height: 1.86;
    letter-spacing: 0.13em;
  }
  a.archive-text_link:hover{color: #4b2300;}
  /* archive-content02
  --------------------------------*/
  .archive-content02 {
    width: 87.2%;
    padding: 5% 0 15%;
  }
  .archive-content02-h3 {
    width: 29%;
  }
  .archive-content02-list01 {
    flex-wrap: wrap;
    margin-top: 3.2%;
  }
  .archive-content02-item01 {
    width: 16.6%;
  }

  .archive-content02-item01:not(:first-child) {
    margin-left: 0;
  }
  .archive-content02-item01:not(:nth-child(3n+1)) {
    margin-left: inherit;
  }
  .archive-content02-item01_width_adjust {
    width: 33%;
  }
  .archive-content02-text01 {
    font-size: 15px;
    line-height: 1.73;
  }
  .archive-content01-2columnitem.movie_1clm {
	width: 49%;
  }
}