@charset "UTF-8";
body{font-size: 16px;}
.mb10p{margin-bottom: 10px;}
/*キャンペーン*/
.end {
 position: relative;
 overflow: hidden;
}
.end_overlay {
 display: block;
 position: absolute;
 width: 100%;
 height: 100%;
 background-color: rgba(85,85,85,.8);
 z-index: 10;
 text-align: center;
}
.end_overlay p {
 margin-top: 150px;
 font-size: 30px;
 font-weight: bold;
}
.flex_center{    display: flex;
    align-items: center;
    justify-content: center;}
.fs_s{font-size: 0.9em!important;}
.fw_n{font-weight: normal!important;}
img {
 width: 100%;
}
.end_tx {
	text-align: center;
	font-size: 2em;
	padding: 1em;
	background-color: #fff;
	border: 2px solid 
}
.wrapper {
 color: #fff;
 background: #000;
 font-family: "noto-sans-cjk-jp", sans-serif;
 font-weight: 300;
 font-style: normal;
	    background: url(../images/bg_all.webp);
    background-size: cover;
    background-attachment: fixed;
}
.bold {
  font-weight: 500;
}
.sp {
 display: none;
}
.mt00 {
  margin-top:0 !important;
}
.opacity {
  display: block;
  transition: .3s;
}
.opacity:hover {
  opacity: .6;
  transition: .3s;
}
.contents {
  margin: 0 auto;padding-bottom: 5em;
}
.font_st {
    font-family: "vdl-logona", sans-serif;
    font-weight: 400;
    font-style: normal;
}
/* ==========================================================================
btn
========================================================================== */
.btn a {
   position: relative;
   margin: 15px 0 0;
   background: #fc8e3d;
   background: -moz-linear-gradient(left, #fc8e3d 0%, #ff0576 100%);
   background: -webkit-linear-gradient(left, #fc8e3d 0%, #ff0576 100%);
   background: linear-gradient(to right, #fc8e3d 0%, #ff0576 100%);
   color: #fff;
   font-size: 19px;
   font-weight: 700;
   text-align: center;
   width: 100%;
   height: 65px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   border-radius: 100px;
   box-sizing: border-box;
}
.btn a span {
   display: block;
   background-image: url(../images/playbtn.png);
   background-size: 100% 100%;
   width: 20px;
   height: 20px;
   margin-left: 10px;
}
.btn a span.dli-chevron-right {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 30px;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 12px;
  height: 12px;
  border: 2.5px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translate(-25%,-50%) rotate(45deg);
  background: none;
  margin-left: 0;
}

/* ==========================================================================
fv
========================================================================== */
body {
 background: #000;
}
.fv_lead {
 width: 100%;
 margin: 0 0 0;
 padding: 25px 0 15px;
 text-align: center;
 font-size: 40px;
 color: #fff;
 font-weight: 700;
}
h1.pc_kv{max-width: 1600px;margin: 0 auto;background: none;}
h1.pc_kv img{width: 100%;}
h1 {
	text-align: center;
	background: #000;
	width: 100%;
	text-shadow: 0 0 0px rgb(10 219 255), 0 0 30px rgb(4 230 255), 0 0 5px rgb(255 255 255);
    color: #fff;
    font-size: 2.3em;
    font-weight: bold;
    margin: 2em auto 1em;
}
h1 img {
	width: 90%;
}
.fv_img{text-align: center;width: 60%;max-width: 1000px;}
.fv_about{width: 40%;padding: 1em;}
.fv_about .cont_area{max-width: 500px;}

.fv_img img{margin: 0 auto;width: 100%;}
.fv_flex{display: flex;}
.red_note{color: red;
    border: 2px solid red;
    background: #ffffff;
    font-weight: bold;
    margin: 1em auto;
    max-width: 1000px;
    padding: 1em;
    font-size: 1em;
    text-align: left;
    line-height: 1.45em;;}
		.red_note.end {
			text-align: center;
			margin: 4em auto 1em;
			font-size: 1.2em;
		}
/* ==========================================================================
slider
========================================================================== */
.container {
  margin: 0 auto;
  padding: 0 0 35px;
  width: 100%;
 background: url("../images/livestreaming.webp") repeat-x top center/1100px;
}


/* ==========================================================================
anker
========================================================================== */

/* ==========================================================================
contents
========================================================================== */
span.small {
	font-size: 80%;
}
.text_through {
	text-decoration: line-through;
	text-decoration-color: #FF0000;
	text-decoration-thickness: 2px;
}
.contents_box li.end + li{margin-top: 2em;}
.neon_box{    border: solid 2px #01e4fe;
    box-shadow: 0 0 20px rgb(10 219 255), 0 0 20px rgb(4 230 255) inset;
}
.neon_box.orange{
	border: solid 2px #FFBB00;
	box-shadow: 0 0 20px rgb(255 187 0), 0 0 20px rgb(255 187 0) inset;
}
.cont_area{    max-width: 1000px;
    text-align: center;
    padding: 2em 1em;
    margin: 0 auto;}
.con_lead{    font-size: 1.5em;
    line-height: 1.45em;    font-weight: bold;margin: 1em auto 2em;}
.con_lead span{font-size: 0.8em;font-weight: normal;}
.cont_area ul{    margin: 1em auto 1em;
    max-width: 800px;
    font-size: 1.1em;}
.cont_area ul li{text-align: left;
    line-height: 1.8em;
    text-indent: -1em;
    padding-left: 1em;
    }
.cont_area ul + p.con_lead{padding-top: 1.5em;
    border-top: 1px dotted #01e4fe;
    width: 80%;
    margin: 2em auto;}

.title_area{  background: url("../images/bg_02.webp") repeat-x;margin: 0 auto 3em;  }
.title_area div{max-width: 1000px;
    margin: 0 auto;}
.title_area p{    background: #ededed;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;color: #035ab7;    display: flex;
    align-items: center;
    justify-content: center;letter-spacing: 0.08em;}
.title_area p span{display: block;}
.title_area p span.st_01{position: relative;padding: 0.8em;}
.title_area p span.st_01::before{content: '';display: block;top:0;position: absolute;}
.title_area p span.st_02{background: #005acf;
    border-radius: 10em;
    padding: 0.3em;
    font-size: 1em;
    margin: 0 0.5em 0 1em;
    letter-spacing: 0.08em;
    color: #ffff;}
.title_area p span.st_03{font-size: 1.2em;}
/*-----------------------------------------------------------------*/
.topics_list {
	max-width: 800px;
	margin: 30px auto;
	width: 100%;
}
.topic {
	background-color: #000;
	text-align: center;
	padding: 20px;
}
.topic:nth-of-type(n+2) {
	margin-top: 20px;
}
.topic_date {
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 0 0px rgb(255 187 0), 0 0 30px rgb(255 187 0), 0 0 5px rgb(255 255 255);
}
.topic_inner {
	font-weight: 500;
	font-size: 1.3em;
	line-height: 1.5;
}
span.big {
	font-size: 1.6em;
}
/*-----------------------------------------------------------------*/
.ent_btn{display: flex;
    max-width: 800px;
    margin: 0 auto 3em;flex-wrap: wrap;}
.ent_btn li{width: 100%;margin: 0 auto;}
.ent_btn li a{position: relative;
    font-size: 1.3em;
    max-width: 600px;
    margin: 1em auto 0;
    background: linear-gradient(to right, #ff9900 0%, #ff8f05 100%);
    height: 3.5em;
    padding: 0;
    color: #fff;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 35%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    letter-spacing: 0.05em;}
.ent_btn li a span{    display: block;
    background-image: url(../images/tri.webp);
    background-size: 100% 100%;
    width: 1em;
    height: 1em;
    margin-left: 10px;
    position: absolute;
    right: 10%;}
p.ad_txt{    font-size: 0.9em;
    text-align: center;
    margin: 0.8em auto;}
.ent_btn li a:hover{opacity: 0.8;}
.ent_btn a.btn_tk{}
.ent_btn a.btn_goods{}

h2.cp_title {
	text-align: center;
	background: #000;
	width: 100%;
	text-shadow: 0 0 0px rgb(10 219 255), 0 0 30px rgb(4 230 255), 0 0 5px rgb(255 255 255);
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    margin: 2em auto 0.5em;line-height: 1.45em;
}
p.cp_title {
	text-align: center;
	background: #000;
	width: 100%;
	text-shadow: 0 0 0px rgb(10 219 255), 0 0 30px rgb(4 230 255), 0 0 5px rgb(255 255 255);
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    margin: 2em auto 0.5em;line-height: 1.45em;
}
h2.cp_title span.st_01{background: #ffffff;
    border-radius: 10px;
    text-shadow: none;
    color: #ff007f;
    position: relative;
    z-index: 5;
    padding: 0 0.3em;
    font-size: 0.9em;display: inline-block;}
h2.cp_title span.st_02{    font-size: 0.5em;
    display: block;
    font-weight: normal;}

/* ==========================================================================
campaign
========================================================================== */
.cp_area{margin: 5em auto;}
.cp_area h2{    font-size: 2em;
    font-weight: bold;}
/*tokuten*/
.tokuten_scroll {
  margin-top: 4em;
  padding: 2em;
  background: #3b3b3b;
  color: #fff;
  overflow: auto;
  max-width: 800px;
  font-size: 1.1em;
  text-align: left;
  margin: 0 auto;
  line-height: 1.5;
	font-size: 0.9em;
}
.tokuten_scroll .inn {
  padding-right: 2em;
  height: 230px;
  overflow-y: scroll;
  text-align: left;
}
.tokuten_scroll .inn .inn_box {
  margin-bottom: 2em;
}
.tokuten_scroll .inn .inn_box　h4{font-size: 1.2em;}
.tokuten_scroll .inn .inn_box > ul > li {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.3em;
	line-height: 1.45em;font-size: 0.9em;
}
.bn_list ul li{margin: 0 auto;text-align: center;}
.bn_list img{max-width: 600px;width: 80%;}
.bn_list a{display: block;}
.bn_list a:hover{opacity: 0.8;}

/* ==========================================================================
---812---
========================================================================== */
@media screen and (max-width: 812px) {
 
  body {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-text-size-adjust: 100%;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
	  font-size: 0.8em;
  }
 .sp {
  display: block;
 }
 .pc {
  display: none;
 }
 .wrapper {
  position: relative;
  background: none;
  padding-top: 50px;
 }
 .home {
  position: fixed;
  top: 14px;
  left: 10px;
  width: 20%;
  max-width: 130px;
  z-index: 1000;
 }
	h1{    font-size: 1.5em;margin: 0 auto 0.5em;}
	.fv_flex{flex-wrap: wrap;}
 .fv_img{text-align: center;width: 100%;}
.fv_about{width: 100%;padding: 1em;}
	.fv_about .con_lead{    font-size: 1.2em;
    line-height: 1.45em;
    font-weight: bold;}
/* ==========================================================================
contents_sp
========================================================================== */
	
 .contents {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
 }
 .container {
background: none;
 }
 
 .contents_inner {
  width: 100%;
 }
.title_area{margin: 1em auto;}
	.ent_btn li{width: 100%;}
	.ent_btn li a{    padding-right: 5%;}
	.ent_btn li a span{right: 2%;}
	.ent_btn li + li{margin-top: 0.5em;}
	
	.cont_area{padding: 1em 1em 0;}
	.title_area p{display: block;padding: 0.5em 0;}
	.title_area p span{display: inline-block;}
	.title_area p span.st_01{display: block;padding: 0.3em;}
	.title_area p span.st_02{    width: 7em;
    margin: 0.2em;}
	.con_lead{margin: 1em auto 1.5em;}
	.cont_area ul + p.con_lead{    padding-top: 1.5em;
    margin: 1.5em auto;}
	
/* ==========================================================================
campaign
========================================================================== */
	h2.cp_title{margin: 1em auto 0.5em;font-size: 1.45em;}
	p.cp_title{margin: 1em auto 0.5em;font-size: 1.45em;}
	.cont_area ul{font-size: 1em;}
 
/* tokuten*/
 .tokuten_scroll {
  padding: 2em 1.3em;
  font-size: 12px;
 }
 .tokuten_scroll .inn {
  padding-right: 0.5em;
 }
 footer  {
  height: 40px;
 }

}/*end812*/

@media screen and (min-width: 813px) {
	    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        display: -webkit-flex;
        display: flex
;
        -webkit-align-items: center;
        align-items: center;
        padding: 0 1.5em;
        background: #000;
    }
	    header .home {
        width: 120px;
        padding: 1.2em 0;
        margin-right: 30px;
	}
}

.cont_area-2 {
	margin-top: 40px;
}
.cont_area-2 .tokuten_scroll {
	font-size: 0.9em;
	margin-bottom: 30px;
}
@media screen and (max-width: 812px) {
	.cont_area-2 {
		margin-top: 0;
	}
	.red_note.end {
			margin: 0 auto 1em;
		}
}

.con_lead-2 {
	margin-bottom: 20px;
}
.cp_catch {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 30px;
}
.cp_catch_red {
	color: #FF0004;
}
.cp_block {
	width: 100%;
	max-width: 700px;
	margin: 0 auto 50px;
}
.cp_block p {
	border: 1px solid #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
.cp_block p+p {
	border-top: none;
}
.cp_block_ttl {
	background: #fff;
	color: #000;
}
.ticket_img {
	width: 100%;
	max-width: 700px;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	padding: 30px 0;
	background: #ebebeb;
	margin: 0 auto 20px;
}
.cp_table {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 700px;
	margin: 0 auto 50px;
	border: 1px solid #fff;
}
.cp_table dt {
	flex-basis: 20%;
	padding: 10px;
	background-color: #fff;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
.cp_table dt:last-of-type {
	border-bottom: none;
}
.cp_table dd {
	flex-basis: 80%;
	padding: 10px;
	border-bottom: 1px solid #fff;
	font-size: 1.1em;
	font-weight: bold;
}
.cp_table dd:last-of-type {
	border-bottom: none;
}
.cp_img {
	margin-bottom: 50px;
}
.cp_img img {
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto;
}
.kiyaku_kome {
	background: #fff;
	color: #000;
	display: inline-block;
    padding: 0px 10px;
    border-radius: 20px;
	margin-top: 10px;
}
@media screen and (max-width: 812px) {
	.cp_catch {
		font-size: 1.2em;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.cp_block {
		margin-bottom: 40px;
	}
	.cp_block p {
		padding: 8px;
	}
	.ticket_img {
		padding: 20px 0;
	}
	.cp_table {
		flex-flow: column;
	}
	.cp_table dt {
		padding: 6px;
	}
.topic {
	padding: 20px 10px;
}
}