body {
  color: #2C2C2C; }
  @media (min-width: 600px) {
    body {
      background: #fff; } }
  @media (max-width: 599px) {
    body {
      background: #05054c;
      font-size: 13px; } }

.Heading1 {
  background-image: url("/20th/assets/images/chronicle/H1_bg.png"); }
  .Heading1 .Heading1_wrapper .Chronicle_title_img {
    z-index: 1;
    max-height: 80px; }
    @media (max-width: 599px) {
      .Heading1 .Heading1_wrapper .Chronicle_title_img {
        max-height: 40px; } }
  .Heading1 .Heading1_wrapper .Heading1_visual {
    z-index: 0; }

.Heading1_under {
  background-image: url("/20th/assets/images/chronicle/H1_bg.png"); }

.ChronicleTable_Container {
  border: solid 1px #ddd;
  background-image: url("/20th/assets/images/chronicle/bg-line.png");
  background-repeat: repeat-y;
  background-position: center center;
  margin-bottom: 40px; }
  .ChronicleTable_Container .ChronicleTable.ChronicleTable02 {
    margin-bottom: 80px; }
  .ChronicleTable_Container .ChronicleTable .ChronicleTable-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .ChronicleTable_Container .ChronicleTable .ChronicleTable-cell .areaL .Box_Img img, .ChronicleTable_Container .ChronicleTable .ChronicleTable-cell .areaR .Box_Img img {
      width: 100%; }
    .ChronicleTable_Container .ChronicleTable .ChronicleTable-cell .areaL {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 0 12px;
      box-sizing: border-box; }
      @media (max-width: 599px) {
        .ChronicleTable_Container .ChronicleTable .ChronicleTable-cell .areaL {
          padding: 0 8px; } }
    .ChronicleTable_Container .ChronicleTable .ChronicleTable-cell .areaR {
      padding: 0 12px;
      box-sizing: border-box;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      @media (max-width: 599px) {
        .ChronicleTable_Container .ChronicleTable .ChronicleTable-cell .areaR {
          padding: 0 8px; } }
  .ChronicleTable_Container .ChronicleTable .ChronicleTable_title {
    background-color: #EFECE3;
    height: 52px;
    color: #4E2315;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC; }
    .ChronicleTable_Container .ChronicleTable .ChronicleTable_title .areaL {
      border-right: solid 1px #CCCCCC; }
    .ChronicleTable_Container .ChronicleTable .ChronicleTable_title span {
      display: block;
      padding: 14px 0; }
    @media (max-width: 599px) {
      .ChronicleTable_Container .ChronicleTable .ChronicleTable_title span {
        padding: 16px 0;
        display: block; } }
  .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearHead .areaL {
    font-weight: bold;
    padding: 0 14px;
    margin-bottom: 60px;
    margin: 40px 0 24px; }
    .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearHead .areaL span {
      display: block;
      padding-bottom: 8px;
      box-sizing: border-box;
      border-bottom: solid 1px #2C2C2C; }
    @media (max-width: 599px) {
      .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearHead .areaL {
        margin: 8px 0;
        padding: 0 8px; } }
  .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearBody .Poke_Item_Title {
    margin: 24px 0;
    font-weight: bold; }
    @media (max-width: 599px) {
      .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearBody .Poke_Item_Title {
        margin: 8px 0 16px; } }
  .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearBody .areaL h3 {
    font-size: 16px;
    font-weight: bold;
    color: #4E2315;
    background: #F7F6F2;
    padding: 8px;
    box-sizing: border-box; }
    @media (max-width: 599px) {
      .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearBody .areaL h3 {
        font-size: 13px; } }
  .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearBody .areaR h3 {
    font-size: 16px;
    font-weight: bold;
    color: #4E2315;
    background: #F7F6F2;
    padding: 8px;
    box-sizing: border-box; }
    @media (max-width: 599px) {
      .ChronicleTable_Container .ChronicleTable .ChronicleTable_yearBody .areaR h3 {
        font-size: 13px; } }

.Main_area {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 0 32px;
  box-sizing: border-box; }
  @media (max-width: 599px) {
    .Main_area {
      padding-bottom: 10px; } }
  .Main_area .Container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: solid 1px #CCCCCC; }
  .Main_area .Poke_chronicle_Text {
    margin-bottom: 32px; }

.Chronicle_Img {
  text-align: center; }
  .Chronicle_Img.Chronicle_Img02 {
    margin-bottom: 40px;
    margin-top: -16px; }
    @media (max-width: 599px) {
      .Chronicle_Img.Chronicle_Img02 {
        margin-bottom: 20px; } }
  .Chronicle_Img img {
    width: 100%; }
  .Chronicle_Img.areaR_img {
    margin-top: 24px; }
  .Chronicle_Img.areaR_img_2 {
    margin-bottom: 40px; }
  .Chronicle_Img .img01 {
    max-width: 302px; }
  .Chronicle_Img .img03 {
    max-width: 296px; }
  .Chronicle_Img .img04 {
    max-width: 123.5px; }
  .Chronicle_Img .img05 {
    max-width: 327px; }
  .Chronicle_Img .img06 {
    max-width: 103px; }
  .Chronicle_Img .img07 {
    max-width: 496px; }
  .Chronicle_Img .img_adv {
    max-width: 483px; }
  .Chronicle_Img .img09 {
    max-width: 496px; }
  .Chronicle_Img .img10 {
    max-width: 295px; }
  .Chronicle_Img .img11 {
    max-width: 295px; }
  .Chronicle_Img .img12 {
    max-width: 261px; }
  .Chronicle_Img .img13 {
    max-width: 516px; }
  .Chronicle_Img .img15 {
    max-width: 491px; }
  .Chronicle_Img .img16 {
    max-width: 269px; }
  .Chronicle_Img .img17 {
    max-width: 266px; }
  .Chronicle_Img .img18 {
    max-width: 294px; }
  .Chronicle_Img .img19 {
    max-width: 506px; }
  .Chronicle_Img .img20 {
    max-width: 516px; }
  .Chronicle_Img .img21 {
    max-width: 347px; }
  .Chronicle_Img .img22 {
    max-width: 516px; }
  .Chronicle_Img .img23 {
    max-width: 266px; }
  .Chronicle_Img .img24 {
    max-width: 256px; }
  .Chronicle_Img .img26 {
    max-width: 266px; }
  .Chronicle_Img .img27 {
    max-width: 206px; }
  .Chronicle_Img .img28 {
    max-width: 516px; }
  .Chronicle_Img .img30 {
    max-width: 187px; }
  .Chronicle_Img .img31 {
    max-width: 516px; }
  .Chronicle_Img .img32 {
    max-width: 516px; }
  .Chronicle_Img .img33 {
    max-width: 497px; }
  .Chronicle_Img .img34 {
    max-width: 264px; }
  .Chronicle_Img .img35 {
    max-width: 217px; }
  .Chronicle_Img .2004PCG {
    max-width: 516px; }
  .Chronicle_Img .2006DP {
    max-width: 516px; }
  .Chronicle_Img .20081010-2 {
    max-width: 516px; }
  .Chronicle_Img .2009L {
    max-width: 516px; }
  .Chronicle_Img .20100918-1 {
    max-width: 516px; }
  .Chronicle_Img .2010BW {
    max-width: 516px; }
  .Chronicle_Img .2013XY {
    max-width: 516px; }

.Chronicle_Caption_Text {
  font-size: 14px;
  margin: 24px 0 40px; }
  @media (max-width: 599px) {
    .Chronicle_Caption_Text {
      font-size: 11px;
      margin: 8px 0 16px; } }

.Chronicle_Box {
  background: #F7F6F2;
  border: solid 1px #CCCCCC;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box; }
  @media (max-width: 599px) {
    .Chronicle_Box {
      padding: 8px; } }
  .Chronicle_Box .Chronicle_Box_Item .Box_Item_Title {
    display: block;
    font-weight: bold;
    color: #4E2315;
    margin-bottom: 16px; }
    @media (max-width: 599px) {
      .Chronicle_Box .Chronicle_Box_Item .Box_Item_Title {
        margin-bottom: 8px; } }
  .Chronicle_Box .Chronicle_Box_Item .Box_Item_Caption {
    font-size: 14px;
    display: block; }
    @media (max-width: 599px) {
      .Chronicle_Box .Chronicle_Box_Item .Box_Item_Caption {
        font-size: 11px; } }
  .Chronicle_Box .Chronicle_Box_Item:last-child {
    margin-top: 24px; }
    @media (max-width: 599px) {
      .Chronicle_Box .Chronicle_Box_Item:last-child {
        margin-top: 8px; } }
    .Chronicle_Box .Chronicle_Box_Item:last-child.NoMargin {
      margin: 0; }
  .Chronicle_Box .Box_Img {
    text-align: center;
    padding: 50px 0;
    box-sizing: border-box;
    border-bottom: solid 1px #CCCCCC; }
    @media (max-width: 599px) {
      .Chronicle_Box .Box_Img {
        padding: 8px 0; } }
    .Chronicle_Box .Box_Img img {
      width: 100%; }
    .Chronicle_Box .Box_Img.NoImg {
      padding: 12px 0;
      box-sizing: border-box; }
    .Chronicle_Box .Box_Img.OneColumn {
      border: none; }
    .Chronicle_Box .Box_Img .Img02 {
      max-width: 450px; }
    .Chronicle_Box .Box_Img .img04 {
      max-width: 427px; }
    .Chronicle_Box .Box_Img .img08 {
      max-width: 457px; }
    .Chronicle_Box .Box_Img .img14 {
      max-width: 407px; }
    .Chronicle_Box .Box_Img .img25 {
      max-width: 431px; }
    .Chronicle_Box .Box_Img .img29 {
      max-width: 415px; }

.Left_area {
  border-right: solid 1px #CCCCCC; }
  .Left_area .Left_area_inner {
    padding: 0 14px;
    box-sizing: border-box; }
    .Left_area .Left_area_inner .Light_area_Item {
      margin-bottom: 190px; }

.Right_area {
  width: 100%;
  max-width: 548px; }
  .Right_area .Right_area_inner {
    padding: 0 14px;
    box-sizing: border-box; }
    .Right_area .Right_area_inner .Right_area_Item:first-child {
      margin-top: 90px; }
  .Right_area section {
    margin-bottom: 60px; }
    @media (max-width: 599px) {
      .Right_area section {
        margin-bottom: 40px; } }
    .Right_area section:last-child {
      margin-bottom: 240px; }
      @media (max-width: 599px) {
        .Right_area section:last-child {
          margin-bottom: 130px; } }

.PokeList li {
  list-style-type: disc;
  margin-left: 1.5em; }
  @media (max-width: 599px) {
    .PokeList li {
      margin-left: 1.2em; } }

.To_Be_Continued {
  text-align: center;
  margin-bottom: 180px; }
  @media (max-width: 599px) {
    .To_Be_Continued {
      margin-bottom: 90px; } }
  @media (max-width: 599px) {
    .To_Be_Continued .Continued_img {
      max-width: 53.5px; } }
  .To_Be_Continued .Continued_item {
    font-size: 32px;
    margin-top: 30px; }
    @media (max-width: 599px) {
      .To_Be_Continued .Continued_item {
        font-size: 16px; } }
  .To_Be_Continued .continued_text {
    margin-top: 25px;
    float: right;
    font-size: 20px; }
    @media (max-width: 599px) {
      .To_Be_Continued .continued_text {
        font-size: 13px; } }