@charset "UTF-8";

.link{
	background: #b5d4ed;
	background: -moz-linear-gradient(left,  #ffffff 0%, #b5d4ed 40%, #b5d4ed 60%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#b5d4ed 40%,#b5d4ed 60%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#b5d4ed 40%,#b5d4ed 60%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );

}
.link .flex{
	display: flex;
	justify-content: space-between;
	padding: 10px;
}
.link .data{
	font-size: 1.3rem;
	width: 16em;
}
.link .data p{
	margin: 0 0 10px;
	font-size: 1.3rem;
	width: 16em;
}
.link .ph{
	max-width: 40%;margin-right: 10px;
}
.link .ph img{
	width: 100%;
	border: 3px solid rgba(255,255,255,0.5);
}
.link .data a{
	color: #4794D1;
	font-size: 1.5rem;
}
.link h2{
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	border-bottom: 1px solid #666;
}
.link h2 i{
	color: #8CC457;
}
.last{
	margin-top: 30px;
}
.year_list ul{
	background: #b5d4ed;
	background: -moz-linear-gradient(left,  #ffffff 0%, #b5d4ed 40%, #b5d4ed 60%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#b5d4ed 40%,#b5d4ed 60%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#b5d4ed 40%,#b5d4ed 60%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.year_list ul{
	list-style-type: none;
	margin: 0 0 10px;
	padding:20px 5px;
	display: flex;
	flex-wrap: wrap;
}
.year_list li{
	position:relative;
	margin: 0 10px 10px 0;
	padding-left:14px;
	cursor: pointer;
	border-bottom: 2px solid rgba(71,148,209,0);
}
.year_list li.slct{
	border-bottom: 2px solid rgba(71,148,209,1.00);
	color: #4794D1;
}
.year_list li::before{
    content: "";
    background: #4794D1 url(../img/common/arrow.svg) center center;
    padding: 0px;
    margin: auto;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.sp.select{
	text-align: center;
	font-size: 2rem;
}
.sp.select span{
	width: 2rem;
}
.sp.select span{
	display: inline-block;
	padding: 0 1px;
	margin:0 2px 0;
	min-width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
	background: #eee;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
}
.sp.select span{
	color:rgba(71,148,209,1.00);
}
.sp.select span.stop{
		color: #bbb;

}
.sp.select span:not(.stop):hover{
	background:rgba(71,148,209,1.00) !important;
	color: #fff !important;
}

#year_select{
		font-size: 2rem;	margin: 0 1em;

}

.link li a{}
.year_data{
	display: block;
}
.year_data h2{
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	border-bottom: 1px solid #666;
}
.year_data h2 i{
	color: #8CC457;
}
.year_data .flex div{
	display: flex;
    margin: 10px;
}
.year_data .flex div .ph{
	width: calc(100% - 11em);
	max-width: 40%;
}
.year_data .flex div .ph img{
	width: 100%;
}
.year_data .flex div p{
width: 11em;
	margin:0 0 0 1em;
}

@media (min-width: 768px) {
.link{
	padding:20px 50px ;
}
.link .flex{
	display: flex;
	padding:20px ;
	justify-content:space-between;
}
.link .ph img{
	width: 280px;
	max-width: 100%;
}
.year_data .flex{
	display: flex;
	justify-content: flex-start;
}
.year_data .flex div{
	display: block;
	width: 25%;
    margin: 10px 0;
}
.year_data .flex div .ph {
    width: auto;
    max-width: 100%;
	display: block;
	    margin: 0 10px;
}
.year_data .flex div p {
    width: auto;
    max-width: 100%;
    margin: 0 0 0 10px;
	font-size: min(1.5rem, 1.5vw);
	}
.year_data img{
	width: 100%;
	display: block;
}

}
@media (min-width: 850px) {


}