@charset "utf-8";

.bk_list{
  	width: 100%;
  	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 10%;
  }
.bk_list .bkBox{
  	width: 46%;
	box-sizing: border-box;
	margin-bottom: 40px;
  }
.bk_list .bkBox a {
	text-decoration: none;
	transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.bk_list .bkBox a:hover{
  	opacity: 0.7;
  	text-decoration: none;
  }
.bk_list .bkBox a .bkImg{
  	width: 100%;
	margin-bottom: 20px;
	padding: 0;
  }
 
.bk_list .bkBox a h4{
  	width:100%;
	margin-bottom: 10px;
	padding: 0;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	font-size: 1.2rem;
	flex-grow: 1;
	color: #999485;
  }
.bk_list .bkBox a .bkAdd{
  	width:100%;
	margin: 0;
	padding: 0;
	text-align: justify;
	font-size: 1.0rem;
	color: #231815;
  }


/* sales-PC
------------------------------------------------------- */
@media print, screen and (min-width: 1101px) {
  
.bk_list{
  	justify-content: flex-start;
  }
.bk_list .bkBox{
  	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
  }
.bk_list .bkBox:nth-child(3n){
  	margin-right: 0;
  }
 
.bk_list .bkBox a h4{
	font-size: 1.8rem;
  }

.bk_list .bkBox a .bkAdd{
	font-size: 1.2rem;
  }
}