@charset "utf-8";
/* CSS Document */

#shibukawa_eco .explain {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
#shibukawa_eco .omotenashi {
  width: 400px;
  height: 60px;
  margin: 0 auto 15px;
  text-align: center;
  background: #518934;
  font-size: 2rem;
  border-radius: 15px;
  position: relative;
}
#shibukawa_eco .omotenashi a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 13px 42px;
}
#shibukawa_eco .omotenashi:hover {
  opacity: 0.7;
  transition: 0.2s;
}
#shibukawa_eco .omotenashi::after { /*矢印*/
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: calc(50% - 6px);
  right: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*特急に乗って「お得に伊香保温泉へGO!」*/
#shibukawa_eco .flex_box {
  display: flex;
  gap: 15px;
}
.sp {display: none;}
/*~767px For SP*/
@media screen and (max-width:767px){
  .sp {display: block;}
  .pc {display: none;}
  /*以下SP記述*/
  
  #shibukawa_eco .explain {
    font-size: 1.2rem;
  }
  #shibukawa_eco .omotenashi {
    width: 320px;
    font-size: 1.7rem;
  }
  #shibukawa_eco .omotenashi a {
    padding: 15px 26px;
  }
  #shibukawa_eco .omotenashi::after { /*矢印*/
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    right: 12px;
  }
  #shibukawa_eco .detailText {
    padding: 10px;
  }
  /*特急に乗って「お得に伊香保温泉へGO!」*/
  #shibukawa_eco .flex_box {
    flex-direction: column;
    gap: 0;
  }
}