@charset "UTF-8";
/* CSS Document */
/* ============ common ============ */


/* link */
a:link{ color:#06C;text-decoration:underline; }
a:visited{ color:#06C;text-decoration:underline; }
a:hover{ color:#06C;text-decoration:none; }
a:active{ color:#06C;text-decoration:none; }

/* padding margin */
.mt5	{ margin-top: 5px;  }
.mt10	{ margin-top: 10px; }
.mt15	{ margin-top: 15px; }
.mt20	{ margin-top: 20px; }
.mt30	{ margin-top: 30px; }

.mb5	{ margin-bottom: 5px;  }
.mb10	{ margin-bottom: 10px; }
.mb15	{ margin-bottom: 15px; }
.mb20	{ margin-bottom: 20px; }
.mb30	{ margin-bottom: 30px; }
.mb40	{ margin-bottom: 40px; }


.textLeft	{ text-align: left;   }
.textRight	{ text-align: right;  }
.textCenter	{ text-align: center; }

/* color */
.red_text{ color:#F00; }
.green_text{ color:#379339; }
.orenge_text{ color:#F60; }
.yellow_text{ color:#FF0; }
.colorsite	{ color: #E04E00; }

.img_icon { vertical-align:top; padding:0 2px; }

.clear{ clear:both; }




/* =========================================================================
							こ	こ	か	ら	S	P
============================================================================ */
@media screen and (max-width:480px){
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 0.8rem; /* 基本文字設定 */
	line-height: 1.6em;	
	letter-spacing: 0.05em;
	margin:0;
	background-color:#000;
	box-sizing:border-box;
}
	
	.pc{
	display:none;	
	}

/****size****/
	img{width:100%;}
	
	.img_10{ width:10%; }
	.img_20{ width:20%; }
	.img_30{ width:30%; }
	.img_40{ width:40%; }	
	.img_50{ width:50%; }
	.img_60{ width:60%; }
	.img_70{ width:70%; }
	.img_80{ width:80%; }
	.img_90{ width:90%; }
	.img_icon{ width:auto; }
/* =========================================================================
																header
============================================================================ */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

header table {
  	width:100%;
	background-color:#42210B;
	color:#FFF;
	text-align:center;
	line-height:2em;
}

.header_td {
	background-color:#000;
}

.header_td_point {
	width:50%;
	font-size:16px;
	border: 5px solid #42210B;
	background-color:#000;
	color:#FF0;
}

#menu {
	background-color:#E04E00;
	display:table;
	table-layout:fixed;
    width:100%;
	}
	
#menu a {
	text-decoration:none;
	color:#FFF;
		}	

.menu_bt {
	display:table-cell;
	border-bottom:1px #E09770 solid;
	border-top:1px #E09770 solid;
	border-left:1px #E09770 solid;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
	padding-top:1.2em;
	padding-bottom:1.2em;
	line-height:1.2em;
	text-align:center;
}

.menu_bt_R {
	display:table-cell;
	border-bottom:1px #E09770 solid;
	border-top:1px #E09770 solid;
	border-left:1px #E09770 solid;
	border-right:1px #E09770 solid;
	vertical-align:middle;
	color:#FFF;
	text-decoration:none;
	padding-top:1.2em;
	padding-bottom:1.2em;
	line-height:1.2em;
	text-align:center;
}

.menu_bt_active {
	display:table-cell;
	border-left:1px #E09770 solid;
	background-color:#FFF;
	vertical-align:middle;
	padding-top:1.2em;
	padding-bottom:1.2em;
	line-height:1.2em;
	text-decoration:none;
	color:#AB9838;
	font-weight:bold;
	text-align:center;
}

#menu .menu_bt_active {
	text-decoration:none;
	color:#E04E00;
		}
		
.mainimg{
	margin-top:6.5em;
	}

.main_cover{
	width:95%;
	margin:0 auto 20px;
	}
.main_ttl{
	font-size:18px;
	line-height:1.5em;
	text-align:center;
	margin:0.6em 0 1.2em;
	color:#F90;
	}
	
/* =========================================================================
																index_taiken
============================================================================ */

.ttl_taiken{
	border:1px solid #542F00;
	padding:10px;
	font-size:14px;
	color:#CC8B28;
	width:95%;
	margin:0 auto 10px;
	box-sizing:border-box;
	}

.name_taiken{
	width:95%;
	margin:0 auto 5px;
		}

.txt_taiken{
	line-height:1.5em;
	width:95%;
	margin:0 auto 20px;
	}
	
.txt_howto{
	line-height:1.5em;
	width:95%;
	margin:0 auto 20px;
	}
	
		
/* =========================================================================
																footer
============================================================================ */
footer li {
	display: inline;
 	text-align:left;
	font-size:18px;
	}

footer a {
	display: block;
	padding: 0.8em ;
	border-left:8px solid #E05201;
	border-bottom: 2px solid #542F00;
	background:#42210B;
	text-decoration: none !important;
	color: #FFF !important;
	}

address{
	font-size:12px;
	text-align:center;
	font-style:normal;
	padding:5px;
	color:#000;
	line-height:1.5em;
	background:#E05201;
	}


.ttl_top{
	padding-top:8em;
		}



/* =========================================================================
																howto
============================================================================ */

ol.first_li{
  counter-reset:list;
  list-style-type:none;
}
ol.first_li li{
  position:relative;
  padding: 10px 5px 10px 35px;
  border-bottom:dashed 1px #542F00;
}
ol.first_li li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  background: #CC8B28;
  border-radius: 25%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* =========================================================================
																settlement
============================================================================ */
.pay_table table {
	border-collapse: collapse;
	width:95%;
	margin:0 auto 20px;
}

.pay_table th {
	width:30%;
	border-top: #542F00 1px solid;
	border-bottom: #542F00 1px solid;
	text-align: left;
	padding: 10px;
	color:#FFF;
	text-align: center;
	background-color:#E04E00;
}

.pay_table td {
	border-top: #542F00 1px solid;
	border-bottom: #542F00 1px solid;
	border-right: #542F00 1px solid;
	text-align: center;
	padding: 20px;
}




	
/*-------------------- 共通(各番組ページ) --------------------*/

.bangumi_nmb{
	margin:5px;
	}
.bangumi_nmb dl dt{
	float: left;
	width:35%;
	margin-left:5px;
	height:2.2em;
}
.bangumi_nmb dl dd{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:7vw;
	font-weight: bold;
	color: #fff;
	text-align:right;
	margin-right:5px;
	line-height:10.5vw;
	height:2.2em;
	}
.bangumi_nmb a{
	color:#FF0;	
	}
	.bangumi_nmb img{
		width:100%;
	}

	
}




/* =========================================================================
							こ	こ	か	ら	P	C
============================================================================ */
@media screen and (min-width:481px){
	
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 13px; /* 基本文字設定 */
	*font-size: 82%; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: 82%; /* Win IE 5-5.5､6(後方互換モード)向け */
	line-height: 1.4;	
	letter-spacing: 0.05em;
	background-color:#000;
	}
	
	.sp{
	display:none;	
	}
/* =========================================================================
																main
============================================================================ */
.mainimg {
	width:100%;
	height:989px;
	background-color:#000;
	text-align:center;
  			}

.mainimg2 {
	float:left;
	margin-top:-100px;
	}

.main_cover{
	float:left;
	width:550px;
	margin-left:20px;
	color:#FFF;
	}
	
.main_ttl{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:34px;
	line-height:1.5em;
	margin-bottom:20px;
	}	
.main_txt{
	font-size:16px;
	line-height:1.8em;
	}	
	
/* =========================================================================
																index_howto
============================================================================ */
#index_howto_bg {
	background-image: url(../img/indeximg01.png);
	background-repeat: no-repeat;
	width:780px;
	height:1700px;
	position:relative;
	}

.index_txtbox{
	position:absolute;
	top:5px;
	left:5px;}	
	
.index_howto_ttl1{
	padding:10px 10px 5px;
	color:#7578AC;
	}
.index_howto_txt1{
	width:420px;
	font-size:15px;
	line-height:1.8em;
	padding:15px;
	}

/* =========================================================================
																index_taiken
============================================================================ */

.ttl_taiken{
	border:1px solid #542F00;
	padding:10px;
	font-size:24px;
	color:#CC8B28;
	width:760px;
	margin-bottom:10px;	
	
	}

.name_taiken{
	font-size:20px;
	margin-bottom:10px;
	
	}

.txt_taiken{
	font-size:15px;
	line-height:1.5em;
	width:780px;
	margin-bottom:40px;
	}


/* =========================================================================
																header
============================================================================ */

header{
	background:url(../img/header.jpg);
	box-shadow: 0 2px 4px rgba(0,0,0,0.6);
  	position:relative;
	width:100%;
	height:146px;
	position: fixed; /* ヘッダーを固定(これが重要) */
	top: 0; /* 固定する位置 */
	left: 0; /* 固定する位置 */
	right: 0;  /* 固定する位置 */
	z-index:1;
	
	}
	
.gnav{
	position:relative;
	z-index:4;
    width:1140px; 　/*任意の幅で*/
    height: 80px;    /*任意の高さで*/
    margin:0 auto;  /*センタリング用*/
	}
.gnav li{
	width: 190px;  /*任意の幅*/
	float: left;
	}

.luckynumberBg{
	background:url(../img/luckynumberBg.png) no-repeat;
	width:409px;
	height:96px;
	
	position:relative;
	top: 97px;
	left: 0;
	right: 0;
	margin: auto;
	}
.luckynumber{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:48px;
	font-style:oblique;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.8);
  	color:#FFF;
	position:relative;
	z-index:3;
	top:-77px;
	left:195px;
			}

/* =========================================================================
																side
============================================================================ */

.side01{
	background:url(../img/side01.png) no-repeat;
	width:300px;
	height:330px;
	position:relative;
	margin-bottom:20px;
}


.side01_txt{
	position:absolute;
	top:230px;
	left:25px;
	width:255px;
	color:#FFF;
	font-size:14px;
}

.side02{
	background:url(../img/side02.png) no-repeat;
	width:300px;
	height:376px;
	position:relative;
	margin-bottom:20px;
}


.side02_QR{
	position:absolute;
	top:185px;
	left:160px;
}

.side03{
	background:url(../img/side03.png) no-repeat;
	width:300px;
	height:134px;
	position:relative;
}

.side03_name{
	position:absolute;
	top:5px;
	left:60px;
	color:#FFF;
	font-size:20px;
}

.side03_sub{
	position:absolute;
	top:42px;
	left:15px;
	color:#754C24;
	font-size:28px;
}

.side03_txt{
	position:absolute;
	top:82px;
	left:15px;
	width:278px;
	color:#FFF;
	font-size:14px;
}

.side_nmb{
	width:300px;
	margin-top:10px;
	}
	
.side_nmb li{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:24px;
	line-height:1.5em;
	color:#FFF;
	}

.side_area_nmb{color:#754C24; margin-left:5px;}






/* =========================================================================
																contents
============================================================================ */
.contentsBg {
	width:100%;
	background:#000;
	}
	
.contentsBg2 {
	width:100%;
	background:#000;
	}	
	
.main_contents {
	width:1140px;
	position:relative;
	margin:20px auto;
	}
.main_contents2 {
	width:1140px;
	position:relative;
	padding-top:220px;
	margin:0 auto 5px;
	z-index:0;
	}
	
.sidenavi {
	float:left;
	width:299px;
	padding-right:30px;
	margin-right:30px;
	border-right:1px solid #542F00;
	
	}

.contents {
	float:left;
	width:780px;
	}



footer{
	background:#000;
	}


footer div {
	clear:both;
	text-align:center;
	font-size:12px;
	color:#CC8B28;
	padding:5px;
	}
	
footer a{
	color:#CC8B28 !important;
	}	
	
address{
	background:#542F00;
	color:#CC8B28;
	text-align:center;
	font-size:10px;
	padding:5px;
	}
	
	
	
/* =========================================================================
																howto
============================================================================ */

ol.first_li{
  counter-reset:list;
  list-style-type:none;
}
ol.first_li li{
  position:relative;
  padding: 20px 5px 20px 40px;
  font-size:15px;
  line-height:1.8em;
  border-bottom:dashed 1px #542F00;
}
ol.first_li li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  background: #CC8B28;
  border-radius: 25%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.txt_howto{
	font-size:15px;
	line-height:1.5em;
	width:780px;
	margin-bottom:10px;
	}






/* =========================================================================
																settlement
============================================================================ */
.pay_table table {
	border-collapse: collapse;
	width:80%;
	margin:20px auto 60px;
}

.pay_table th {
	font-size:16px;
	border-top: #542F00 1px solid;
	border-bottom: #542F00 1px solid;
	text-align: left;
	padding: 20px;
	color:#FFF;
	text-align: center;
	background-color:#E04E00;
}

.pay_table td {
	font-size:16px;
	border-top: #542F00 1px solid;
	border-bottom: #542F00 1px solid;
	border-right: #542F00 1px solid;
	text-align: center;
	padding: 20px;
}






	
	
	
/*-------------------- 共通(各番組ページ) --------------------*/

.bangumi_nmb{
	margin-left:5px;
	margin-bottom:40px;
	}
.bangumi_nmb dl dt{
	float: left;
  	margin-right: 20px;
	clear:both;
}
.bangumi_nmb dl dd{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:60px;
	line-height:1.8em;
	font-weight: bold;
	color: #fff;
	background: -webkit-linear-gradient(#fff, #fff, #fff, #fff, #EBECED, #EBECED, #949498, #949498);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	
}