/*	Youtube Player
============================== */
/*img cover*/
.cover {width:100%; height:100%;}
/*link*/
a{text-decoration:none; }
a:hover{ text-decoration:none; color:#3272fc;}

/*///////////////// style ////////////////*/
body{
	-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
	font-family: -apple-system, BlinkMacSystemFont, Roboto,
	"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    
}
html, body, div#con-body {
background:#030303; 
}

div#con-body{
	color:#000;
	background-attachment:fixed;
	z-index:0;
	font-style: normal;
	font-weight: 400;
}



#top.container{
	border-top:solid 1px #eee;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 7px 0px;
	-ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 7px 0px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 7px 0px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 7px 0px;

}

/*///////////////// web font ////////////////*/
.red{
	color: #E10013;
}
.grn{
	color:#178A4B;
}
.gold{
	color:#C99B20;
}

/*///////////////// font ////////////////*/
.container p,
.container li,
.container table
{
  font-weight: normal;
  line-height: 1.8em;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
  text-justify: inter-ideograph;
  text-align: justify;
  word-break: break-all;
}




/*///////////////// column ////////////////*/
.columnBox{
background:#030303;
	width: 100%;
	max-width: 1080px;
	margin: auto;
}
@media all and (max-width: 767px) {
.columnBox{
	width:100%;
	margin: auto;
}
}
/*///////////////// h2 h3 ////////////////*/
.second .columnBox h2
{
width: 100%;
max-width: 1080px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
}

.second .columnBox h2 span
{
color:#fff;
font-family: "headline-gothic-atf", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
}


.second .columnBox h2 span small
{display: block;
	font-size: 30%;
	line-height: 1;	text-align: center;
}

.second .columnBox h3{
font-family: "nitalago-ruika", sans-serif;
font-weight: 400;
font-style: normal;
margin:1em auto;
}

@media all and (min-width: 861px) {
.second .columnBox h2
{
height: 72px;
}

.columnBox h2 span{
font-size:300%;
line-height: 1;
}
}


@media all and (max-width: 860px) {
	.second .columnBox h2
	{
	height: 72px;
	}
	.columnBox h2 span{
	font-size:240%;
	line-height: 1;
	}
	}
	

@media all and (max-width: 767px) {
.second .columnBox h2
{
	aspect-ratio: 356/50;
	display:flex;
	align-items: center;
	justify-content: center
}
.second .columnBox h2 span{
font-size:180%;
line-height:1;
}
}
.android,
.win {
@media all and (min-width: 768px) {
.second .columnBox h2 span{
		padding-top:.254em;
}
.second .columnBox h2 span small{
	line-height: 0.8;
}
}
@media all and (max-width: 767px) {
.second .columnBox h2 span{
		padding-top:.3em;
		}
}
}

/*///////////////// aside ////////////////*/

aside,
#footer-common{
color:#FFFFFF;
}

#footer-common{
	width: 100%;
	padding:2em 0 5em!important;
}
.second #footer-common{
	padding:5em 0!important;
}


#banner-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 740px;
	max-width:800px;
	margin: auto;
	}
	#banner-list li{
	 width:30% ;
	 margin:0 .5em 1em;
	}
	#banner-list li a:hover{
		opacity:0.5 ;
	}



/*///////////////// footer ////////////////*/

footer {
	display:block;
	overflow:hidden;
	height:90px;
}
footer .bottom{text-align:center;line-height:90px;color:#FFFFFF;}
footer .bottom a{ text-decoration:none;color:#FFFFFF;}
footer .bottom small{font-size:80%;}
footer .bottom{margin:0 auto;}
footer .bottom small{ line-height: 90px; !important}
@media all and (max-width: 767px)  {
footer{

}
footer .bottom{
	width: 300px;
	height:30px;
	line-height:15px;margin:30px auto 0;
color:#fff;}
footer .bottom a{color:#fff;}
footer .bottom small{ line-height:1; !important}
footer small span{
display: block;
padding-top:.5em;
}
}








/*///////////////// lazy ////////////////*/
.lazy {
  position:relative;
  display:block;
  background:center top no-repeat;
  background-size:cover;
  margin:0 auto;
}
.lazy img{
  position:absolute;
  top:0;
  left:0;
}

.highlight-img span{width:900px;height:450px;margin:10px auto 15px;display:block; background-size: cover; background-repeat: no-repeat; background-position: center center;}

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

 .highlight-img span{width:100%; height:0; padding:50% 0 0;display:block;background-size: contain;position:relative;text-indent:-9999px;margin-bottom:15px;}
}

/*///////////////// oubo ////////////////*/
/*	ind+con: info_sub, info_set
============================== */
.info_sub { box-sizing: border-box; width: 100%; text-align: left; font-size: 1.5em; line-height: 180%; margin: 1rem 0; padding: 1.5em 1em;}
.info_sub .sub_txt { padding: 0 1rem 1rem 1.4rem; font-size: .9em; line-height: 180%;}
.info_sub .photo a:hover { opacity: .8;}
.info_set { width: 92%; margin: 0 auto 0 auto; padding: 1rem 0; font-size: 1.4em; line-height: 180%; border-bottom: 1px dotted rgba(255,0,0, 1);}
.info_set:last-child, #acv_info { border-bottom: 0;}

.info_set h4{padding:0px;margin:0px;}

#acv_info { padding: 1rem 0 1.5rem 0;}
#acv_info, #ex_info { padding-top: 2em;}
.info_txt { padding:5px 0 0 5px;}


.info_detail { width: 100%; padding:5px;font-size:85%;}
.info_detail dt { display: inline-block; font-size: 1em; font-weight: 700; padding: 5px 0 .1em 0; border-bottom: 1px solid rgba(255,0,0, 1);}
.info_detail dd { font-size: .92em; padding: 1em 1em 1em 0; line-height: 160%;}
.kiyaku {font-size:85%;box-sizing: border-box; width: 96%; margin: 1rem 0; max-height: 360px; padding: 1em; overflow-y: auto; border: 1px solid rgba(59, 63, 74, .75); }
.kiyaku a {color:#FFFFFF;text-decoration: underline;}
.kiyaku a:hover{color:#3272fc;}
/*for_W992-*/
@media all and (min-width: 992px) { 
.info_sub { padding: 2.5em 2em;}
.info_sub .sub_txt { padding: 1rem 1rem 1.25rem 1rem;}
.info_detail { width: 100%; padding: 2em 0 1em 0;}
}

/*	button
============================== */
.btn a { display: inline-block; margin: .5em auto 1em auto; border: 2px solid rgba(255,0,0, 1); border-radius: 40px; padding: 1.8rem 5rem; position: relative; line-height: 1rem;}
.btn a::after { content: ''; width: 12px; height: 12px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.btn a span { white-space: nowrap; font-size: 1.4rem; text-align: center; line-height: 1rem; letter-spacing: 0; font-weight: 700; color: rgba(255,0,0, 1);}
.btn a:hover { opacity: .8;}
.btn_caption { font-size: .85em; padding-bottom: .75rem;}
.btn0 a { border: 2px solid rgba(100, 100, 100, .35); cursor: default; pointer-events: none;}
.btn0 a span { color: rgba(100, 100, 100, .35);}
.btn0 a::after { filter: grayscale(100%); opacity: .35;}
.close { display: inline-block; font-size: 1.4rem; color: rgba(100, 100, 100, 1); padding: 1rem; border-top: 1px solid rgba(100, 100, 100, 1); border-bottom: 1px solid rgba(100, 100, 100, 1); margin: 1rem auto 0 auto;}
.btn_sp { padding: 2em 0 0 0; text-align: center;}
.btn_sp0 { padding: 0 5% 0 0; text-align: center;}
.btn_sp0 .oubo_ckb { padding: 2rem 0 .5rem 0;}
.btn_sp0 .oubo_ckb input[type="checkbox"] { margin: 0 5px 5px 0; width: 20px; height: 20px;}
.btn_sp0 .oubo_ckb label { font-size: 1em; letter-spacing: .1em; font-weight: 700;}
.btn_sp1 { padding: 1em 5% 1em 0; text-align: center;}
.unit_con .btm_sp { width: 96%; margin: 1rem auto 0 auto; border-top: 1px solid rgba(255,0,0, .5);}

.unit_con .back_list .btn a { display: inline-block; border: 1px solid rgba(255, 255, 255, 0); color: rgba(255,0,0, 1); padding: 0 3rem; margin: 0 auto;}
.unit_con .back_list .btn a::after { position: absolute; top: 50%; left: 10px; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg);}




/*for_W768-*/
@media all and (min-width: 768px) { 
.btn a span { font-size: 1.6rem;}
.unit_con .btm_sp { margin: 1rem auto 0 auto;}
}
/*for_W992-*/
@media all and (min-width: 992px) {
.btn a span { font-size: 1.8rem;}
}


/*PICK UP VIDEO*/
#video_sp {
 width: 90%;
 max-width: 960px;
 margin:15px auto;
 background-color:#c23e36;
 border: 1px solid #c23e36;
 box-shadow:#c23e36;
}


.txt-s{font-size:70%;}
.txt-bbig{color:#d6bc78;font-size:140%;font-weight: bold;}
.txt-bbig-c{color:#d6bc78;font-size:140%;font-weight: bold;line-height:2.0em;text-align: center;}
.txt-bbig2{font-size:120%;font-weight: bold;}
.txt-big2{color:#ec241e;font-weight: bold;}
.f-140{font-size:140%;}
.txt-big{color:#FFFFFF;font-weight: bold;}

@media all and (min-width: 640px) {
.txt-bbig{color:#d6bc78;font-weight: bold;}
.txt-bbig2{font-weight: bold;}
.txt-big2{color:#ec241e;font-weight: bold;}
}



/* 	youtube
============================== */

.movie {
 width: 100%;
 height: 0;
 padding-top: 56.25%;
 position: relative;
 overflow: hidden;
 z-index: 200;
}
.movie a {
 width: 100%;
 height: 100%;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
}
.movie a:hover {
 opacity: 0.8;
}
.movie img {
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
 position: absolute;
 top: 0;
 left: 0;
}

.movie iframe,
.movie video,
.movie .fp-player,
.movie .tbs-player,
.movie object {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 border: 0;
}
/*for_W640-*/
@media all and (min-width: 640px) {
 .movie .play_btn,
 .movie .play_btn-red {
  width: 60px;
  height: 60px;
 }
}

.sc{ background-color: #e0e0e0; padding:15px;}

  .title-row th {
      font-size:1.1em;
      text-align: center;
     
      color:#333333;
    }

   table {
      border-collapse: collapse;
      width: 80%;
      margin: 20px auto;
      padding:15px;
      font-size:1.1em;
       background-color: #e0e0e0;
       color:#030303;
    }

    th, td {
      border: 1px solid #ec241e;
      padding: 8px 12px;
     }
 
td.time{text-align: center;}
td.place{ text-align: center;padding:0;}
 
    .note {
      text-align: center;
      margin: 10px 0px;
      font-size: 60%;
        }
        
        
        

@media all and (max-width: 860px) {        
           table {
      border-collapse: collapse;
      width: 100%;
      margin: 20px auto;
      font-size: 1.1em;
       background-color: #e0e0e0;
       color:#030303;
    }
    }
.text {line-height:180%;padding:10px 15px 15px;line-height:1.8em;}   
#qa{margin:10px; color:#030303;background-color:#e0e0e0;padding:10px;}
.text-qa{border: solid 1px #ec241e;line-height:180%;margin:10px auto;padding:10px;line-height:1.8em;;}
    
.text-center {text-align:center;}