@charset "utf-8";

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

/* ------------------------------------- /
/   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;
}


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

body#event li.mainBtn06 {
	background: url(../img/btn_main06.png) 2px;
} /*アクティブページには別画像を設定*/


/* ------------------------------------- /
/   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;
}


@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.mainBtn06 {
	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;
}

}


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

.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;
}
}