@charset "utf-8";
/* ===================================================================
CSS
 file name  :  result.css
=================================================================== */
.result,
.result_detail{
	padding-bottom: 150px;
}
@media screen and (max-width: 768px) {
	.result,
	.result_detail{
		padding-bottom: 100px;
	}
}
@media screen and (max-width: 480px) {
	.result{
		padding-bottom: 80px;
	}
	.result_detail{
		padding: 0 0 80px 0
	}
}
/* =====================================
販売実績一覧
======================================== */
ul.result_list{
	display: flex;
	flex-wrap: wrap;
}
ul.result_list li{
	margin-bottom: 50px;
	width: 25%;
	padding: 0 1.5%;
}
ul.result_list li a{
	text-decoration: none;
	color: #333;
}
ul.result_list li a:hover .photo{
	opacity: 0.7;
}
ul.result_list li .photo{
	width: 100%;
	height:185px;
}
ul.result_list li .photo img{
	width: 100%;
	height:185px;
	object-fit:cover;
}
ul.result_list li .text{
	margin-top: 1em;
	word-break: break-all;
}
@media screen and (max-width: 768px) {
	ul.result_list{
		margin: 0 auto 0 auto;
		max-width: 640px;
	}
	ul.result_list li{
		margin-bottom: 30px;
		width: 50%;
		padding: 0 2%;
	}
}
@media screen and (max-width: 480px) {
	ul.result_list li .photo{
		height:130px;
	}
	ul.result_list li .photo img{
		height:130px;
	}
}
/* =====================================
販売実績詳細
======================================== */
.result_outline{
	background: #E3ECF7;
}
.result_outline h2{
	color: #202466;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 0.5em
}
.result_outline dl dt{
	color: #202466;
	font-size: 1.4rem;
	line-height: 1.6;
	border: 1px solid #202466;
	width: 7em;
	text-align: center;
}
.result_outline dl dd{
	padding-left: 8em;
	margin-top: -1.9em;
	margin-bottom: 0.8em;
}
.result_outline dl dd:last-child{
	margin-bottom: 0;
}
.results_main_img{
	margin-top: 50px;
	text-align: center;
}
@media print, screen and (min-width: 769px) {
	.result_outline{
		display: flex;
		padding: 2em;
	}
	.result_outline > div{
		width: 50%;
		padding: 0 1em;
	}
	ul.results_img_list{
		display: flex;
		flex-wrap: wrap;
		margin: 60px -20px auto -20px;
	}
	ul.results_img_list li{
		width: 33.333%;
		padding: 0 20px 50px 20px;
	}
	ul.results_img_list li img{
		width: 100%;
		height: 280px;
		object-fit:cover;
	}
}
@media screen and (min-width: 769px) and (max-width: 980px) {
	ul.results_img_list{
		margin: 60px -10px auto -10px;
	}
	ul.results_img_list li{
		padding: 0 10px 30px 10px;
	}
	ul.results_img_list li img{
		height: 220px;
	}
}
@media screen and (max-width: 768px) {
	.result_outline{
		padding: 20px;
	}
	.result_outline h2{
		font-size: 1.4rem;
	}
	.result_outline dl{
		margin-top: 1em;
	}
	.result_outline dl dt{
		font-size: 1.0rem;
		line-height: 1.8;
		width: 6em;
	}
	.result_outline dl dd{
		padding-left: 7em;
		margin-top: -1.9em;
		margin-bottom: 0.8em;
	}
	.results_main_img{
		margin-top: 30px;
	}
	ul.results_img_list li{
		margin-top: 30px;
	}
	ul.results_img_list li a{
		pointer-events: none;
	}
}


.year_list {
    width: 100%;
    margin:0 auto 30px;
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}

.year_list a {
    position: relative;
    display: inline-block;
    width: 150px;
    padding: 15px 0 25px;
    margin: 0 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
    text-align: center;
    text-decoration: none;
    border: 1px solid #999;
    vertical-align: bottom;
    -webkit-transition: .3s;
    transition: .3s;
    color: #333;
}

.year_list a::after {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    margin: auto;
    content: '';
    width: 7px;
    height: 7px;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media print, screen and (min-width: 769px) {
    .year_list a:hover {
        background-color: #ccc
    }
}

@media screen and (max-width: 768px) {
    .year_list {
        width:96%;
        margin: 10px auto 30px
    }

    .year_list a {
        width: calc(98% / 3);
        padding: 9px 0 18px;
        margin: 0 1px 2px
    }
}
h3.year_title
{
	background: #E5ECF6;
	padding: 1em 2em;
	color: #202466;
	font-size: 1.6rem;
	font-weight: 700;
    margin-bottom:30px;
}
@media screen and (max-width: 768px) {
	h3.year_title{
		font-size: 1.2rem;
		padding: 0.7em 1em;
		max-width: 640px;
		margin: 0 auto 30px;
	}
}