@charset "utf-8";

#suntory_contents .history_contents .italic {
  font-style: italic;
}

/*------------------------------------------------------------
[SP]
------------------------------------------------------------ */
@media screen and (max-width:767px){

/*------------------------------------------------------------
    [SP] page title
    ------------------------------------------------------------ */
    #suntory_contents .title_area {
      padding: 8vw 0 0;
      text-align: center;
    }
    #suntory_contents .title_area h1 {
      font-size: 5.6vw;
      font-weight: normal;
      line-height: 1;
    }

/*------------------------------------------------------------
[SP] history_nav
------------------------------------------------------------ */
#suntory_contents .history_nav {
  margin: 12vw 4vw 16vw;
}
#suntory_contents .history_nav ul {
  display:flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
#suntory_contents .history_nav li {
  height: 8.8vw;
  list-style: none;
  font-size: 3.466666666666667vw;
  line-height: 1.5;
  border-right: 1px #666 solid;
  padding: 0 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
#suntory_contents .history_nav li:first-child {
  border-left: 1px #666 solid;
}
#suntory_contents .history_nav li a {
  color: #000;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
/*------------------------------------------------------------
[SP] history_contents
------------------------------------------------------------ */
#suntory_contents .history_contents {
  margin: -32vw 4vw 0;
  padding: 32vw 0 0;
}

/*------------------------------------------------------------
[SP] year_box
------------------------------------------------------------ */
#suntory_contents .year_box  {
  padding: 5.6vw 0;
  border-bottom: 1px solid #ccc;
  display: block;
}
#suntory_contents #early .year_box:first-of-type  {
  padding: 0 0 5.6vw;
}
#suntory_contents .year_box .year {
  width: 100%;
  font-size: 4.26666667vw;
  line-height: 1.5;
}
#suntory_contents .year_box dl {
  width: 100%;
  display:flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#suntory_contents .year_box dt.date {
  width: 20vw;
  margin-top: 4vw;
  font-size: 3.46666667vw;
  line-height: 1.8;
}
#suntory_contents .year_box dd {
  margin-top: 4vw;
  width: calc(100% - 20vw);
  font-size: 3.46666667vw;
  line-height: 1.8;
}
#suntory_contents .year_box dt.date:first-of-type,
#suntory_contents .year_box dd:first-of-type {
  margin-top: 0;
}
#suntory_contents .year_box .photogroup {
  margin: 5.6vw 0 0 0;
  display:flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
}
#suntory_contents .year_box .photogroup figure {
  width: 44vw;
}
#suntory_contents .year_box .photogroup figure img {
  width: 100%;
}
#suntory_contents .year_box .photogroup figcaption {
  margin-top: 1.6vw;
  font-size: 2.93333333vw;
  line-height: 1.5;
  letter-spacing: 0;
}
#suntory_contents .year_box .photogroup figure + figure {
  margin-left: 4vw;
}
#suntory_contents .year_box .photogroup#y61_second {
  display:flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}
#suntory_contents .year_box .photogroup#y61_second figure.ph_wide {
  width: 67.28vw;
  margin-bottom: 5.6vw;
}
#suntory_contents .year_box .photogroup#y61_second figure.ph_wide + figure {
  margin-left: 0;
}
#suntory_contents #y2000  {
  margin-bottom: 16vw;
}
#suntory_contents #y2000 .year_box:last-of-type  {
  padding-bottom: 0;
  border: none;
}


}
/*------------------------------------------------------------
[PC]
------------------------------------------------------------ */
@media print, screen and (min-width:768px) {
/*------------------------------------------------------------
[PC] page title
------------------------------------------------------------ */
#suntory_contents .title_area {
  text-align: center;
}
#suntory_contents .title_area h1 {
  font-size: 28px;
  font-weight: normal;
  line-height: 1;
}

/*------------------------------------------------------------
[PC] history_nav
------------------------------------------------------------ */
#suntory_contents .history_nav {
  margin: 50px 0 80px;
}
#suntory_contents .history_nav ul {
  display: flex;
  justify-content: center;
}
#suntory_contents .history_nav li {
  list-style: none;
  font-size: 14px;
  border-right: 1px #666 solid;
  padding: 8px 30px;
}
#suntory_contents .history_nav li:first-child {
  border-left: 1px #666 solid;
}
#suntory_contents .history_nav li a {
  color: #000;
  padding-bottom: 3px;
  text-decoration: none;
}
#suntory_contents .history_nav li a:hover {
  border-bottom: 1px #666 solid;
}

/*------------------------------------------------------------
[PC] history_contents
------------------------------------------------------------ */
#suntory_contents .history_contents {
  margin-top: -140px;
  padding-top: 140px;
}

/*------------------------------------------------------------
[PC] year_box
------------------------------------------------------------ */
#suntory_contents .year_box  {
  padding: 25px 0;
  border-bottom: 1px solid #ccc;
  display:flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#suntory_contents #early .year_box:first-of-type  {
  padding: 0 0 25px;
}
#suntory_contents .year_box .year {
  width: 100px;
  font-size: 18px;
  line-height: 1.5;
}
#suntory_contents .year_box dl {
  width: calc(100% - 100px);
  display:flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#suntory_contents .year_box.withimg dl {
  width: calc(100% - 330px);
}
#suntory_contents .year_box.withimgw dl {
  width: calc(100% - 550px);
}
#suntory_contents .year_box dt.date {
  width: 100px;
  margin-top: 25px;
  font-size: 14px;
  line-height: 1.8;
}
#suntory_contents .year_box dd {
  margin-top: 25px;
  width: calc(100% - 100px);
  font-size: 14px;
  line-height: 1.8;
}
#suntory_contents .year_box dt.date:first-of-type,
#suntory_contents .year_box dd:first-of-type {
  margin-top: 0;
}
#suntory_contents .year_box .photogroup {
  margin-left: 50px;
  display:flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
#suntory_contents .year_box .photogroup figure {
  width: 180px;
}
#suntory_contents .year_box .photogroup figure img {
  width: 100%;
}
#suntory_contents .year_box .photogroup figcaption {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
}
#suntory_contents .year_box .photogroup figure + figure {
  margin-left: 40px;
}
#suntory_contents .year_box .photogroup#y61,
#suntory_contents .year_box .photogroup#y61_second {
  margin: 30px 0 0 230px;
}
#suntory_contents .year_box .photogroup#y61 figure.ph_wide {
  width: 290px;
}
#suntory_contents #y2000  {
  margin-bottom: 110px;
}
#suntory_contents #y2000 .year_box:last-of-type  {
  padding-bottom: 0;
  border: none;
}

}