@charset "utf-8";
/* layout */


.fadein_area {

}






.lightbox {
	font-weight: bold;
}
.lightbox a {
	color: #E50012;
}

.lightbox a:hover {
	color: #333333;
	font-weight: bold;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダー下の3つのボタン　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:420px) {
.lower_button {
	width: 100%;
	margin-top: 50px;
	text-align: center;
}
}

@media only screen and (min-width:420px)  and (max-width:1150px){
.lower_button {
	width: 100%;
	margin-top: 50px;
	text-align: center;
}
}

@media only screen and (min-width:1151px) {
.lower_button {
	width: 100%;
	margin-top: 10px;
	text-align: center;
}
}

.button {
	display: inline-block;
	width: 200px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	line-height: 34px;
	outline: none;
	margin-left: 5px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #AAA;
  color: #555555;
  line-height: 34px;
  overflow: hidden;
}

.button:link {
  color: #555555;
}
.button:visited  {
  color: #555555;
}
.button:hover {
  color: #FFFFFF;
}

.button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.button:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #AAA;
}








/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　年表　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media only screen and (max-width:420px) {
.history {
	width: 165%;
	float: left;
	margin-top: 70px;
	margin-bottom: 100px;
	margin-left: -190px;
}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
}


@media only screen and (min-width:420px)  and (max-width:650px){
.history {
	width: 135%;
	float: left;
	margin-top: 70px;
	margin-bottom: 100px;
	margin-left: -190px;
}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
}



@media only screen and (min-width:651px)  and (max-width:850px){
.history {
	width: 95%;
	float: left;
	margin-top: 70px;
	margin-bottom: 100px;
	margin-left: -190px;
}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
}

@media only screen and (min-width:851px)  and (max-width:1150px){
.history {
	width: 93%;
	float: left;
	margin-top: 70px;
	margin-bottom: 100px;
	margin-left: -130px;
}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
}

@media only screen and (min-width:1151px) {

.history {
	width: 96%;
	float: left;
	margin-top: 70px;
	margin-bottom: 100px;
	margin-left: -120px;
	height: 1730px;
}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
	overflow: hidden;
	margin: 0;
	position: relative;
	width: 100%;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 17px;
  }
  .timeline-content {
	width: 75%;
	float: left;
	border-left: 3px #e5e5d1 solid;
	padding-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	padding-top: 2px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}





@media only screen and (max-width:420px) {
.cd-container-1 {
	width: 92%;
	margin-left: 20px;
	margin-right: 20px;
} 
}

@media only screen and (min-width:420px)  and (max-width:650px){
.cd-container-1 {
	width: 95%;
	margin-left: 20px;
	margin-right: 20px;
}   
}

@media only screen and (min-width:651px)  and (max-width:850px){
.cd-container-1 {
	width: 96%;
	margin-left: 20px;
	margin-right: 20px;
}  
}

@media only screen and (min-width:851px)  and (max-width:1150px){
.cd-container-1 {
	width: 97%;
	margin-left: 20px;
	margin-right: 20px;
} 
}

@media only screen and (min-width:1151px) {
.cd-container-1 {
	width: 1150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
	padding-left: 0px;
} 
}