/********** vending_detail_common **********/
.wrapper_vending_detail {
  min-width: 1366px;
  background-color: var(--white);
  margin:0 auto 80px auto;
  padding-top:208px;
}
.vending_detail {
  min-width: 1366px;
  margin:0 auto;
}
.vending_detail .content{
  width:1200px;
  margin:0 auto;
}

.main-title{
  width:100%;
  margin:0 auto;
}
.main-title img{
  display: block;
  margin:0 auto;
}
.main-title h1{
  color:var(--text-color3);
  font-size:32px;
  margin:18px auto 45px auto;
  text-align: center;
}

/********** detail **********/
.catalog1{
  margin-bottom: 55px;
}
.catalog2{
  margin: 45px auto 55px auto;
}
.catalog1 img,
.catalog2 img{
  width:100%;
  border-radius: 15px;
}
.vending_detail .details{
  width: 1200px;
  margin:0 auto;
  padding:50px 80px 55px 80px;
  background-color: var(--bk-color5);
  border-radius: 15px;
}
.details .detail_items{
  display: flex;
  justify-content: space-between;
}
.details .left_item,
.details .right_item{
  width: 490px;
}
.details h3{
  font-size: 24px;
  font-weight: 500;
  color:var(--text-color3);
  margin:0 0 35px 0;
}
.detail_items{
  display: flex;
}
.left_item .item,
.right_item .item{
  display: flex;
  border-top:1px dotted var(--text-color2);
  align-items: center;
}
.left_item .item:last-child,
.right_item .item:last-child{
  border-bottom:1px dotted var(--text-color2);
}
.sub_item_right .item:last-child{
  border-bottom:none;
}
.sub_item_right .item:first-child{
  border-top:none;
}
.sub_item{
  display: flex;
  align-items: center;
  border-top:1px dotted var(--text-color2);
}
.sub_item .title,
.item .title{
  font-size: 15px;
  font-weight: 500;
  color:var(--text-color3);
  flex:0 0 120px;
  margin:0;
  line-height: 3;
}
.item .detail{
  font-size: 15px;
  font-weight: 500;
  color:var(--text-color2);
  margin:0;
  line-height: 1.2;
}
.sub_item_right{
  flex:1 0;
}
.memo{
  font-size: 13px;
  font-weight: 500;
  color:var(--text-color2);
  margin:12px 0 0 0;
  text-align: right;
}

.para_bt{
  display: flex;
  justify-content: center;
  margin:0 auto;
}
.para_bt .bt:first-child{
  margin-right: 80px;
}
.para_bt .bt{
  position:relative;
  bottom:0;
  left:123px
}


/********** ここからスマホ **********/
@media only screen and (max-width:599px){

/********** vending_detail_common **********/
.wrapper_vending_detail {
  min-width: 100vw;
  margin:0 auto 24px auto;
  padding-top: 120px;
}
.vending_detail {
  min-width: 100vw;
}
.vending_detail .content{
  width: 100%;
}
.main-title h1{
  font-size:24px;
  font-weight: 700;
  margin:12px auto 40px auto;
}

/********** detail **********/
.catalog1{
  margin-bottom: 24px;
}
.catalog2{
  display: none;
}
.catalog1 img,
.catalog2 img{
  border-radius: 0;
}
.vending_detail .details{
  width: 90%;
  padding:42px 24px;
}
.details .left_item,
.details .right_item{
  width: 100%;
}
.details h3{
  font-size: 18px;
  margin:0 0 30px 0;
}
.detail_items{
  flex-wrap: wrap;
}
.sub_item{
  align-items: flex-start;
  border-top:none;
}
.sub_item .title,
.item .title{
  font-size: 14px;
  flex:0 0 100px;
  padding:5px 0;
}
.item .detail{
  font-size: 14px;
  line-height: 1.2;
  padding:5px 0;
}
.left_item .item,
.right_item .item{
  align-items: center;
}
.memo{
  font-size: 12px;
}

.para_bt{
  flex-wrap: wrap;
  margin:40px auto 0 auto;
}
.para_bt .bt:first-child{
  margin: 0 auto 30px auto;
}
}