body {background-color: rgb(248, 248, 248) !important;}
    .btn{width: 100% !important; height: 100% !important;}
    .card-body {padding: 0 !important;}
    .card .card-body .btn {border-radius: 0.3rem !important;}
    .card, .card-body {border-radius: 0.3rem !important;}
    .card img {width: 60%; border: 1px solid #cfcfcf; margin: auto;}
    .custom-total .card {padding: 0.5rem;}
    .custom-total .card-title {padding-top: 1rem;}

/* BUTTON */
.btn {
	background-color: #FFF;
    border: 1px solid #303030 !important;
    transition:0.3s all;
    display: block;
    border-radius: 0.3rem !important;
    text-align: center !important;
}
.card button {
    margin-top: 1.5rem;
    padding-top: 0.5rem;   /* 好きな値に調整 */
    padding-bottom: 0.5rem;}
.card .xbtn-outline-dark {background-color: #999999 !important; color: white !important; border: none !important;}
.btn-outline-dark {
    background-color: #fff !important;
    border: 1.5px solid #175b83 !important;
    color: #175b83 !important;}

.card a {
    position: absolute;
	text-decoration: none; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.card:hover .btn {
	background-color: #223355 !important;
    color: #FFF !important;
	font-weight: bold;
    transition:0.3s all;
  }

.col-12 {padding: 2.5rem 0 0rem 0;}
.single h5 {border-left: 0.5rem solid #307bb8; padding: 0 0.3rem !important;  font-weight: bold; }