@charset "UTF-8";

// フォント設定
@font-face {
 font-family: 'MPLUSRounded1c';
 font-weight: 300;
 src: url(/static/fonts/MPLUSRounded1c-Light.ttf) format('truetype');
}
@font-face {
 font-family: 'MPLUSRounded1c';
 font-weight: 400;
 src: url(/static/fonts/MPLUSRounded1c-Regular.ttf) format('truetype');
}
@font-face {
 font-family: 'MPLUSRounded1c';
 font-weight: 500;
 src: url(/static/fonts/MPLUSRounded1c-Medium.ttf) format('truetype');
}
@font-face {
 font-family: 'MPLUSRounded1c';
 font-weight: 700;
 src: url(/static/fonts/MPLUSRounded1c-Bold.ttf) format('truetype');
}

/*スマホ用非表示*/
@media screen and (max-width: 769px){
  .contents{
    font-size: 1.6rem;
  }
  
  .sp_only {
    display:none;
    z-index: -10000;
  }
}



/*---todays---*/
#to_todays {
  position: relative;
  width: 300px;
  height: auto;
  z-index: 700;
  margin: 0 auto;
}

#to_todays #to_todays_base {
  position: relative;
  width: 100%;
  height: auto;
  z-index: -1;
}

#ck_no {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 20;
}

#to_todays .roulette {
  position: absolute;
  width: 64.18%;
  height: 50.80% !important;
  left: 16.33%;
  top: 31.06%;
  overflow: hidden;
  z-index: 1;
  background-color: #fff;
}

#to_todays .roulette img {
  width: 100%;
  height: auto;
}

#to_todays .start img {
  position: absolute;
  width: 64.18%;
  height: auto;
  left: 16.33%;
  top: 31.06%;
  z-index: 10;
  cursor: pointer;
}

#to_todays .stop {
  display: none;
}

#ck_yes {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 11;
}

#to_todays #td_end img {
  position: absolute;
  width: 64.18%;
  height: auto;
  left: 16.33%;
  top: 31.06%;
}

#to_todays #td_light {
  position: absolute;
  width: 96.27%;
  height: auto;
  left: 1.14%;
  top: 24.59%;
  z-index: 10;
  opacity: 0;
}

.mod_message{
  /*display: none;*/
}

.delete {
  position: absolute;
  left: 8%;
  top: 8%;
  color: cyan;
  cursor: pointer;
  z-index: 10000000;
  font-size: clamp(8px, 0.7vw, 11px);
}