/* ====================================================
　*****************************************************
  * /*PAGE HISTORY STYLE
  *****************************************************
==================================================== */
/*.site-body {position: relative;z-index: 1;}
.contact , .sns , footer {position: relative;z-index: 1;}*/
.sp-display {display: none;}
.pc-display {display: block;}
.fa-chevron-circle-right::before {width: auto;}
/*color*/
.modal-link {color: #0587c3;display: block;}
.history-area .left-bg {}
.history-area .bg-gray {
	background: url(../images/page/about/history/gray_bg.jpg) repeat-y top left;
	background-size: 100%;
}
.history-area .bg-blue {
	background: url(../images/page/about/history/blue_bg.jpg) repeat-y top left;
	background-size: 100%;
}
.contact h2 {z-index: 0;}
/*contenst*/
.history-area {position: relative;}
.float-menu {
	position: absolute;
	right: 12px;
	top: 20px;
	width: 1014px;
	display: flex;
	justify-content: space-between;
	z-index: 1;
  transition: all .3s ease-in;
}
.float-menu  span {
	border-radius: 10px;
	display: block;
	padding: 20px 0;
	text-align: center;
	border: 1px solid #dcdcdc;
	background: #fff;
	font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	width: 494px;
}
.history-leadtxt {text-align: center;line-height: 2.3;}
.his-btn-wrap {
	display: flex;
	justify-content: space-between;
	margin: 68px auto 114px;
	width: 890px;
}
.his-btn-wrap a {
	display: block;
	background: #0e96d3;
	border-radius: 15px;
	width: 270px;
	padding: 18px 0;
}
.his-btn-wrap a img {margin: 0 auto;}
.his-btn-wrap a:hover {background:#76c3e6;}
.post-name-history .widewidth {width: 1200px;margin: 0 auto;}

.history-area-blocks .flex {
	display: flex;
}
.history-area-blocks .flex div {
	text-align: left;
	line-height: 1.5;
}
.history-area-blocks a {color: #0087c3;font-size: 18px;text-decoration: underline;display:inline-block;}
.history-area-blocks {position: relative;}
.history-area-blocks::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 1014px;
	height: 1px;
	background: #e3e3e3;
}
.history-area-blocks .img-positioon {position: relative;}
.item1945 .img-positioon {background: url(../images/page/about/history/1945_left_img.jpg) no-repeat top left;background-size: cover;}
.item1948 .img-positioon {background: url(../images/page/about/history/1948_left_img.jpg) no-repeat top left;background-size: cover;}
.item1949 .img-positioon {background: url(../images/page/about/history/1949_left_img.jpg) no-repeat top left;background-size: cover;}
.item1950 .img-positioon {background: url(../images/page/about/history/1950_left_img.jpg) no-repeat top left;background-size: cover;}
.item1952 .img-positioon {background: url(../images/page/about/history/1952_left_img.jpg) no-repeat top left;background-size: cover;}
.item1953 .img-positioon {background: url(../images/page/about/history/1953_left_img.jpg) no-repeat top left;background-size: cover;}
.item1954 .img-positioon {background: url(../images/page/about/history/1954_left_img.jpg) no-repeat top left;background-size: cover;}
.item1955 .img-positioon {background: url(../images/page/about/history/1955_left_img.jpg) no-repeat top left;background-size: cover;}
.item1956 .img-positioon {background: url(../images/page/about/history/1956_left_img.jpg) no-repeat top left;background-size: cover;}
.item1957 .img-positioon {background: url(../images/page/about/history/1957_left_img.jpg) no-repeat top left;background-size: cover;}
.item1958 .img-positioon {background: url(../images/page/about/history/1958_left_img.jpg) no-repeat top left;background-size: cover;}
.item1959 .img-positioon {background: url(../images/page/about/history/1959_left_img.jpg) no-repeat top left;background-size: cover;}
.item1961 .img-positioon {background: url(../images/page/about/history/1961_left_img.jpg) no-repeat top left;background-size: cover;}
.item1963 .img-positioon {background: url(../images/page/about/history/1963_left_img.jpg) no-repeat top left;background-size: cover;}
.item1965 .img-positioon {background: url(../images/page/about/history/1965_left_img.jpg) no-repeat top left;background-size: cover;}
.item1966 .img-positioon {background: url(../images/page/about/history/1966_left_img.jpg) no-repeat top left;background-size: cover;}
.item1967 .img-positioon {background: url(../images/page/about/history/1967_left_img.jpg) no-repeat top left;background-size: cover;}
.item1968 .img-positioon {background: url(../images/page/about/history/1968_left_img.jpg) no-repeat top left;background-size: cover;}
.item1971 .img-positioon {background: url(../images/page/about/history/1971_left_img.jpg) no-repeat top left;background-size: cover;}
.item1972 .img-positioon {background: url(../images/page/about/history/1972_left_img.jpg) no-repeat top left;background-size: cover;}
.item1973 .img-positioon {background: url(../images/page/about/history/1973_left_img.jpg) no-repeat top left;background-size: cover;}
.item1974 .img-positioon {background: url(../images/page/about/history/1974_left_img.jpg) no-repeat top left;background-size: cover;}
.item1975 .img-positioon {background: url(../images/page/about/history/1975_left_img.jpg) no-repeat top left;background-size: cover;}
.item1976 .img-positioon {background: url(../images/page/about/history/1976_left_img.jpg) no-repeat top left;background-size: cover;}
.item1977 .img-positioon {background: url(../images/page/about/history/1977_left_img.jpg) no-repeat top left;background-size: cover;}
.item1978 .img-positioon {background: url(../images/page/about/history/1978_left_img.jpg) no-repeat top left;background-size: cover;}
.item1980 .img-positioon {background: url(../images/page/about/history/1980_left_img.jpg) no-repeat top left;background-size: cover;}
.item1981 .img-positioon {background: url(../images/page/about/history/1981_left_img.jpg) no-repeat top left;background-size: cover;}
.item1983 .img-positioon {background: url(../images/page/about/history/1983_left_img.jpg) no-repeat top left;background-size: cover;}
.item1984 .img-positioon {background: url(../images/page/about/history/1984_left_img.jpg) no-repeat top left;background-size: cover;}
.item1985 .img-positioon {background: url(../images/page/about/history/1985_left_img.jpg) no-repeat top left;background-size: cover;}
.item1987 .img-positioon {background: url(../images/page/about/history/1987_left_img.jpg) no-repeat top left;background-size: cover;}
/*1990〜*/
.item1990 .img-positioon {background: url(../images/page/about/history/1990_left_img.jpg) no-repeat top left;background-size: cover;}
.item1992 .img-positioon {background: url(../images/page/about/history/1992_left_img.jpg) no-repeat top left;background-size: cover;}
.item1995 .img-positioon {background: url(../images/page/about/history/1995_left_img.jpg) no-repeat top left;background-size: cover;}
.item1996 .img-positioon {background: url(../images/page/about/history/1996_left_img.jpg) no-repeat top left;background-size: cover;}
.item1997 .img-positioon {background: url(../images/page/about/history/1997_left_img.jpg) no-repeat top left;background-size: cover;}
.item1998 .img-positioon {background: url(../images/page/about/history/1998_left_img.jpg) no-repeat top left;background-size: cover;}
.item1999 .img-positioon {background: url(../images/page/about/history/1999_left_img.jpg) no-repeat top left;background-size: cover;}
.item2000 .img-positioon {background: url(../images/page/about/history/2000_left_img.jpg) no-repeat top left;background-size: cover;}
.item2001 .img-positioon {background: url(../images/page/about/history/2001_left_img.jpg) no-repeat top left;background-size: cover;}
.item2002 .img-positioon {background: url(../images/page/about/history/2002_left_img.jpg) no-repeat top left;background-size: cover;}
.item2003 .img-positioon {background: url(../images/page/about/history/2003_left_img.jpg) no-repeat top left;background-size: cover;}
.item2004 .img-positioon {background: url(../images/page/about/history/2004_left_img.jpg) no-repeat top left;background-size: cover;}
.item2005 .img-positioon {background: url(../images/page/about/history/2005_left_img.jpg) no-repeat top left;background-size: cover;}
.item2006 .img-positioon {background: url(../images/page/about/history/2006_left_img.jpg) no-repeat top left;background-size: cover;}
.item2007 .img-positioon {background: url(../images/page/about/history/2007_left_img.jpg) no-repeat top left;background-size: cover;}
.item2008 .img-positioon {background: url(../images/page/about/history/2008_left_img.jpg) no-repeat top left;background-size: cover;}
.item2009 .img-positioon {background: url(../images/page/about/history/2009_left_img.jpg) no-repeat top left;background-size: cover;}



.item2010 .img-positioon {background: url(../images/page/about/history/2010_left_img.jpg) no-repeat top left;background-size: cover;}
.item2011 .img-positioon {background: url(../images/page/about/history/2011_left_img.jpg) no-repeat top left;background-size: cover;}
.item2012 .img-positioon {background: url(../images/page/about/history/2012_left_img.jpg) no-repeat top left;background-size: cover;}
.item2013 .img-positioon {background: url(../images/page/about/history/2013_left_img.jpg) no-repeat top left;background-size: cover;}
.item2014 .img-positioon {background: url(../images/page/about/history/2014_left_img.jpg) no-repeat top left;background-size: cover;}
.item2015 .img-positioon {background: url(../images/page/about/history/2015_left_img.jpg) no-repeat top left;background-size: cover;}
.item2016 .img-positioon {background: url(../images/page/about/history/2016_left_img.jpg) no-repeat top left;background-size: cover;}
.item2017 .img-positioon {background: url(../images/page/about/history/2017_left_img.jpg) no-repeat top left;background-size: cover;}
.item2018 .img-positioon {background: url(../images/page/about/history/2018_left_img.jpg) no-repeat top left;background-size: cover;}
.item2019 .img-positioon {background: url(../images/page/about/history/2019_left_img.jpg) no-repeat top left;background-size: cover;}
.item2020 .img-positioon {background: url(../images/page/about/history/2020_left_img.jpg) no-repeat top left;background-size: cover;}
.item2021 .img-positioon {background: url(../images/page/about/history/2021_left_img.jpg) no-repeat top left;background-size: cover;}
.item2022 .img-positioon {background: url(../images/page/about/history/2022_left_img.jpg) no-repeat top left;background-size: cover;}




.img-positioon {
	width: 145px;min-width: 145px;margin-right: 10px;
}
.img-positioon img {
	position: absolute;
	left: 24px;
}
.history-area-blocks .items {width: 44%;padding: 20px 12px 48px;font-size: 18px;line-height: 1.3;}
.history-area-blocks .items img {margin: 0 auto;max-width: 100%;width: 180px;}
.history-area-blocks .items .day {
	color: #a1a1a1;
	display: block;
	font-size: 24px;
  letter-spacing: -.02em;
}

.history-area-blocks p {
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500;
	font-style: normal;
}
.history-area-blocks .flex .pickup-history {
	background: #fff;
	border: 4px solid #098bc5;
	border-radius: 15px;
	padding:4.57% 4.9% 4.57%;
	width: 83.05%;
	margin: 0 auto;
	position: relative;
  margin-top: 10px;
  text-align: center;
}
.pickup-history::before {
	content: "";
	position: absolute;
	width: 14px;
	height: 15px;
	background: url(../images/page/about/history/traiangle.png) no-repeat;
	background-size: 100%;
	top: -8px;
    left: -8px;
}
.caption {
	display: block;text-align: center;
	font-size: clamp(1.125rem, 0.024rem + 5.5vw, 1.5rem);
	color: #5155a1;
}
.pickup-history .caption {
	padding: 25px 0 0;
}
.pickup-history {text-align: center;}
.four .caption {margin-bottom: 25px;}
.history-area-blocks .float-year-img {top: 120px;}
.history-items {text-align: left;}
.item1945 .history-items p {margin-top: 245px;}
.item2010 .history-items p {margin-top: 145px;}
.item1945 .okinawa-items p {margin-top: 314px;}
.item2010 .okinawa-items p {margin-top: 314px;}
.item1948 .history-items p.one {margin-top: 88px;}
.one {margin-top: 130px;}
.two , .three , .four {margin-top: 30px;}
.item1945 .one,
.item1990 .one,
.item2010 .one {margin-top: 180px;}
.history-area-blocks .history-items img, 
.history-area-blocks .okinawa-items img {margin-top: 20px;}


/*.history-area-blocks.item1948 .okinawa-items img {margin: 0;}*/
.float-year-img {
	position: absolute;
	left: 24px;
	top: 120px;
	z-index: 1;
}
.item1949 .float-year-img {top: 50px;}
.img-positioon .float-img-first {
	top:-30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.item1948 .float-year-img {
	position: absolute;
	left: 24px;
	top: 27px;
	z-index: 1;
}
.two {margin-top: 20px;}
.three {margin-top: 20px;}
.history-area-blocks .float-year-img {top: 70px;max-width: 135px;}
.history-area-blocks .first {top: 140px;}
.history-area-blocks .float-year-img.year-big {max-width:220px;}
.item1945 .bg-blue .one {margin-top: 270px;}
.item1948 .one { margin-top: 90px; }
.item1948 .two {margin-top: 30px;}
.item1948 .three {margin-top: 50px;}
.item1948 .four {margin-top: 58px;}
.item1949 .one { margin-top: 40px; }
.item1949 .two {margin-top: 30px;}
.item1950 .one {margin-top: 110px;}
.item1952 .bg-gray .one {margin-top: 237px;}
.item1952 .bg-blue .one {margin-top: 620px;}
.item1953 .bg-gray .one {margin-top: 238px;}
.item1954 .bg-blue .one {margin-top: 138px;}
.item1955 .bg-gray .one {margin-top: 240px;}
.item1956 .bg-gray .one {margin-top: 243px;}
.item1957 .bg-blue .one {margin-top: 138px;}
.item1957 .bg-blue .two {margin-top: 50px;}
.item1958 .bg-blue .one {margin-top: 138px;}
.item1959 .bg-gray .one {margin-top: 270px;}
.item1961 .bg-blue .one {margin-top: 138px;}
.item1963 .bg-gray .one {margin-top: 270px;}
.item1963 .bg-blue .one {margin-top: 470px;}
.item1965 .bg-gray .one {margin-top: 240px;}
.item1966 .bg-blue .one {margin-top: 142px;}
.item1967 .bg-blue .one {margin-top: 130px;}
.item1968 .bg-blue .one {margin-top: 146px;}
.item1971 .bg-blue .one {margin-top: 138px;}
.item1972 .bg-gray .one {margin-top: 270px;}
.item1973 .bg-blue .one {margin-top: 143px;}
.item1974 .bg-blue .one {margin-top: 120px;}
.item1975 .bg-gray .one {margin-top: 170px;}
.item1976 .bg-gray .one {margin-top: 170px;}
.item1978 .bg-gray .one {margin-top: 170px;}
.item1977 .bg-blue .one {margin-top: 114px;}
.item1980 .bg-blue .one {margin-top: 135px;}
.item1981 .bg-gray .one {margin-top: 270px;}
.item1981 .bg-blue .one {margin-top: 140px;}
.item1983 .bg-blue .one {margin-top: 140px;}
.item1984 .bg-blue .one {margin-top: 140px;}
.item1985 .bg-blue .one {margin-top: 270px;}
.item1985 .bg-gray .one {margin-top: 175px;}
.item1987 .bg-gray .one {margin-top: 200px;}
.item1987 .bg-blue .one {margin-top: 320px;}




/*1990〜*/
.item1990 .okinawa-items p {margin-top: 120px;}
/*.bg-gray .one,
.bg-blue .one {margin-top: 120px}*/
.item1992 .bg-gray .one {margin-top: 120px;}
.item1995 .bg-gray .one {margin-top: 120px;}
.item1996 .bg-blue .one {margin-top: 170px;}
.item1996 .bg-gray .one {margin-top: 180px;}
.item1996 .bg-gray .two {margin-top: 80px;}
.item1996 .bg-blue .two {margin-top: 320px;}
.item1997 .bg-gray .one {margin-top: 180px;}
.item1997 .bg-gray .two {margin-top: 100px;}
.item1998 .bg-blue .one {margin-top: 170px;}
.item1998 .bg-blue .two {margin-top: 40px;}
.item1998 .bg-blue .three {margin-top: 40px;}
.item1999 .bg-gray .one {margin-top: 180px;}
.item1999 .bg-gray .four {margin-top: 40px;}
.item1999 .bg-blue .one {margin-top: 1000px;}
.item2000 .bg-gray .one {margin-top: 138px;}
.item2000 .bg-gray .two {margin-top: 40px;}
.item2001 .bg-gray .one {margin-top: 100px;}
.item2003 .bg-gray .one {margin-top: 240px;}
.item2003 .bg-blue .one {margin-top: 140px;}
.item2004 .bg-gray .one {margin-top: 180px;}
.item2004 .bg-blue .one {margin-top: 270px;}
.item2005 .bg-gray .one {margin-top: 180px;}
.item2006 .bg-gray .one {margin-top: 180px;}
.item2006 .bg-blue .one {margin-top: 680px;}
.item2007 .bg-gray .one {margin-top: 140px;}
.item2008 .bg-gray .one {margin-top: 170px;}
.item2009 .bg-gray .one {margin-top: 380px;}

/*2010〜*/
.item2010 .bg-blue .one {margin-top: 270px;}
.item2011 .bg-blue .one {margin-top: 180px;}
.item2012 .bg-blue .one {margin-top: 880px;}
.item2012 .bg-blue .two {margin-top: 60px;}
.item2013 .bg-gray .one {margin-top: 1000px;}
.item2013 .bg-gray .two {margin-top: 600px;}
.item2013 .bg-blue .three {margin-top: 400px;}
.item2014 .bg-blue .one {margin-top: 300px;}
.item2016 .bg-gray .one {margin-top: 240px;}
.item2016 .bg-gray .two {margin-top: 120px;}
.item2016 .bg-blue .two {margin-top: 240px;}
.item2016 .bg-gray .three {margin-top: 120px;}
.item2017 .bg-gray .one {margin-top: 160px;}
.item2017 .bg-gray .two {margin-top: 60px;}
.item2017 .bg-gray .three {margin-top: 120px;}
.item2017 .bg-blue .two {margin-top: 300px;}
.item2018 .bg-blue .one {margin-top: 80px;}
.item2018 .bg-blue .two {margin-top: 60px;}
.item2018 .bg-gray .one {margin-top: 400px;}
.item2019 .bg-blue .one {margin-top: 600px;}
.item2020 .bg-gray .two {margin-top: 60px;}
.item2020 .bg-blue .one {margin-top: 340px;}
.item2021 .bg-gray .one {margin-top: 480px;}
.item2021 .bg-blue .two {margin-top: 680px;}


.f-color-gray {color: #7e7e7e;font-size: 16px;letter-spacing: .04em;}
.item1981 .block {display: block;}





.histry-link-area {
	width: 900px;
	margin:32px auto 0;
	display: flex;
	justify-content: center;
}
.histry-link-area .his-link {
	width: 320px;
	display: block;
	padding: 15px 10px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 5px;
	letter-spacing: .02em;
	font-size: 18px;
	transition: .3s ease;
}
.histry-link-area .his-link:first-of-type {margin-right: 20px;}
.histry-link-area .his-link:hover {
	background: #0587c3;
	color: #fff;
	opacity: 1;
}


@media all and (max-width:1200px) {
.his-btn-wrap {
  width: 100%;
  margin: 30px auto 80px;
}
.his-btn-wrap a {width: 32%;}
.img-positioon {
  width: 16%;
  min-width: auto;
  border-width: 3px;
}
.float-menu {
    width: 76%;
    justify-content: space-around;
    right: 4%;
}
.history-area-blocks .items {padding: 20px 1%;}
.float-menu span {width: calc(48% - 1%);padding: 15px 0;}
.scroll-in {font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);}
.his-btn-wrap a {padding: 12px 24px;}
.histry-link-area {
	width: 100%;
	padding: 0 20px;
	margin-top: 20px;
}

}/*1200px*/




@media all and (max-width:768px) {
  .history-area-blocks .items .day {font-size: 16px;}
  .js_modalCont img {margin: auto;}


}/*768px*/


@media all and (max-width:480px) {
  .sp-display {
    display: block;
    width: 80px;
    padding-left: 10px;
    position: relative;
    bottom: -8px;
    z-index: 2;
  }
  .pc-display {display: none;}
  .history-leadtxt {text-align: left;}
  .his-btn-wrap {flex-wrap: wrap;margin: 24px auto 30px;}
  .his-btn-wrap a {width: 240px;margin: 0 auto;}
  .his-btn-wrap a:not(:last-of-type) {margin-bottom: 10px;}
  .img-positioon {width: 20px;margin-right: 5px;}
  .history-area-blocks .items {
    width: calc(50% - 10px);
    padding: 20px 3%;
  }

  .item1945 figure.img-positioon .float-img-first {top: -8px;}
  .float-menu {
      width: calc(90% - 18px);
      justify-content: space-around;
      top:10px;
  }
  .pickup-history {
    text-align: left;
    padding: 4.57% 4.9% 4.57%;
    border-width: 2px;
  }
  .float-menu span {
    font-size: clamp(0.75rem, 0.5rem + 1.25vw, 0.875rem);
    padding: 10px 0;
    letter-spacing: 0;
  }
  .pickup-history::before {
    width: 8px;height: 9px;
    top: -3px;
    left: -3px;
  }
  .one {margin-top: 60px;}
  .two {margin-top: 40px;}
  .float-year-img,
  .item1948 .float-year-img {left: 6px;}
  .history-area-blocks .float-year-img {max-width: 100px;top: 30px;}
  .history-area-blocks .float-year-img.year-big {max-width: 140px;}
  .history-area-blocks a {font-size: 14px;}
  .history-area-blocks.item1945 .float-year-img,
  .history-area-blocks.item1990 .float-year-img,
  .history-area-blocks.item2010 .float-year-img {top: 60px;}
  .item1945 .history-items p {margin-top: 125px;}
  .item1945 .okinawa-items p {margin-top: 155px;}
  .item1948 .one { margin-top: 90px; }
  .item1948 .two {margin-top: 30px;}
  .item1948 .three {margin-top: 50px;}
  .item1948 .four {margin-top: 58px;}
  .item1949 .one { margin-top: 40px; }
  .item1949 .two {margin-top: 30px;}
  .item1950 .one {margin-top: 110px;}
  .item1952 .bg-gray .one {margin-top: 137px;}
  .item1952 .bg-blue .one {margin-top: 320px;}
  .item1953 .bg-gray .one {margin-top: 138px;}
  .item1954 .bg-blue .one {margin-top: 78px;}
  .item1955 .bg-gray .one {margin-top: 120px;}
  .item1956 .bg-gray .one {margin-top: 123px;}
  .item1957 .bg-blue .one {margin-top: 78px;}
  .item1957 .bg-blue .two {margin-top: 25px;}
  .item1958 .bg-blue .one {margin-top: 78px;}
  .item1959 .bg-gray .one {margin-top: 135px;}
  .item1961 .bg-blue .one {margin-top: 78px;}
  .item1963 .bg-gray .one {margin-top: 135px;}
  .item1963 .bg-blue .one {margin-top: 235px;}
  .item1965 .bg-gray .one {margin-top: 120px;}
  .item1966 .bg-blue .one {margin-top: 71px;}
  .item1967 .bg-blue .one {margin-top: 65px;}
  .item1968 .bg-blue .one {margin-top: 75px;}
  .item1971 .bg-blue .one {margin-top: 78px;}
  .item1972 .bg-gray .one {margin-top: 135px;}
  .item1973 .bg-blue .one {margin-top: 75px;}
  .item1974 .bg-blue .one {margin-top: 60px;}
  .item1975 .bg-gray .one {margin-top: 85px;}
  .item1976 .bg-gray .one {margin-top: 85px;}
  .item1978 .bg-gray .one {margin-top: 85px;}
  .item1977 .bg-blue .one {margin-top: 56px;}
  .item1980 .bg-blue .one {margin-top: 78px;}
  .item1981 .bg-gray .one {margin-top: 135px;}
  .item1981 .bg-blue .one {margin-top: 70px;}
  .item1983 .bg-blue .one {margin-top: 70px;}
  .item1984 .bg-blue .one {margin-top: 70px;}
  .item1985 .bg-blue .one {margin-top: 135px;}
  .item1985 .bg-gray .one {margin-top: 85px;}
  .item1987 .bg-gray .one {margin-top: 100px;}
  .item1987 .bg-blue .one {margin-top: 160px;}



/*1990〜*/

.item1990 .okinawa-items p {margin-top: 60px;}
.item1992 .bg-gray .one {margin-top: 60px;}
.item1995 .bg-gray .one {margin-top: 60px;}
.item1996 .bg-blue .one {margin-top: 85px;}
.item1996 .bg-gray .one {margin-top: 90px;}
.item1996 .bg-gray .two {margin-top: 60px;}
.item1996 .bg-blue .two {margin-top: 180px;}
.item1997 .bg-gray .one {margin-top: 90px;}
.item1997 .bg-gray .two {margin-top: 120px;}
.item1998 .bg-blue .one {margin-top: 80px;}
.item1998 .bg-blue .two {margin-top: 60px;}
.item1999 .bg-gray .one {margin-top: 90px;}
.item1999 .bg-gray .four {margin-top: 60px;}
.item1999 .bg-blue .one {margin-top: 800px;}
.item2000 .bg-gray .one {margin-top: 64px;}
.item2000 .bg-gray .two {margin-top: 60px;}
.item2001 .bg-gray .one {margin-top: 50px;}
.item2003 .bg-gray .one {margin-top: 120px;}
.item2003 .bg-blue .one {margin-top: 70px;}
.item2004 .bg-gray .one {margin-top: 90px;}
.item2004 .bg-blue .one {margin-top: 135px;}
.item2005 .bg-gray .one {margin-top: 90px;}
.item2006 .bg-gray .one {margin-top: 90px;}
.item2006 .bg-blue .one {margin-top: 700px;}
.item2007 .bg-gray .one {margin-top: 70px;}
.item2008 .bg-gray .one {margin-top: 75px;}
.item2009 .bg-gray .one {margin-top: 140px;}

/*2010〜*/
.item2010 .bg-blue .one {margin-top: 135px;}
.item2011 .bg-blue .one {margin-top: 90px;}
.item2012 .bg-blue .one {margin-top: 440px;}
.item2013 .bg-gray .one {margin-top: 500px;}
.item2013 .bg-gray .two {margin-top: 550px;}

.item2013 .bg-blue .three {margin-top: 60px;}
.item2014 .bg-blue .one {margin-top: 150px;}
.item2016 .bg-gray .one {margin-top: 120px;}
.item2016 .bg-gray .two {margin-top: 60px;}
.item2016 .bg-blue .two {margin-top: 120px;}
.item2016 .bg-gray .three {margin-top: 300px;}
.item2017 .bg-gray .one {margin-top: 80px;}
.item2017 .bg-gray .two {margin-top: 30px;}
.item2017 .bg-gray .three {margin-top: 60px;}
.item2017 .bg-blue .two {margin-top: 150px;}
.item2018 .bg-blue .one {margin-top: 40px;}
.item2018 .bg-blue .two {margin-top: 30px;}
.item2018 .bg-gray .one {margin-top: 200px;}
.item2019 .bg-blue .one {margin-top: 300px;}
.item2020 .bg-gray .two {margin-top: 30px;}
.item2020 .bg-blue .one {margin-top: 170px;}
.item2021 .bg-gray .one {margin-top: 240px;}
.item2021 .bg-blue .two {margin-top: 340px;}
.history-area-blocks .items img {width: 100%;}

.histry-link-area {
	padding: 0 10px;
	margin-top: 10px;
	margin-bottom: 40px;
}
.histry-link-area .his-link {
	padding: 6px;
	font-size: 14px;
	border-radius: 5px;
}
.histry-link-area .his-link:first-of-type {margin-right: 10px;}


}/*480px*/





/* ==========================
  fade animation
========================== */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}



/* ==========================
  モーダル（ポップアップ）
========================== */
.js_modalBtnWrap {
  max-width: 100%;
}
.js_modalCont img {
  margin:0 0 0 40px;
  width:auto;
  height:auto;
  max-width:600px;
  max-height:450px;
}
.js_modalBtnCont {
  display: block;
  transition: 0.3s;
}
.js_modalBtnCont:hover,
.js_modalBtnCont:focus {
  opacity: .8;
}
.js_modalWrap {
  opacity: 0;
  z-index: -1;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.js_modalWrap.active {
  animation: modalOpen 0.3s ease forwards;
  display: block;
}
.js_modalWrap.active2 {
  animation: modalClose 0.3s ease forwards;
}
.js_modalBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.js_modalContInner {
  position: absolute;
  top: calc(50% + 70px);
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  max-width:1200px;
  background-color: #fff;
  max-height: 80vh;
  padding: 40px;
  font-size: 14px;
}
.js_modalCont {
/*  overflow-y: scroll;*/
  line-height: 1.5;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.align-Y {width: 40%;}

.js_modalBtnCont:hover {
  cursor: pointer;
  text-decoration: underline;
}
.js_modalCont > * + * {
  margin-top: 10px;
}
.js_modalContInner > .js_modalClose + * {
  margin-top: 0;
}
.js_modalClose {
  display: block;
  position: absolute;
  top: 10.5px;
  right: 10.5px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1001;
}
.js_modalClose::before,
.js_modalClose::after {
  content: "";
  background-color: #222;
  position: absolute;
  top: -5px;
  right: 10px;
  width: 1px;
  height: 30px;
}
.js_modalClose::before {
  transform: rotate(45deg);
}
.js_modalClose::after {
  transform: rotate(-45deg);
}
@keyframes modalOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    z-index: 9999;
  }
}
@keyframes modalClose {
  0% {
    opacity: 1;
    z-index: 9999;
  }
  100% {
    opacity: 0;
  }
}

/* ==========================
  コンテンツの中身
========================== */
.md_linkBtnWrap {
  width: 300px;
  max-width: 100%;
  margin: 10px auto 0;
  text-align: center;
}
.md_linkBtnCont {
  display: block;
  color: #222;
  border: 1px solid #222;
  padding: 15px 5px;
  transition: 0.3s;
}
.md_linkBtnCont:hover,
.md_linkBtnCont:focus {
  color: #fff;
  background-color: #222;
}
/*モーダル*/
@media (max-width: 1200px) {
  .js_modalContInner {
    top: calc(50% + 58px);
    width: 96%;
  }
}
@media all and (max-width: 1000px) {
  .js_modalCont {
    max-height: 100%;
    flex-wrap: wrap-reverse;
    padding-right: 0;
  }
  .align-Y {width: 100%;}
  .js_modalCont img {
    margin: 0 auto 10px;max-width: 100%;
    height: auto;
  }
  .js_modalContInner {overflow-y: scroll;}
}
/* PC幅に適用 */
@media (min-width: 768px) {
  .hp_sp {
    display: none !important;
  }
}
/* スマホ幅に適用 */
@media (max-width: 768px) {
  .hp_pc {
    display: none !important;
  }
  .align-Y {width: 100%;}

  .js_modalContInner {
    max-height: 80%;
    padding: 32px 25px;
    width: 96%;
  }

  .js_modalClose {
    top: 5.5px;
    right: 14px;
  }
  .js_modalClose::before,
  .js_modalClose::after {
    top: 0;
    height: 20px;
  }


}
@media all and (max-width:991px) {
  .js_modalContInner {top: calc(50% + 44px);}
}