@charset "utf-8";

/* CSS Document */


.campaign-detail{
  display: inline-block;
  padding: 1.5rem 2.0rem;
  border: 1px solid #dddddd;
  width: -webkit-fill-available;
  width: -moz-available;
  width: available;
  width: fill-available
}


.jmb-promo-colum-l {
  width:49%;
  margin:0.5rem 0.5rem 0.5rem 0 ;
  float:left
}

.jmb-promo-colum-r {
  width:49%;
  margin:0.5rem 0 0.5rem 0.5rem;
  float:right
}

.jmb-promo-colum-r img{
  width:100%;
}

.jmb-promo-colum-l ol{
  margin-top:0;
}

.jmb-promo-colum-l ol li ol {
  margin-bottom: 2.0rem;
}

.pc-view {
  width: -webkit-fill-available;
  width: -moz-available;
  width: available;
  width: fill-available
}

.pc-view-table {
  display: table;
  padding: 0.5rem;
  border: 1px solid #dddddd;
  width: -webkit-fill-available;
  width: -moz-available;
  width: available;
  width: fill-available
}

.pc-view-th {
  padding: 1.0rem 0.5rem;
  background-color: #b1966b;
  text-align:center
}

.pc-view-tr {
  display:table-row
}

.pc-view-td {
  display: table-cell;
  padding:0.5rem 1.0rem 1.0rem
}

.pc-view-td p{
  margin: 0;
  font-size: 1.2rem
}

.pc-view-td p span{
  font-size: 1.0rem
}

.pc-view-arrow{
text-align:center;padding:0 2.0rem
}

.pc-view {display: block !important; }
.sp-view { display: none !important; }


@media screen and (max-width: 768px) {

.jmb-promo-colum-l ol {
  margin:0 2.0rem 1.0rem;
}

.jmb-promo-colum-l ol li ol {
  margin:0 2.0rem 2.0rem;
}

.jmb-promo-colum-b li {
  margin:0 2.0rem 1.0rem;
}

}

@media screen and (max-width: 540px) {

.jmb-promo-colum-l {
  width:100%;
  margin:0.1rem 0.2rem;
}

.jmb-promo-colum-r {
  width:100%;
  margin:0.1rem 0.2rem 2.0rem;
}

.jmb-promo-colum-r img{
  width:100%;
  padding:0 1.0rem;
}

.pc-view { display: none !important; }
.sp-view { display: block !important; }

.sp-view-table {
  padding: 0.5rem;
  border: 1px solid #dddddd;
  width: -webkit-fill-available;
  width: -moz-available;
  width: available;
  width: fill-available
  text-align:center;
}

.sp-view-th {
  padding: 1.0rem 0.5rem;
  background-color: #b1966b;
  text-align:center
}

.sp-view-tr {
  margin-bottom:1.0rem;
  border: 1px solid #dddddd;
}

.sp-view-td {
  padding:0.5rem 1.0rem;
  text-align:center;

}

.sp-view-td p{
  margin: 0;
  font-size: 1.2rem
}

.sp-view-td p span{
  font-size: 1.0rem
}

.sp-view-arrow{
text-align:center; padding: 0.5rem 2.0rem
}

}
/* add css 2021_0514 nishitsuji END */