html {
    background: #7d32ff;
}
body {
    background: #7d32ff;
    background-image: url(../images/bg_01h.png);
    background-size:100% auto;
    background-repeat: no-repeat;
	font: 16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color: #000;
}

body.resultpg {
    background: #000000;
    background-image: url(../images/bg_01c-re.png);
    background-size:100% auto;
    background-repeat: no-repeat;
    margin-bottom: -40px;
}


/* Flexbox header */
header {
  display:-webkit-flex;
  display: flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin: 4px 24px 4px 24px;
  padding: 0;
}

header2 {
  display:-webkit-flex;
  display: flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin: 40px 24px 5px 24px;
  padding: 0;
}

header3 {
  display:-webkit-flex;
  display: flex;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-align-items: flex-end;
 align-items: flex-end;
}

header4 {
  display:-webkit-flex;
  display: flex;
 -webkit-justify-content:flex-end;   
 justify-content:flex-end;
 margin: 10px 24px;
}

header5 {
  display:-webkit-flex;
  display: flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin: -20px 24px 4px 24px;
  padding: 0;
}

header div.headerdiv ,
header2 div.headerdiv {
   display:-webkit-flex;
   display: flex;
   -webkit-align-items: flex-end;
   align-items: flex-end;
   max-width:100%;
}
header2 div.headerdiv2 {
    display:-webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width:100%;
}

header3 div.headerdiv2 {
    display:-webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content:center;
    margin: 2px 24px 0 24px;
    padding: 2px;
}

header ul ,
header2 ul {
    -webkit-align-items: flex-end;
    align-items: flex-end;
   
}
header ul li ,
header2 ul li {
  margin: 0 auto;
  max-width:100%;
  margin-bottom: 8px;
}

header ul li:last-child ,
header2 ul li:last-child {
  margin-bottom: 0px;
}



header img.liimg1 ,
header2 img.liimg1 {
  max-width: 100%;
　height: auto;
}
    header div.headerdiv_t ,
    header2 div.headerdiv_t {
      display:-webkit-flex;
      display: flex;
      -webkit-align-items: flex-end;
      align-items: flex-end;
    }
    
/* 設定推測ボタン */
input[type="submit"].setsub {
  display: block;
  width: 285px;
  height: 85px;
  padding: 0;
  background: url(../images/s1b.png) no-repeat 0 0;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}
input[type="submit"].setsub::-moz-focus-inner {
	padding: 0;
	border: none;
}
input[type="submit"].setsub:hover {
background-position: 0 0;
}
input[type="submit"].setsub:active {
  background-position: 0 -85px;
}



/* ゲーム数入力フォーム */
/* + -  button */ 
.numbers-row {
    
    display:-webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    align-content:         flex-end;
}


/* 大きくしたボタン*/
input[type=number].align-none {
  margin: 2px auto;
  width:3em;
  /*height:56px;*/
  height:90px;
  font: bold 48px Helvetica, sans-serif;
  padding:0 0px;
  text-align: right;
  color: #000000;
  border:#000000 solid 2px;
  -webkit-border-radius:8px;
  border-radius:8px;
  box-shadow: none;
padding: 2px 4px;
background:
        linear-gradient(
            left top,
            left bottom,
			from(#CCCCCC),
            color-stop(40%, #FFFFFF),
			color-stop(80%, #FFFFFF),
			to(#CCCCCC)
            
        );
    background: 
		-webkit-gradient(
			linear,
			left top,
            left bottom,
			from(#CCCCCC),
            color-stop(40%, #FFFFFF),
			color-stop(80%, #FFFFFF),
			to(#CCCCCC)
		);
	background: 
		-moz-linear-gradient(
			top,
			#CCCCCC,
			#FFFFFF 1px,
			#CCCCCC 25px
			);
    -moz-box-shadow: 0px 0px 2px #000000 inset;
	-webkit-box-shadow: 0px 0px 2px #000000 inset;
	box-shadow: 0px 0px 2px #000000 inset;
}
    
.button {
  /*display: block;*/
  width: 61px;
  height: 100px;
  padding: 0;
  background: url(../images/pm1b.png) no-repeat 0 0;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
    
}
.dec {
   
  background-position: 0 -100px;
    
}
input:focus {
    border:none;
}


/* Flexbox main */
main {
  display:-webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0;
  padding: 6px;
}
    

main input.ct_bt1 {
  width: 100%;
　height: auto;
  margin: 6px 0 0 0;
}


/* 横 3個並び */
main div.countbn ,
main div.countbn-t ,
main div.countbn-p {
  width: calc(33.3% - 10px);
  margin: 5px;
}
    
    
    div.dubimg {
        position: relative;
    }
    .dubimg input {
        
     position: absolute;
        margin: 0 auto;
        top: 0;
        left:0;
        right: 0;
        bottom: 4px;
        margin:auto;
        width: 80%;
        height: 1.5rem;
    }
    .dubimg img {
        max-width: 100%;
　       height: auto;
    }
    .kphoto img {
         max-width: 100%;
　       height: auto;
    }

/* ボタン下の写真 */
div.kphoto {
    margin: 6px auto;
    width:181px;
    height:102px;
    background: url(../images/e1.png) no-repeat 0 0;
   margin-bottom: 14px;
}

/* Flexbox article */
article {
  display:-webkit-flex;
  display: flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin: 20px 24px 24px 24px;
  padding: 0;
}

article div.twoblocks{
   max-width:47%;
   -webkit-justify-content:space-between;
   justify-content:space-between;
    } 


article div.headerdiv {
    display:-webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    max-width:100%;
}

    article div.pubthan{
     left:0;
     -webkit-justify-content:space-between;
     justify-content:space-between;
    }
    article div.headimg{
        text-align: right;
    }
    article div.headimg p {
        font-size: 18px;
        top:  15%;
        left: 8%;
    }
    article div.headimg img {
      max-width: 100%;
    }
    
article ul {
-webkit-align-items: flex-end;
align-items: flex-end;
}
article ul li:nth-child(even){
  margin:6px 0px;
}

article img.liimg1 {
  max-width: 100%;
　height: auto;
}
    
article input.ct_bt2 {
  max-width: 100%;
　height: auto;
  margin: 6px 0 0 0;
}

/* type 01*/
div img .type01 {
      margin: -30px;
    }


/* 打ち始め  全体   */
    div .lastct {
        background-color: #000000;
        margin-top:0px;
        margin-bottom: -25px;
       /* padding-top: 40px;*/
        padding-top: 0px;
        background-image: url(../images/bg_01b-start.png);
       /* background-size: cover;*/
        background-size:100% auto;
        background-repeat: no-repeat;
    }
    

/* 大きいサイズ +-ボタン*/
div.lastct .button {
        background: url(../images/pm2b.png) no-repeat 0 0;
    }
    div.lastct .dec {
      background-position: 0 -100px;
    }


    
/* 打ち始め 設定推測ボタン */
div.lastct header ul li:nth-child(even){
  margin:4px 0px 0px 0px;
   
}

footers {
  display:-webkit-flex;
  display: flex;
  -webkit-justify-content:center;
  justify-content:center;  
}

footers img.footerimg {
 max-width: 180px;
 height:auto;
 margin: 0 auto;
 padding: 0;
}

copyright {
   display:-webkit-flex;
   display: flex;
   -webkit-justify-content:flex-end;
   justify-content:flex-end;
   margin-right: 24px;
   margin-top: -22px;
}
copyright div p{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 0.6em;
    text-align: right;
}

/* 機種ページへのリンク部分 */
footers div.mlink {
    margin: 20px 24px;
    font-size: 1.2em;
}

footers a {
    padding: 10px;
    color: #FFD600;
}


/* swip  CSS*/
 .swiper-container {
      width: 100%;
      height: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;     
    }    

/* swiper custom  */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #00FF00;
}
    
.swiper-button-prev,
.swiper-button-next {
  top: 12px;
  width: 41px;
  height: 42px;
   /*margin-top: -22px; */
  margin-top: 0;
  background-size: 41px 42px;

}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
    
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../images/pl2.png);
  left: 42px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/pr2.png);
  right: 42px;
  left: auto;
}


/* 入力データの削除ボタン */
.clearbox input[type="button"] {
 padding: 5px 10px;
 border: 1px solid #FFFFFF;
 width: auto;
 color: #FFFFFF;
 background-color: #D9F5F3;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9999), color-stop(48%, #FF8686), color-stop(52%, #FF7777), to(#FF6666));
 font-size: 20px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;
}

.clearbox2 input[type="button"] {
 padding: 4px 10px;
 border: 1px solid #FFFFFF;
 width: auto;
 color: #000000;
 background-color: #D9F5F3;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF99), color-stop(48%, #00FF86), color-stop(52%, #00FF77), to(#00FF66));
 font-size: 14px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 3px #333333;
 box-shadow: 0 0 3px #333333;
}

.clearbox2 {
 text-align: right;
 padding: 2px 10px;
	
}


/* ゲーム数入力フォーム */
/* 小役用 */
/* Aブロック */
.countbn-t {
    display:-webkit-flex;
  display: flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
}
input[type=number].finput2 {
  margin: 6px auto;
  width:4em;
  height:54px;
  font: bold 38px Helvetica, sans-serif;
  padding:0 0px;
  text-align: right;
  color: #000000;
  border:#000000 solid 2px;
  -webkit-border-radius:8px;
  border-radius:8px;
  box-shadow: none;
  padding: 2px 8px;
    background:
        linear-gradient(
            left top,
            left bottom,
			from(#CCCCCC),
            color-stop(40%, #FFFFFF),
			color-stop(80%, #FFFFFF),
			to(#CCCCCC)
            
        );
    background: 
		-webkit-gradient(
			linear,
			left top,
            left bottom,
			from(#CCCCCC),
            color-stop(40%, #FFFFFF),
			color-stop(80%, #FFFFFF),
			to(#CCCCCC)
		);
	background: 
		-moz-linear-gradient(
			top,
			#CCCCCC,
			#FFFFFF 1px,
			#CCCCCC 25px
			);
    -moz-box-shadow: 0px 0px 2px #000000 inset;
	-webkit-box-shadow: 0px 0px 2px #000000 inset;
	box-shadow: 0px 0px 2px #000000 inset;    
   
}

/* swiper 1 ブロック */
.button2 {
  margin: 0 auto;
  width: 183px;
  height:61px;
  padding:0;
  background: url(../images/b1.png) no-repeat 0 0;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}

div.countbn-t.bt02 .button2 {
  background: url(../images/b2.png) no-repeat 0 0;  
}
div.countbn-t.bt03 .button2 {
  background: url(../images/b3.png) no-repeat 0 0;  
}
div.countbn-t.bt04 .button2 {
  background: url(../images/b4.png) no-repeat 0 0;  
}
div.countbn-t.bt05 .button2 {
  background: url(../images/b5.png) no-repeat 0 0;  
}
div.countbn-t.bt06 .button2 {
  background: url(../images/b6.png) no-repeat 0 0;  
}

/* 詳細版 */
div.countbn-t.bt56 .button2 {
  background: url(../images/b56.png) no-repeat 0 0;
}
div.countbn-t.bt57 .button2 {
  background: url(../images/b57.png) no-repeat 0 0;
}
div.countbn-t.bt58 .button2 {
  background: url(../images/b58.png) no-repeat 0 0;
}
div.countbn-t.bt59 .button2 {
  background: url(../images/b59.png) no-repeat 0 0;
}
div.countbn-t.bt60 .button2 {
  background: url(../images/b60.png) no-repeat 0 0;
}
div.countbn-t.bt61 .button2 {
  background: url(../images/b61.png) no-repeat 0 0;
}

/* swiper 2 ブロック */
div.countbn-t.bt07 .button2 {
  background: url(../images/b7.png) no-repeat 0 0;  
}

div.countbn-p.bt35 .button2 {
  background: url(../images/b35.png) no-repeat 0 0;  
}
div.countbn-p.bt35 .kphoto {
    background: url(../images/e7.png) no-repeat 0 0;
}

div.countbn-p.bt36 .button2 {
  background: url(../images/b36.png) no-repeat 0 0;  
}
div.countbn-p.bt36 .kphoto {
    background: url(../images/e8.png) no-repeat 0 0;
}

div.countbn-p.bt37 .button2 {
  background: url(../images/b37.png) no-repeat 0 0;  
}
div.countbn-p.bt37 .kphoto {
    background: url(../images/e9.png) no-repeat 0 0;
}

div.countbn-p.bt38 .button2 {
  background: url(../images/b38.png) no-repeat 0 0;  
}
div.countbn-p.bt38 .kphoto {
    background: url(../images/e10.png) no-repeat 0 0;
}

div.countbn-p.bt39 .button2 {
  background: url(../images/b39.png) no-repeat 0 0;  
}
div.countbn-p.bt39 .kphoto {
    background: url(../images/e11.png) no-repeat 0 0;
}

div.countbn-p.bt40 .button2 {
  background: url(../images/b40.png) no-repeat 0 0;  
}
div.countbn-p.bt40 .kphoto {
    background: url(../images/e12.png) no-repeat 0 0;
}

div.countbn-p.bt41 .button2 {
  background: url(../images/b41.png) no-repeat 0 0;  
}
div.countbn-p.bt41 .kphoto {
    background: url(../images/e13.png) no-repeat 0 0;
}

div.countbn-p.bt42 .button2 {
  background: url(../images/b42.png) no-repeat 0 0;  
}
div.countbn-p.bt42 .kphoto {
    background: url(../images/e14.png) no-repeat 0 0;
}

div.countbn-p.bt43 .button2 {
  background: url(../images/b43.png) no-repeat 0 0;  
}
div.countbn-p.bt43 .kphoto {
    background: url(../images/e15.png) no-repeat 0 0;
}

div.countbn-p.bt44 .button2 {
  background: url(../images/b44.png) no-repeat 0 0;  
}
div.countbn-p.bt44 .kphoto {
    background: url(../images/e16.png) no-repeat 0 0;
}

div.countbn-p.bt45 .button2 {
  background: url(../images/b45.png) no-repeat 0 0;  
}
div.countbn-p.bt45 .kphoto {
    background: url(../images/e17.png) no-repeat 0 0;
}

/* swiper 3 ブロック */
div.countbn-t.bt14 .button2 {
  background: url(../images/b14.png) no-repeat 0 0;
}
div.countbn-t.bt15 .button2 {
  background: url(../images/b15.png) no-repeat 0 0;
}
div.countbn-t.bt16 .button2 {
  background: url(../images/b16.png) no-repeat 0 0;
}
div.countbn-t.bt17 .button2 {
  background: url(../images/b17.png) no-repeat 0 0;
}
div.countbn-t.bt18 .button2 {
  background: url(../images/b18.png) no-repeat 0 0;
}
div.countbn-t.bt19 .button2 {
  background: url(../images/b19.png) no-repeat 0 0;
}
div.countbn-t.bt20 .button2 {
  background: url(../images/b20.png) no-repeat 0 0;
}
div.countbn-t.bt21 .button2 {
  background: url(../images/b21.png) no-repeat 0 0;
}
div.countbn-t.bt22 .button2 {
  background: url(../images/b22.png) no-repeat 0 0;
}
div.countbn-t.bt23 .button2 {
  background: url(../images/b23.png) no-repeat 0 0;
}
div.countbn-t.bt24 .button2 {
  background: url(../images/b24.png) no-repeat 0 0;
}
div.countbn-t.bt25 .button2 {
  background: url(../images/b25.png) no-repeat 0 0;
}
div.countbn-t.bt26 .button2 {
  background: url(../images/b26.png) no-repeat 0 0;
}

/* swiper 5 ブロック */
div.countbn-p.bt8 .button2 {
  background: url(../images/b8.png) no-repeat 0 0;  
}
div.countbn-p.bt8 .kphoto {
    background: url(../images/e1a.png) no-repeat 0 0;
}

div.countbn-p.bt9 .button2 {
  background: url(../images/b9.png) no-repeat 0 0;  
}
div.countbn-p.bt9 .kphoto {
    background: url(../images/e2a.png) no-repeat 0 0;
}

div.countbn-p.bt10 .button2 {
  background: url(../images/b10.png) no-repeat 0 0;  
}
div.countbn-p.bt10 .kphoto {
    background: url(../images/e3a.png) no-repeat 0 0;
}

div.countbn-p.bt11 .button2 {
  background: url(../images/b11.png) no-repeat 0 0;  
}
div.countbn-p.bt11 .kphoto {
    background: url(../images/e4a.png) no-repeat 0 0;
}

div.countbn-p.bt12 .button2 {
  background: url(../images/b12.png) no-repeat 0 0;  
}
div.countbn-p.bt12 .kphoto {
    background: url(../images/e5a.png) no-repeat 0 0;
}

div.countbn-p.bt13 .button2 {
  background: url(../images/b13.png) no-repeat 0 0;  
}
div.countbn-p.bt13 .kphoto {
    background: url(../images/e6a.png) no-repeat 0 0;
}

/* swiper 6 ブロック */
div.countbn-t.bt27 .button2 {
  background: url(../images/b27.png) no-repeat 0 0;
}
div.countbn-t.bt28 .button2 {
  background: url(../images/b28.png) no-repeat 0 0;
}
div.countbn-t.bt29 .button2 {
  background: url(../images/b29.png) no-repeat 0 0;
}
div.countbn-t.bt30 .button2 {
  background: url(../images/b30.png) no-repeat 0 0;
}
div.countbn-t.bt31 .button2 {
  background: url(../images/b31.png) no-repeat 0 0;
}
div.countbn-t.bt32 .button2 {
  background: url(../images/b32.png) no-repeat 0 0;
}
div.countbn-t.bt33 .button2 {
  background: url(../images/b33.png) no-repeat 0 0;
}
div.countbn-t.bt34 .button2 {
  background: url(../images/b34.png) no-repeat 0 0;
}

div.countbn-t.bt62 .button2 {
  background: url(../images/b62.png) no-repeat 0 0;
}
div.countbn-t.bt63 .button2 {
  background: url(../images/b63.png) no-repeat 0 0;
}
div.countbn-t.bt64 .button2 {
  background: url(../images/b64.png) no-repeat 0 0;
}
div.countbn-t.bt65 .button2 {
  background: url(../images/b65.png) no-repeat 0 0;
}
div.countbn-t.bt66 .button2 {
  background: url(../images/b66.png) no-repeat 0 0;
}


div.countbn-t.bt46 .button2 {
  background: url(../images/b46.png) no-repeat 0 0;
}
div.countbn-t.bt47 .button2 {
  background: url(../images/b47.png) no-repeat 0 0;
}
div.countbn-t.bt48 .button2 {
  background: url(../images/b48.png) no-repeat 0 0;
}
div.countbn-t.bt49 .button2 {
  background: url(../images/b49.png) no-repeat 0 0;
}
div.countbn-t.bt50 .button2 {
  background: url(../images/b50.png) no-repeat 0 0;
}
div.countbn-t.bt51 .button2 {
  background: url(../images/b51.png) no-repeat 0 0;
}
div.countbn-t.bt52 .button2 {
  background: url(../images/b52.png) no-repeat 0 0;
}
div.countbn-t.bt53 .button2 {
  background: url(../images/b53.png) no-repeat 0 0;
}


/* swiper ブロック */
div.countbn-t.bt54 .button2 {
  background: url(../images/b54.png) no-repeat 0 0;  
}
div.countbn-t.bt55 .button2 {
  background: url(../images/b55.png) no-repeat 0 0;  
}


/* 結果 */
#area_step1 {
    margin: 0 auto;
    padding: 0;
}


#container1 {
  width:  80%;
  height: 310px;
  margin:0 auto;
  padding: 3% 2% 5% 18%;
}

div.mailicon {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 6px;
    
}
div.contTitleSR {
    text-align: center;
    margin: 0 auto;
    padding: 4px 0 2px 0;
    color:#9DFC8A;
    background: #292929;
    font-size: 1.5em;
   /* height: 1.2em;*/
}

div.res_text {
    display:-webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 95%;
    text-align: right;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #FFFFFF;
    font-size: 18px;
}


div.rediv1 {
   /* display:-webkit-flex;
  display: flex;*/
    text-align: right;
 width: 50%;
  margin: 4px;

}


div.rediv2 {
 width: calc(20% - 4px);
  margin: 4px;
}


/* 確率分数表示テスト */
.ol-btn{

    margin: 0 auto;
    text-align: center;
	}

	.overlay ,
    .overlay_tb1,
    .overlay_tb2 ,
    .overlay_tb3 ,
    .overlay_tb4 ,
    .overlay_tb5 ,
.overlay_tb6 ,
.overlay_tb7 ,
.overlay_tb8 ,
.overlay_tb9 ,
.overlay_tb10 ,
.overlay_tb11 ,
.overlay_tb12 {
		display: none;
		width: 100%;
		height:100%;
		text-align: center;
		/*position: fixed;*/
        position: absolute;
		top: 0;
        left: 0;
		z-index: 100;
		background: rgba(0,0,0,0.5);
	}

.overlay_tb0 {
        display: none;
		width: 100%;
		height:100%;
		text-align: center;
		/*position: fixed;*/
        position: absolute;
		top: 0;
        left: 0;
		z-index: 10000;
		background: rgba(255,0,0,0.4);
}
.costex {
    background-color:#000;
    padding:10px;
    font-size:1.5em;
    text-align: center;
    color: #FFF;
    
}

.overlay_tb1,
.overlay_tb2 ,
.overlay_tb3 ,
.overlay_tb4 ,
.overlay_tb5 ,
.overlay_tb6 ,
.overlay_tb7 ,
.overlay_tb8 ,
.overlay_tb9 ,
.overlay_tb10 ,
.overlay_tb11 ,
.overlay_tb12 {  
    
    background: rgba(0,0,0,0.8);
}

.overlay_tb1 a ,
.overlay_tb2 a ,
.overlay_tb3 a ,
.overlay_tb4 a ,
.overlay_tb5 a ,
.overlay_tb6 a ,
.overlay_tb7 a ,
.overlay_tb8 a ,
.overlay_tb9 a ,
.overlay_tb10 a ,
.overlay_tb11 a ,
.overlay_tb12 a {
    color: #FF0000;
}



	.ol-text {
		font-size: 40px;
		color: #eee;
		padding: 0;

		font-weight: bold;
	}

header .ol-close {
        margin: 0 auto;
        padding-top: 2px;
    /*text-align: center;*/
	}
header2 .ol-close {
    padding-top: 0;
}

article .ol-close {
        margin: 0 auto;
        padding-top: 2px;
    /*text-align: center;*/
	}




/* 大きいボタン */
.button-lay {

  width: 61px;
  height: 100px;
  padding: 0;
  background: url(../images/pm0b.png) no-repeat 0 0;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
    
}



/* レイヤー表示の透明ボタンと　確率表示input */
main div.countbn-lay {
  width: calc(33.3% - 10px);
  margin: 5px;
}

.countbn-lay {
    display:-webkit-flex;
    display: flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
}
input[type=text].finput-lay {
   
  margin: 6px auto;
  width:150px;
  height:54px;
  font: bold 30px Helvetica, sans-serif;
  padding:0 0px;
  text-align: right;
  color: #CCCCCC;
  border:#330043 thin 1px;
  -webkit-border-radius:4px;
  border-radius:4px;
  box-shadow: none;
  padding: 2px 8px;
    opacity:1;

　background:
        linear-gradient(
            left top,
			left 25,
			from(#333333),
			color-stop(25%, #666666),
			to(#333333)
            
        );
    background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#333333),
			color-stop(25%, #666666),
			to(#333333)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
 
    -moz-box-shadow: 0px 0px 8px #330043;
	-webkit-box-shadow: 0px 0px 8px #330043;
	box-shadow: 0px 0px 8px #330043; 
   
}
.button2-lay {
  margin: 0 auto;
  width: 183px;
  height:61px;
  padding:0;
  background: url(../images/b0.png) no-repeat 0 0;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
}

div.countbn-lay .kphoto {
    background: url(../images/e0.png) no-repeat 0 0;
}
div.setsub-im {
    background: url(../images/s1-0b.png) no-repeat 0 0;
    width: 285px;
  height: 85px;
}


/***↓スロ機種用テーブル指定↓***/
table.table {
	width:96%;
	margin-left:auto;
	margin-right:auto;
    border:1px solid #666;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	text-align:center;
	font-size:18px;
	line-height:1.2;
}
table.table th {
	padding:4px 2px;
    border:1px solid #666;
    color:#FFF;
    /*background-color:#333;*/
    text-align:center;
	font-size:12px;
	line-height:1.2;
}
table.table td {
	padding:4px 2px;
    border:1px solid #666;
	color:#000;
	text-align:center;
	font-size:16px;
	line-height:1.2;
}
table.table td[bgcolor*="#CCCCCC"] {
	font-size:14px;
	line-height:1.2;
}


div.tablewidth {
    display:-webkit-flex;
    display: flex;
    margin: 20px 10px;
   /* max-width: 640px;*/
}



/***↑スロ機種用テーブル指定↑***/


/* フォームの入力チェック */
.spanindex input[type="number"].inp_error {
    border: 1px solid #FF0000;
    background:#FFBBBC;
}

span.error_m {
    width: 90%;
    font-size: 10px;
    font-weight: normal;
    color: #FF0000;
    display: block;
    background: rgba(255,255,255,0.7);
    border:#FF0000 solid 1px;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin: 0 auto;
    padding: 2px 0;
}