a {
  opacity:1;
  transition:0.5s ease ;
  text-decoration: none;
  color: #333;
}

a:hover {
  opacity:0.7;
  color: #333;
  text-decoration: none;
}


body {
  font-size: 16px;
  background: #fff;
  color: #333;
  line-height: 1.5em;
}
.card-body {
padding:15px 0;
margin: 0;
line-height:1.5;
}

.card-body h5{
margin:10px;
font-size:22px;
font-weight:bold;
}
.card-body p{
margin:0 10px;
}
.card-text ul { padding-left: 0; }


.soft{
border-radius: 10px;
box-shadow:11px 11px 0px 0px #29ABE2;
}
.basket{
border-radius: 10px;
box-shadow:11px 11px 0px 0px #0071BC;
}
.basket2{
border-radius: 10px;
box-shadow:11px 11px 0px 0px #ED1C24;
}
.volley{
border-radius: 10px;
box-shadow:11px 11px 0px 0px #000000;
}

.volley2{
border-radius: 10px;
box-shadow:11px 11px 0px 0px #2E3192;
}

.hand{
border-radius: 10px;
box-shadow:11px 11px 0px 0px #ED1C24;
}

.my-auto img{
width:90%;
margin:15px 0 15px 15px;
}




.e_content {
padding-bottom:30px;
position:relative;
}
.crane {
position:absolute;
right:20px;
bottom:10px;
}
@media screen and (max-width: 480px) {
.e_content {
padding-bottom:50px;
position:relative;
}

}



@media screen and (max-width: 728px) {
.card-body {
padding:0 15px 15px 15px;
margin: 0;
line-height:1.5;
}
.card-body h5{
font-size:26px;
}
.sub {
text-align:right;
}
.crane {
width:25%;
position:absolute;
right:15px;
bottom:10px;
}
.kakitsubata {
position:absolute;
right:0px;
top:50px;
width:60px;
}
}


.modal-body {
 margin:20px 0 0 20px;
 padding:0;
}
.modal-title{
  margin:5px 0;
}

.vb001 {
padding:15px 0 18px 80px;
background: url(../imgs/stings.png) no-repeat 0 0;
}
.vb002 {
padding:15px 0 15px 80px;
background: url(../imgs/queenseis.png) no-repeat 0 0;
}

.bb002 {
padding:15px 0 15px 80px;
background: url(../imgs/denso_iris.png) no-repeat 0 0;
}
.sb001 {
padding:15px 0 15px 80px;
background: url(../imgs/s_vega.png) no-repeat -20px 10px;
}
.hb001 {
padding:15px 0 25px 80px;
background: url(../imgs/kings.png) no-repeat -5px 5px;
}

.modal-body h6{
  font-weight: bold;
}

.soft-2 {
box-shadow:-20px -20px 0px 0px #29ABE2;
}

.volley-1 {
box-shadow:-20px -20px 0px 0px #000000;
}

.volley-2 {
box-shadow:-20px -20px 0px 0px #2E3192;
}

.basket2-2 {
box-shadow:-20px -20px 0px 0px #ED1C24;
}

.basket-1 {
box-shadow:-20px -20px 0px 0px #000000;
}
.hand-1 {
box-shadow:-20px -20px 0px 0px #ED1C24;
}

.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

.carousel-item{
  height: auto;
}



.pdata {
width:98%;
margin:0 5px 0 0;
}

/* 吹き出し本体 */
.balloon{
font-size:90%;
line-height:1.2;
border-radius:10px;
background-color:#E6E6E6;
position: relative;
padding: 10px;
}

/* beforeで三角を表現 */
.balloon::before{
  content: '';
  position: absolute;
  left: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #E6E6E6;
  border-left: 15px solid transparent;
}

.shop-img {
   width: 100px;
   height: 100px;
   object-fit: cover;
   border-radius: 50%;
}


.rec-t {
font-size:100%;
}

.rec-text {
font-size:80%;
line-height:1.2;
margin:5px 0;
padding:0;
}

.rec-add {
font-size:80%;
margin:5px 0 0 0;
padding:0;
}
.rec-tel {
font-size:80%;
margin:0;
padding:0;
}
.reserve-title {
  background-color:#333;
  text-align: center;
  color:#fff;
  padding:15px 0; 
}

.rch input[type="radio"]:checked + label {
  background-color: #D59FCC;
  border-color: #D59FCC;
}

label {
  margin-top:20px;
  font-size:14px;
}