@charset "utf-8";

body {
margin: 0px;
font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial, Verdana, Helvetica, sans-serif;
}

.s-odds_yoko {
border:none;
margin: 8px 0px 2px 0px;
}

.sp-body{
margin: 0 auto;
max-width: 640px;
    padding: 20px 4px 0;
}

.topimg {
text-align: center;
margin: 0 auto;
max-width: 100%;
width: 640px;
height:auto;
vertical-align: bottom;
}

.seet-txt {
display: block;
line-height:1.5em;
padding:0 0.7em;
}

.attentions {
	text-align: left;
	display:block;
    line-height: 1.4em;
}

/********* 次回予告 *********/
.txt-pink{
margin: 18px 0 0 0;
font-size: 80%;
color: #FF3388;
font-weight: bold;
text-align: center;
}
.txt-pink a{
    color: #FF0066;
}
/********* コンテナ *********/
.container{
max-width: 640px;
text-align: center;
margin: 0 auto;
}

/********* 見出し *********/
.midashiline {
border : #bcbcbc solid 1px;
line-height:25px;
text-align: left;
height:auto;
background: #e1e1e1;
color: #474747;
font-weight: bold;
font-size:120%;
padding: 10px;
margin-top: 16px;
}

.text_box{
text-align: center;
font-weight:bold;
font-size:20px;
line-height:1.5em;
padding: 10px 0 10px 0;
}

.text_box_left{
max-width: 640px;
text-align: left;
font-weight:400;
font-size:110%;

line-height:1.4em;
padding: 0px 20px 0px 20px;
/*
line-height:1.5em;
padding: 0px 20px 20px 20px;
*/

}

.text_box_center{
display: flex;
flex-direction: row;
text-align: center;
margin: 0 auto;
font-weight:bold;
font-size:22px;
line-height:10px;
padding: 0px 0px 10px 20px;
}


/*flexbox*/

.flexbox {
  line-height:0;
  display: flex;
  flex-direction: column;
}

.flexbox .box1 {
  margin: 0 auto;
}
.flexbox .box2 {
  margin: 0 10px 20px 0;
}

.flexbox .center_box {
  margin: 0 auto 10px auto;
}

.flexbox_left {
  display: flex;
  flex-direction: row;
}
.text_box_left2{
max-width: 640px;
text-align: left;
	/*
font-weight:bold;
	
	*/
font-size:14px;
line-height:1.5em;
padding: 0px 20px 20px 20px;
}
.flexbox_left .box1 {
  margin: 0 0px 20px 0;
}
.flexbox_left .box2 {
  text-align: left;
  margin: 0 0px 20px 0;
}

/*テキスト関連*/
.larger_text{
	font-size:120%;
	line-height: 1.3em;
	padding:0 14px;
}

.medium_text{
line-height: 1.4em;
	margin-top: 5px;
	font-size:80%;
	font-weight:normal;
	padding:0 14px;
}

.attention_text{
line-height: 1.3em;
font-size:10px;
font-weight:normal;
padding:0 10px 0 20px;
margin:4px 0 24px 4px;
}

.request-text{
line-height: 1.3em;
font-size:10px;
font-weight:normal;
padding:0 10px 0 4px;
margin:4px 0 24px 0px;
list-style-type:none;
}


/*その他のキャンペーン情報はこちら*/
.btn_other{
    width:300px;
    height:45px;
    line-height:45px;
	text-align: center;
	margin: 0 auto;
}
.btn_other a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#5158F7;
    text-align:center;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    box-shadow:0px 2px 2px 0px #DEDEDE ;
}

.boldtext{
    display: block;
	padding-right:20px;
	padding-left:18px;
	font-weight: bold;
}



.contents{
    max-width: 640px;
    margin: 0 auto;	
}


.contents_box {
    margin: 0 auto;
    max-width: 640px;
    list-style: none;
    line-height: 20px;
}

.contents {
    text-align: left;
    width: 100%;
    list-style: none;
    line-height: 20px;
}
.contents span{
	font-size:16px;

}

div{
	white-space: normal;
}

.hr_innner{
    width: 96%;
	margin:20px auto;
}


/*金色ボタン*/
.btn_op_gold {
    width:300px;
    height:45px;
    line-height:45px;
	text-align: center;


}
.btn_op_gold a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#c2aa71;
    text-align:center;
    color:#FFFFFF;
    font-size: 90%;
/*
    font-size:18px;
*/

    font-weight:bold;
    box-shadow:0px 2px 2px 0px #DEDEDE ;
    border-radius: 10px;
}

/*プレゼントボタン*/
.present_btn{
	margin:0 0 0 -6px;
    width:280px;
    height:60px;
    line-height:64px;
	margin-bottom: 20px;

}
.present_btn a{
    text-shadow: #969696 1px 1px 0;
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background-image: linear-gradient(0deg, #eb6100 0%, #ffb37e 100%);
    text-align:center;
    border:5px solid #FFFFFF;
    color:#FFFFFF;
    font-size:28px;
    font-weight:bold;
    border-radius:35px;
    -webkit-border-radius:35px;
    -moz-border-radius:35px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	transition: background-color 1s;
	margin-bottom: 20px;
}

.center-container {
  display: flex;
  align-items: center;
}

.center-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.center-container ul li{
	line-height: 1.3em;
	font-size:12px;
}

.grade_link {
  font-size:12px;	
  display:block;
  text-align:center;
  margin:0 auto;
  margin-top:1em;
}

.sityu{	
color:#F00;	
font-weight:bold;	
}	
.info {	
width: auto;	
margin: 0 10px 1em;	
/*margin-bottom: 1em;*/	
padding: 0 10px;	
color: #666666;	
box-shadow: 0px 0px 2px 1px #ccc;	
border-radius: 3px;	
text-align: left;	
}	
.info h4 {	
margin: 0 auto;	
padding: 1em 0.5em;	
font-size:1.1em;	
}	
.info-txt {	
margin-left: 0.5em;	
margin-top:-1em;	
padding-bottom: 1em;	
}

.grade_gp{
display: inline-block;
width: 30px;
margin:2px;
background-color:#f07800;
color:#FFF;
padding:0px 4px
}

.grade_g1{
display: inline-block;
width: 30px;
margin:2px;
background-color:#FF5200;
color:#FFF;
padding:0px 4px
}

.grade_g2{
display: inline-block;
width: 30px;
margin:2px;
background-color:#0086fa;
color:#FFF;
padding:0px 4px
}

.grade_g3{
display: inline-block;
width: 30px;
margin:2px;
background-color:#72B200;
color:#FFF;
padding:0px 4px
}


.grade_f2{
display: inline-block;
width: 30px;
margin:2px;
background-color:#A3A3A3;
color:#FFF;
padding:0px 4px
}

.kome{
	font-size:80%;
}
.kome2{
	font-size:60%;
    font-weight: 400;
    margin-left: 10px;
}

.info2 {	
width: auto;	
margin: 0 10px 1em;	
/*margin-bottom: 1em;*/	
padding: 0 10px;
color: #000;
//box-shadow: 0px 0px 2px 1px #ccc;	
border-radius: 3px;	
text-align: left;
background-color: #FBFDDD;
}	
.info2-txt {
    margin-left: 0.5em;
    margin-top: 1em;
    padding-bottom: 1em;
    padding-top: 1em;
    font-size: 110%;
    line-height: 1.4em;
    font-weight: bold;
}


/* hokama 20241007*/





.yohaku_b20{
padding-bottom: 20px;
}

.yohaku_b30{
padding-bottom: 30px;
}


.yohaku_t10{
padding-top: 10px;
}


.yohaku_t20{
padding-top: 20px;
}

.yohaku_t30{
padding-top: 30px;
}



/*プレゼント*/
.present_box{
	padding-bottom: 20px;
}

.present_card{
	max-width:330px;
	border: 2px solid #136223;
	margin: 15px auto 0;
}

.present_title{
	color: #fff;
	  background: linear-gradient(130deg, rgb(0, 31, 6), rgb(0, 147, 27));
	padding: 5px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}
.present_title p{
	margin: 5px;
}
.keirin1{
	border: 2px solid #171362;
}
.keirin2{
	  background: linear-gradient(130deg, rgb(7, 19, 32, 1), rgb(33, 86, 149, 1))!important;
}
.auto1{
	border: 2px solid #611362;
}
.auto2{
	  background: linear-gradient(130deg, rgb(40, 11, 40, 1), rgb(191, 53, 189, 1))!important;
}
.loto1{
	border: 2px solid #97141a;
}
.loto2{
	  background: linear-gradient(130deg, rgb(43, 11, 11, 1), rgb(207, 51, 51, 1))!important;
}


.gold1{
	border: 2px solid #F07E05;
}
.gold2{
	  background: linear-gradient(130deg, rgb(240, 126, 5, 1), rgb(224, 162, 8, 1))!important;
}


.small{
	font-size:16px;
}

.middle{
	font-size:20px;
	line-height: 10px;
}
.big{
	font-size:30px;
	
}

.pre_text{
	font-size: 30px;
	font-weight: bold;
	margin: 10px;
	padding: 5px;
	background-color: #eee;
}

.pre_text p{
	font-size: 30px;
	margin: 0px;
}

.prize{
	border: 1px solid #fff;
	font-size: 20px;
	width: 90%;
	margin: 5px auto 10px!important;
	line-height: 1.5em;
}

.detail{
	font-size:12px!important;
	font-weight: normal!important;
}

.oubo-up{
	border: 2px solid #00E03E;
}
.oubo-up p{
	line-height: 1.3em;
}
.oubo-up b{
	color: #009D28;
}

.oubo-keirin{
	border: 2px solid #0b00e0;
}
.oubo-keirin b{
	color: #0b009d;
}

.oubo-auto{
	border: 2px solid #e000d8;
}
.oubo-auto b{
	color: #94009d;
}

.oubo-loto{
	border: 2px solid #e0002f;
}
.oubo-loto b{
	color: #9d0012;
}



.hako{
	margin: 0 auto;
	display: block;
	width:100%;

}


.cp_boxes{
	width:90%;
	margin: 10px auto;
}

.naiyou{
	display: block;
	margin: 10px 0 10px 20px;

	text-align: left;
	    font-size: 100%;

}
.naiyou2{
	display: block;
	text-align: center;
	 font-size: 100%;
	line-height: 1.4em;
	white-space: nowrap;

}
.naiyou3{
			padding: 20px 10px;
	    font-size: 80%;
	line-height: 1.4em;
}

.koumoku td{
	padding:10px;
	text-align: center;
	    background-color: #FBFDDD;
	    font-size: 100%;
	height: 2.2em;
	line-height: 1.4em;
}

.cp_boxes td{
border: solid 1px #999999;
	
}