@charset "utf-8";

body#event {
	background: url(../img/bg_main.jpg) no-repeat top center fixed #000;
}

body#event .row {
    margin-left: 0px;
    margin-right: 0px;
}

/* ------------------------------------- /
/   Header
/* ------------------------------------- */

body#event header {
	text-align: center;
	height: 280px;
	background: url(../img/header01.jpg) center top;
}

body#event header div.lBox h1 {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
}

body#event header div.sBox {
	display: none;
}

body#event div.navBox {
	position: absolute;
	top: 190px;
}


/* ------------------------------------- /
/   Main
/* ------------------------------------- */

body#event h2 {
	background: url(../event/img/h2.png) center no-repeat;
	height: 106px;
	text-indent: -9999px;
	margin-top: 0;
}

ul.bnrSam li {
	border: solid 1px #000;
}
.event-clear{
	margin-top:-220px;
}

#event table{
    background: #FFF;
    width: 100%;
    border: 1px solid #111;
}
#event table tr{
border-bottom: 1px solid #111;
}
#event table td{
    padding: 4px 10px;
    border-right: 1px solid #111;
    line-height: 18px;
}


@media screen and (max-width: 767px) { /* 767px以下の場合 */

/* ------------------------------------- /
/   Header
/* ------------------------------------- */

body#event header {
	text-align: center;
	height: auto;
	background: none;
}

body#event header div.lBox {
	display: none;
}

body#event header div.sBox {
	display: block;
}

body#event div.navBox {
	position: static;
}


/***** Gnav *****/

body#event li.mainBtn07 {
	text-indent: 0;
	margin: 0;
	width: 50%;
	height: 50px;
	float: left;
	text-align: center;
	background: url(../img/ico_kab.png),-webkit-gradient(linear, left top, left bottom, from(#972715), to(#2a0802));
    background: url(../img/ico_kab.png),-moz-linear-gradient(top, #972715, #2a0802);
    background: url(../img/ico_kab.png),-ms-linear-gradient(top, #972715, #2a0802);
    background: url(../img/ico_kab.png),linear-gradient(top, #972715, #2a0802);
    background-repeat:no-repeat;
    background-position: right bottom;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	line-height: 120%;
	color: #f6f773;
	display: table;
} /*アクティブページには別画像を設定(PC)したので、スマホ用は元に戻す*/


/* ------------------------------------- /
/   Main
/* ------------------------------------- */

body#event {
	background: none #000;
}

body#event h2 {
	background: url(../event/img/h2_s.jpg);
	width: 100%;
	height: 0;
	padding-top: 18.2%;
	background-size: cover;
}


body#event ul.bnrSam {
	margin-bottom: 20px;
	overflow: hidden;
}

body#event ul.bnrSam li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
}

body#event ul.bnrSam li:nth-child(3n) {
	margin-right: 2%;
}

body#event ul.bnrSam li:nth-child(2n) {
	margin-right: 0;
}
.event-clear{
	clear:both;
}

.sp-clear{
	clear:both;
}



/* ------------------------------------- /
/   sidebar
/* ------------------------------------- */

}

@media screen and (max-width: 767px){
body#event dl.accordion dt {
    text-align: left;
    border: none;
    background: url(../img/ico_arw.png) no-repeat left;
    padding-left: 20px;
    cursor: pointer;
    color: #06acdc;
    font-weight: normal;
    margin-bottom: 5px;
}
body#event dl.accordion li {
    background: url(../img/ico_circle.png) no-repeat left 2px;
    padding: 0 0 0 20px;
    margin-right: 0;
    float: none;
    line-height: 160%;
		margin-left:20px;
}
}

/* ------------------------------------- /
/   01cam Twitter始動記念キャンペーン！
/* ------------------------------------- */

.btnTw img {
	display: none;
}

.btnTw {
	margin-bottom: 20px;
	margin-left: 85px;
}

.btnTw a {
	display: block;
	width: 510px;
	height: 70px;
	background: url(../event/img/01cam_btn_tw.png);
}

.btnTw a:hover {
	background: url(../event/img/01cam_btn_tw.png) 0 -70px;
}


@media screen and (max-width: 767px) {

.btnTw img {
	display: block;
}

.btnTw {
	margin: 0 auto 20px auto;
}

.btnTw a {
	margin: 0 auto 20px auto;
	display: inherit;
	height: auto;
	background: none;
	width: 80%;
}

.btnTw a:hover {
	background: none;
}
}


/* ------------------------------------- /
/   01ev コロツアー2015
/* ------------------------------------- */

div.coro2015Box {
	margin: 0 20px 30px 20px;
	height: 390px;
	width: 640px;
	position: relative;
	background: url(../event/img/ev01_coro01.jpg);
}

div.coro2015Box dl dt {
	display: none;
}

div.coro2015Box dd {
	text-indent: -9999px;
}

div.coro2015Box dd a {
	display: block;
	width: 200px;
	height: 25px;
}

div.coro2015Box dd.btn01 {
	position: absolute;
	left: 15px;
	top: 170px;
}

div.coro2015Box dd.btn01 a {
	background: url(../event/img/ev01_coro01_btn01.gif);
}

div.coro2015Box dd.btn01 a:hover {
	background: url(../event/img/ev01_coro01_btn01.gif) 0 -25px;
}

div.coro2015Box dd.btn02 {
	position: absolute;
	left: 425px;
	top: 220px;
}

div.coro2015Box dd.btn02 a {
	background: url(../event/img/ev01_coro01_btn02.gif);
}

div.coro2015Box dd.btn02 a:hover {
	background: url(../event/img/ev01_coro01_btn02.gif) 0 -25px;
}

div.coro2015Box dd.btn03 {
	position: absolute;
	left: 425px;
	top: 360px;
}

div.coro2015Box dd.btn03 a {
	background: url(../event/img/ev01_coro01_btn03.gif);
}

div.coro2015Box dd.btn03 a:hover {
	background: url(../event/img/ev01_coro01_btn03.gif) 0 -25px;
}

div.coro2015Box dd.btn04 {
	position: absolute;
	left: 15px;
	top: 100px;
}

div.coro2015Box dd.btn04 a {
	background: url(../event/img/ev01_coro01_btn04.gif);
}

div.coro2015Box dd.btn04 a:hover {
	background: url(../event/img/ev01_coro01_btn04.gif) 0 -25px;
}

div.coro2015Box dd.btn05 {
	position: absolute;
	left: 425px;
	top: 290px;
}

div.coro2015Box dd.btn05 a {
	background: url(../event/img/ev01_coro01_btn05.gif);
}

div.coro2015Box dd.btn05 a:hover {
	background: url(../event/img/ev01_coro01_btn05.gif) 0 -25px;
}

div.coro2015Box dd.btn06 {
	position: absolute;
	left: 15px;
	top: 30px;
}

div.coro2015Box dd.btn06 a {
	background: url(../event/img/ev01_coro01_btn06.gif);
}

div.coro2015Box dd.btn06 a:hover {
	background: url(../event/img/ev01_coro01_btn06.gif) 0 -25px;
}

div.coro2015Box dd.btn07 {
	position: absolute;
	left: 425px;
	top: 150px;
}

div.coro2015Box dd.btn07 a {
	background: url(../event/img/ev01_coro01_btn07.gif);
}

div.coro2015Box dd.btn07 a:hover {
	background: url(../event/img/ev01_coro01_btn07.gif) 0 -25px;
}


@media screen and (max-width: 767px) {

div.coro2015Box {
	margin: 0 0 20px 0;
	height: 100%;
	width: auto;
	position: relative;
	background: none;
}

div.coro2015Box dl dt {
	display: block;
	background: url(../img/ico_maru.png) no-repeat left center;
	padding-left: 20px;
}

div.coro2015Box dd {
	text-indent: 0;
	margin-bottom: 5px;
}

div.coro2015Box dd a {
	display: inline;
	width: auto;
	height: auto;
}

div.coro2015Box dd.btn01,div.coro2015Box dd.btn02,div.coro2015Box dd.btn03,div.coro2015Box dd.btn04,div.coro2015Box dd.btn05,div.coro2015Box dd.btn06,div.coro2015Box dd.btn07 {
	position: inherit;
}

div.coro2015Box dd.btn01 a,div.coro2015Box dd.btn02 a,div.coro2015Box dd.btn03 a,div.coro2015Box dd.btn04 a,div.coro2015Box dd.btn05 a,div.coro2015Box dd.btn06 a,div.coro2015Box dd.btn07 a,div.coro2015Box dd.btn01 a:hover,div.coro2015Box dd.btn02 a:hover,div.coro2015Box dd.btn03 a:hover,div.coro2015Box dd.btn04 a:hover,div.coro2015Box dd.btn05 a:hover,div.coro2015Box dd.btn06 a:hover,div.coro2015Box dd.btn07 a:hover {
	background: none;
}

}



/* ------------------------------------- /
/   コロツアー2017
/* ------------------------------------- */

div.coro2017 ul li a img:hover{
	opacity:0.6;
}

@media screen and (max-width: 767px) {
div.coro2017 ul li a img{
	width:260px;
	height:auto;
}
}













/*-----------メチャつよかーど--------------*/

.ev-22btn{
	background:url(../event/img/ev23_img02.png) no-repeat;
	width:300px;
	height:97px;
	margin:0 auto;
}
.ev-22btn:hover{
	background:url(../event/img/ev23_img02.png) no-repeat;
	width:300px;
	height:97px;
	background-position:0 -99px;
}
@media screen and (min-width: 767px) {
.ev-22btn{
	margin-top:-40px;
}

}

/*-----------きろくカードでSR-------------*/

.biyori-btn img{
	margin:0 auto;
}

@media screen and (min-width: 767px) {
.ev-29btn{
	margin-top:20px;
}
.ev-29txt{
	margin-top:0px !important;
}
/*-----------びよりキャンペーン--------*/
.hagaki-btn a img:hover{
	opacity:0.7;
}
.biyori-btn a img:hover{
	opacity:0.7;
}

/*.event-end-box .event-end{
	background:url(../event/img/event-end-txt.png) no-repeat;
	z-index:9999;
	background-size:484px 54px;
	max-width:100%;
	height:54px;
	position:relative;
	xtop:2000px;
}*/

.event-end-box .event-end{
	background:url(../event/img/event-end.png) no-repeat;
	z-index:9999;
	background-size:720px 1930px;
	max-width:80%;
	height:2000px;
	position:relative;
	xtop:2000px;
}

.event-end-box .mainFrame{
	opacity:0.5;
	margin-top:-2000px;
}
}
@media screen and (max-width: 766px) {
.event-end-box .event-end{
	background:url(../event/img/event-end-txt.png) no-repeat;
	z-index:9999;
	background-size:100%;
	max-width:100%;
	height:54px;
	position:relative;
	top:200px;
}

.event-end-box .mainFrame{
	opacity:0.5;
	margin-top:-54px;
}
}

/*------激闘会議-------*/

.tokaigi-table{
	margin-top:10px;
	border-bottom:solid 1px #000;
}
.tokaigi-table .row{
	background:#FFF;
	margin-left: 0px;
  margin-right: 0px;
	margin-bottom: 0px;
  border-right: solid 1px #000;
  border-left: solid 1px #000;
	vertical-align:middle;
}
.tokaigi-table .row dd{
	 padding:10px 10px 10px 10px;
	 width:80%;
	 border-left: solid 1px #000;
}
.tokaigi-table .row dt{
	 padding:10px 0;
	 text-align:center;
	 width:20%;
}
.tokaigi-table .row{
    border-top: solid 1px #000;
}
.tokaigi-table .bottomborder{
    	xborder-bottom: solid 1px #000;
}
.tokaigi_yusho{
	display:inline-block;
}
.tokaigi_yusho div{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
  border-radius:10px;
	border:solid 2px #ED5D0D;
	padding:10px 10px;
	margin-bottom:20px;
}
.tokaigi_yusho div ul{
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	padding:10px 10px;
	margin:0 0px 5px
}
.tokaigi_yusho div ul li{
	text-indent:-1em;
	padding-left:1em;
}

.tokaigi_junyusho{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+51,dddfe3+85,b8bac6+100 */
background: #f5f6f6 !important; /* Old browsers */
background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 51%, #dddfe3 85%, #b8bac6 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 51%,#dddfe3 85%,#b8bac6 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 51%,#dddfe3 85%,#b8bac6 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#b8bac6',GradientType=0 ) !important; /* IE6-9 */
  border-radius:10px;
	border:solid 2px #066BC6 !important;
	padding:10px 10px;
	margin-bottom:50px !important;
}
.tokaigi_junyusho ul{
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	padding:10px 10px;
	margin:0 0px 5px
}
.tokaigi_junyusho ul li{
	text-indent:-1em;
	padding-left:1em;
}

.tokaigi-navi ul{
	width:640px;
	margin:0 auto;
}
.tokaigi-navi ul li{
	float:left;
	margin-left:20px;
	height:80px;
}
.tokaigi-navi ul li:first-child{
	margin-left:0px;
}
.tokaigi-navi ul li img:hover{
	opacity:0.7;
}
.tokaigi-winner-single{
	background:#920702;
	padding:20px 0px 0px;
	margin:10px;
	border-radius:10px;
}
.tokaigi-winner-tag{
	background:#4F0100;
	padding:20px 0px 0px;
	margin:10px 10px 40px;
	border-radius:10px;
}
.tokaigi-winner-single .white,
.tokaigi-winner-tag .white{
	color:#FFF;
}
@media screen and (max-width: 767px){
.tokaigi-table .row dt {
    width: 32%;
}
.tokaigi-table .row dd {
    xborder-left: solid 1px #000;
    width: 68%;
}
.tokaigi-table .row dd.width100 {
    width: 100%;
}
.tokaigi-navi ul{
	width:100%;
	margin:0 auto;
}
.tokaigi-navi ul li img{
	width:100%;

}
.tokaigi-navi ul li{
	width:48%;
	height:auto;
	margin-left:10px;
}
.tokaigi-navi ul li:nth-of-type(3){
	margin-left:25%;
	margin-top:10px;
	margin-bottom:30px;
}
.tokaigi_yusho{
	margin-bottom:-50px;
}

.tokaigi-winner-single,
.tokaigi-winner-tag{
	padding:20px 0px 0px;
	margin:10px 0px;
}
.tokaigi-winner-tag{
	margin-bottom:40px;
}
}


/*---------100万人キャンペーン---------*/
.million-id{
	background-color:#000;
	color:#FFF;
	padding:5px;
	margin:30px 50px;
}
body#event .atesaki{
	background:rgba(255,255,255,1.0);
	padding:16px 20px 6px;
	border:solid 2px #000;
	width:360px;
	margin:20px auto;
	font-size:16px;
}
@media screen and (max-width: 767px){
.million-id{
	margin:30px 0px;
}
body#event .atesaki{
	background:rgba(255,255,255,1.0);
	padding:16px 20px 6px;
	border:solid 2px #000;
	width:100%;
	margin:20px auto;
	font-size:14px;
}
}


/*---------セブンズカードキャンペーン---------*/

body#event .atesaki-sevens{
	background:rgba(255,255,255,1.0);
	padding:16px 20px 6px;
	border:solid 2px #000;
	width:450px;
	margin:20px auto;
	font-size:16px;
}
@media screen and (min-width: 768px){
	body#event .plus-icon{
  margin-top:14% !important;
  display:inline;
	margin-left:0px !important;
}
}
@media screen and (max-width: 767px){
body#event .atesaki-sevens{
	width:100%;
}
}

/*---------東京ドームイベント---------*/
table.type01 {
	border-collapse:separate;
	text-align: left;
	line-height: 1.5;
	border:solid 1px #000;
	background:#3F7A3A;
	color:#FFF;
	width:100%;
}
table.type01 th {
	width: 50%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type01 td {
	width: 50%;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}
.time-atack-card-btn img:hover{
	opacity:0.7;
}
.time-atack-img{
	width:589px;
	margin:0 auto;
}
.time-atack-table{
	background:#FFF;
}
.time-atack-table td{
	border:solid 1px #000;
	padding:2px 10px;
}

@media screen and (max-width: 767px){
.time-atack-img{
	width:100%;
}
}


/*--------闘神祭---------*/
@media screen and (min-width: 768px){
    .toushinsai-movie{
    height:378px;
    width:620px;
    margin: 0 auto;
}
}
@media screen and (max-width: 767px){
.toushinsai-movie iframe{
    height:220px;
    width:100%;
    margin: 0 auto;
}
}