@charset "utf-8";
/* CSS Document */
/* kids_history.css */
/*
 * window size
 * PC 768px--
 * tab 521px--767px
 * sp --520px
*/


/* -------------------------
  top
--------------------------*/

.top_img {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 5em;
  border-radius: 15px;
}

.top_img img {
  width: 100%;
}

.top_img img.sp {
  display: none;
}

.top_img p.img_ttl {
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #0b9b85;
}

.rice_top {
  margin-bottom: 1em !important;
}

.rice_top h2.title {
  margin-top: 0;
}

.rice_top .fl_box_tab {
  padding: 15px 40px 35px;
}

.rice_top .fl_inner img {
  width: 100%;
}

.arrow_right:after {
  content: '';
  width: 16px;
  height: 16px;
  border-top: 4px solid #0d9f89;
  border-right: 4px solid #0d9f89;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: calc(50% - .1em);
  right: 28px;
  border-radius: 1px;
}


a.box_link:hover .title {
  background: #a6e5de;
}

a.box_link:hover .agri_box {
  background: #e5f5f5;
}

.triangle_down {
  width: 0;
  height: 0;
  margin: 1.5em auto;
  border-right: 40px solid transparent;
  border-top: 30px solid #e5f5f5;
  border-left: 40px solid transparent;
}




/* -------------------------
  subpage
--------------------------*/

.rice .ttl_set {
  margin: 40px auto 30px;
}

.rice h1.ttl_txt {
  margin-bottom: 40px !important;
}

.rice .fl_box {
  margin-bottom: 4em;
}

.history h2 {
  position: relative;
  text-align: center;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
  padding: 20px 15px 11px;
}

.history h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: calc(50% - 0.7em);
  border: 15px solid transparent;
  width: 0;
  height: 0;
}


.history ul li:nth-child(1) {/* edo color */
  background: #efefff;
}
.history ul li:nth-child(1) h2 {
  background: #d3d3e7;
}
.history ul li:nth-child(1) h2:after {
  border-top: 15px solid #d3d3e7;
}

.history ul li:nth-child(2) {/* showa color */
  background: #fff0e4;
}
.history ul li:nth-child(2) h2 {
  background: #f9ddc5;
}
.history ul li:nth-child(2) h2:after {
  border-top: 15px solid #f9ddc5;
}

.history ul li:nth-child(3) {/* heisei color */
  background: #fdf7dd;
}
.history ul li:nth-child(3) h2 {
  background: #f9ebb0;
}
.history ul li:nth-child(3) h2:after {
  border-top: 15px solid #f9ebb0;
}

.era_box a.btn_link {
  background: #f1e3a9;
  color: #9d810b !important;
}

.era_box a.btn_link::after {
  border-top: 3px solid #bb9e24;
  border-right: 3px solid #bb9e24;
}

.era_box a.btn_link:hover {
  background: #e1a800;
  color: #fff !important;
}

.era_box a.btn_link:hover::after {
  border-color: #FFF;
}

.era_inner {
  padding: 27px 20px;
}

.era_inner img {
  width:100%;
  margin-bottom: 1em;
  margin-top: 1.5em;
}

.era_inner img:nth-child(1) {
  margin-top: 0;
}

.era_inner p {
  margin: 0 9px;
}

.backto {
  margin-bottom: 5em;
}

.backto a:nth-of-type(2) {
  margin-top: 1em;
}