@font-face {
  font-family: SourceSansPro-Bold;
  src: url("/css/font/SOURCESANSPRO_BOLD.TTF");
}
@font-face {
  font-family: SourceSansPro-Regular;
  src: url("/css/font/SOURCESANSPRO_REGULAR.TTF");
}
@font-face {
  font-family: SourceSansPro-Black;
  src: url("/css/font/SOURCESANSPRO-BLACK.TTF");
}
@font-face {
  font-family: GarbataTrial-Black;
  src: url("/css/font/GARBATATRIAL-BLACK.TTF");
}
:root {
  /* --main-width-p: calc(100vw - 18.75vw * 2); */
  /* --main-width-p: calc(100vw - 19.18vw * 2); */
  --main-width-a: calc(100vw - 2.78vw * 2);
  --main-text-color: #000000;
  --container-bg:#ffffff;
  --p-base-font-size:0.94vw;
  --p-title-font-size:1.04vw;
  --p-mini-font-size:0.63vw;
}
html{  
  font-family: SourceSansPro-Regular; 
  /* cursor: pointer; */
}
a {
  color: inherit;
  text-decoration: none;
}
h2 {
  font-size: 2.08vw;
}
.pc{
  display: block;
}
.mobile{
  display: none ;
}

.header-navs {
  background: #4e0193;
}
.banner {
  display: none;
  width: 100%;
  height: 27.71vw;
  margin-top: -0.1vw;
  position: relative;
  background: url(https://d2k4z7x2ql166o.cloudfront.net/us/jackpotLegend/view/static/img/banner.png);
  background-size: cover;
}

.main-content {
  width: var(--main-width-p);
  padding-top: 5.16vw;
  height: auto;
  text-align: center;
}
.breadcrumb {
  margin: 0 ;
  display: flex;
  line-height: 2.14vw;
  padding-left: 23.02vw;
  font-size: 0.73vw;
  height: 2.14vw;
 
  background: #f3f3f3;
  color: #4e0193;
}
.breadcrumb li {
  list-style: none;
}
.breadcrumb li:last-child a {
  text-decoration: none;
  cursor: default;   
  color: #545454;
}
.breadcrumb li:not(:last-child) a {
  /* color: #fff; */
  cursor: pointer;
  font-weight: bold;
}
.breadcrumb .bread_icon {
  margin: 0 8px;
}
.breadcrumb li:not(:last-child):after {
  content: ">";
  margin: 0 5px;
}
.page_container{
  padding: 2.08vw 22.02vw 2.76vw 23.02vw;
}
 /* .page-h2{
  display: none;  
} */
.main-content-t{
  font-size: var(--p-title-font-size);
  font-family: MyriadPro-Bold;
  line-height: 1.33vw;
  letter-spacing: 0vw;
  color: #333333;
}
.main-content-c{
  font-size: var(--p-base-font-size);
  text-align: left;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.56vw;
  letter-spacing: 0vw;
  color: #141414;
}
.page-h2 {
  font-family: GarbataTrial-Black;
  font-size: 1.88vw;
  color: #333333;
  margin-bottom: 1.22vw;
  margin-top: 0;
  display: block;
  font-size: 1.56vw;
}






.page-box {
  width: 100%;
  margin-bottom: 1.88vw;
  display: block;
  list-style: none;    
  text-align: center;
}
button {
  color: #696969;
  font-size: 0.63vw;
  background-color: #ffffff;
  margin-right: 1.3vw;
  width: 1.56vw;
  height: 1.56vw;
  border-radius: 0.21vw;
  border: solid 0.05vw #ebebee;
  font-family: MyriadPro-Regular;
  padding: 0;
  cursor: pointer;
}
button:disabled {
  background-color: #720304;
  color: #fff;
}
b.big-title {
  font-size: 1.37vw;
  line-height: 2.37vw;
}
.pict {
  width: 100%;
  height: auto;
}

table {
  border-collapse: collapse;
  margin: 1.22vw 0;
  font-size: var(--p-base-font-size);
  color: #141414;
}
th,
td {
  border: 1px solid #e1e1e1;
  padding: 0.78vw;
}

.dg_li li,
.xx_li li{
  list-style-type: none;
  position: relative;
}
.dg_li li::before {
  border-top: 0.2vw solid;
  border-right: 0.2vw solid;
  border-color: #48cd00;
  content: "";
  position: absolute;
  left: -0.54vw;
  transform: translate(-50%, -50%) rotate(120deg);
  height: 0.2vw;
  width: 0.47vw;
  top: 0.52vw;
}

.xx_li li::before, .xx_li li::after {
  content: '';
  position: absolute;
  top: 0.52vw;
  left: -0.54vw;
  width: 0.62vw;
  height: 0.15vw; 
  background-color: #2e2d2d; 
}
 
.xx_li li::before {
  transform: translate(-50%, -50%) rotate(45deg); 
}
 
.xx_li li::after {
  transform: translate(-50%, -50%) rotate(-45deg); 
}
@media screen and (max-width: 767px) {  
  .pc{
    display: none ;
  }
  .mobile{
    display: block;
  }

  h2{
    font-size: 5.56vw;
  }
  .banner {
    width: 100vw;
    height: 177.85vw;
    position: relative;
    background: url(https://d2k4z7x2ql166o.cloudfront.net/us/jackpotLegend/view/static/mobile/banner.png);
    background-size: cover;
    display: none;
  }

  .breadcrumb {
    display: none;
  }
  .main-content {
    padding: 15.28vw 2.78vw 4.44vw 2.78vw;
  }
  .page_container{
    padding: 3.56vw 0 0 0;
  }

  .main-content-t{
    font-size: 4.17vw;
    line-height: 3.33vw;
  }
  .main-content-c{    
    font-size: 3.06vw;  
    line-height: 4.26vw;  
  }
  .ga_i_bg{
    width: 30.78vw;
    height: 27.08vw;
  }
  .ga_i_tbg{
    width: 96%;
    height: 9.18vw;
    color: #fff;
    line-height: 9.68vw;
    position: absolute;
    bottom: 0;
    font-size: 3.88vw;
  }
  .page-h2{
    color: #1e0c33;
    display: block;
    padding-bottom: 1.82vw;
    font-family: GarbataTrial-Black;
    font-size: 5.56vw;
    margin-top: 0;
    border-bottom: 0.56vw solid #995acf;
    text-align: left;
    margin-bottom: 3.39vw;
  }
  .page-box{
    display: none;
  }
  b.big-title {
    font-size: 3.37vw;
    line-height: 7.37vw;
}
table {
  margin: 4.14vw 0;
  font-size: 3.06vw;
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .banner {
    height: 177.85vw !important;
  }
}