.sakasp{
    display: block;
    }
    
img{
pointer-events: none;
}

.g-nav{
/*color: #fff;*/
}    

header .logo {
/*filter: invert(100%);*/
 }
 

footer .copyright {
    color: #000;
}

#saka2026Box{
padding: 0px 15px 0px 15px;
}
    

.saka2026 {

}
.saka2026 .wrap {
	padding-top: 0;
}

.saka2026 section.section--detail {
    position:relative;
    z-index: 0;
    padding: 20vw 0;
	max-width: 900px;
	margin: 0 auto;
}
.saka2026 section.section--detail:before {
content:"";
background: #f6f6f6;
background-size:100%;
position:fixed;
height: 100%;
width: 100vw;
left: 0;
top: 0;
z-index: -2;

}

.saka2026 section.section--detail {
    position:relative;
    z-index: 0;
    padding: 10vw 0;
    color:#000;
}

.saka2026 #saka2026Box {
    margin: 0 0px 50px;
}

.saka2026 #saka2026Box .phmain {
max-width: 500px;
margin: 0 auto 60px;
}
.saka2026 #saka2026Box .phmain.sub {
width: 700px;
margin: 60px auto;
}

.saka2026 #saka2026Box .leadtit {
font-size: 35px;
text-align: center;
color: #fff;
font-weight: bold;
margin: 0 auto 40px;
text-shadow: 0 3px 0px #de2885;
font-family: 'Noto Sans JP', sans-serif;
}


.saka2026 #saka2026Box .headerLead {
margin: 0 auto 30px;
line-height: 0;
}


.saka2026 #saka2026Box .lead {
margin: 0 auto 30px;
font-size: 18px;
font-weight: bold;
text-align: center;
}


.saka2026 #saka2026Box .detailArea {
margin: 30px 0px 100px;
padding: 0px 30px 20px;
border: solid 5px #a0cd65;
background: #fff;
border-radius: 25px;
position:relative;

}

.saka2026 #saka2026Box .detailArea:before {
	position: absolute;
    content: "";
    z-index: -1;
    bottom: -10px;
    right: -10px;
    width: 100%;
    height: 100%;
    background-color: #c6e7a4;
    border-radius: 30px;
    background-size: 8px 8px;
    background-repeat: repeat;
    background-position: center bottom;
}

.saka2026 #saka2026Box .detailArea h2 {
position: relative;
font-size: 20px;
font-weight: bold;
color: #fff;
margin: 25px 0;
text-align: center;
}

.saka2026 #saka2026Box .detailArea h2 span.ico{
background: #a0cd65;
color: #fff;
display: inline-block;
padding: 5px 20px;
position: relative;
width: 100%;
border-radius: 50px;
}



.saka2026 #saka2026Box .detailArea h2 span:before {
position: absolute;
content: "";
width: 40px;
height: 35px;
top: 5px;
bottom: 0;
right: 15px;
background-image: url(/static/gospellers/fanclub/feature/saka2026/img/ph_icon_2606_a72wunib.png);
background-repeat: no-repeat;
background-size: contain;
}
.saka2026 #saka2026Box .detailArea h2 span:after {
position: absolute;
content: "";
width: 40px;
height: 35px;
top: 5px;
bottom: 0;
left: 15px;
background-image: url(/static/gospellers/fanclub/feature/saka2026/img/ph_icon_2606_a72wunib.png);
background-repeat: no-repeat;
background-size: contain;
}

.saka2026 #saka2026Box .detailArea .spComTxt {
margin: 0 auto 15px;
text-align: center;
}



.saka2026 #saka2026Box .detailArea .spComTxt.limitTxt {
border: solid 2px #b6dfdb;
padding: 20px;
}
.saka2026 #saka2026Box .detailArea .spComTxt .member {
color: #00409f;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
font-size: 16px;
margin: 20px auto 10px;
}
.saka2026 #saka2026Box .detailArea .spComTxt .name {
color: #fc8080;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
}
.saka2026 #saka2026Box .detailArea .spComTxt .bold{
font-weight: bold;
padding: 7px 0;
display: inline-block;
font-size: 110%;
}
.saka2026 #saka2026Box .detailArea ul.discBox {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.saka2026 #saka2026Box .detailArea ul.discBox li {
width:40%;

}
.saka2026 #saka2026Box .detailArea .trackTit{
font-size: 15px;
font-weight: bold;
}
.saka2026 #saka2026Box .detailArea .trackList{
margin: 10px 0 0;
}
.saka2026 #saka2026Box .detailArea .jk{

}
.saka2026 #saka2026Box .detailArea ul.discBox li:nth-child(2) {
width:55%;
}
.saka2026 #saka2026Box .detailArea ul.discBox li:nth-child(2) .trackList{
color: #0368b8;
font-weight: bold;
}
.saka2026 #saka2026Box .detailArea ul.discBox li a{
color: #da2484;
padding: 7px 10px;
border: solid 2px #da2484;
display: inline-block;
margin: 10px 2% 0px 0;
width: 47%;
box-sizing: border-box;
font-size: 13px;
text-align: center;
letter-spacing: -0.01em;
font-weight: bold;
border-radius: 5px;
}
.saka2026 #saka2026Box .detailArea ul.discBox li a:hover{
opacity:0.5;
}


.saka2026 #saka2026Box .detailArea .noteBox {

}
.saka2026 #saka2026Box .detailArea .noteBox .sub {
margin: 10px 0 0;
font-size: 12px;
}
.saka2026 #saka2026Box .detailArea .noteBox .sub.indent {

padding: 0px 0 0px 1.0em;
text-indent: -1.0em;
}


.saka2026 #saka2026Box .contentsBtn {
text-align: center;
}
.saka2026 #saka2026Box .contentsBtn a {
display: block;
background: #a0cd65;
padding: 15px 0px 15px;
margin: 20px auto 20px;
width: 300px;
color: #fff;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.07em;
box-sizing: border-box;
line-height: 1;
border: solid 2px #a0cd65;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
position:relative;
z-index: 10;
}
.saka2026 #saka2026Box .contentsBtn a:before {
	content: '';
	display: block;
	width: calc(100% - 2px);
	height:calc(100% - 2px);
	background: #fff;
	position: absolute;
	bottom: 0;
	top: 1px;
	left: 1px;
	z-index: -1;
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
}
.saka2026 #saka2026Box .contentsBtn a:hover:before{
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.saka2026 #saka2026Box .contentsBtn a:after {
	content:none;
}
.saka2026 #saka2026Box .contentsBtn a:hover {
color: #a0cd65;
}


.saka2026 #saka2026Box .detailArea ul.scheduleBox {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.saka2026 #saka2026Box .detailArea ul.scheduleBox li {
width:49%;
margin: 0 0 10px;
background: #f4f4f4;
padding: 15px 10px;
}
.saka2026 #saka2026Box .detailArea ul.scheduleBox li .scheduleTit {
font-weight:bold;
}




.saka2026 #saka2026Box .detailArea .goodsComTxt {
margin: 15px auto 15px;
text-align:center;
font-weight:bold;
font-size: 18px;
}



.saka2026 #saka2026Box  table.entry-limit {
border:4px solid #fff;
font-size: 14px;
width: 100%;
background: #eaffd8;
margin:0px auto 20px;
}


.saka2026 #saka2026Box  table.entry-limit tr {

}
.saka2026 #saka2026Box  table.entry-limit th {
border-bottom:4px solid #fff;
border-right: 4px solid #fff;
position: relative;
text-align: center;
width: 180px;
}
.saka2026 #saka2026Box  table.entry-limit td {
border-bottom:4px solid #fff;
padding:25px 30px 25px 30px;
position: relative;
font-size:14px;
}
.saka2026 #saka2026Box  table.entry-limit td:after {
content: "";
background: #fff;
bottom: 0;
height:auto;
left: 0;
margin:15px auto;
/*right: 0px;*/
position: absolute;
top: 0;
width:1px;
}
.saka2026 #saka2026Box  table.entry-limit td p{
margin: 0 auto 10px;
}
.saka2026 #saka2026Box  table.entry-limit td .attentionTxt {
text-align: left!important;
}
.saka2026 #saka2026Box  table.entry-limit td a {
    color:#5f504d;
   -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 0px;
    display: block;
}
.saka2026 #saka2026Box  table.entry-limit td a:hover {
text-decoration: underline;
}


.saka2026 #saka2026Box table.ticketTable {
width: 100%;
border-collapse: collapse;
margin: 10px auto 10px;
border:1px solid #d0bfbb;
color: #5f504d;
font-size: 14px;
}

.saka2026 #saka2026Box table.ticketTable tr {
}

.saka2026 #saka2026Box table.ticketTable th {
padding:8px 5px;
}

.saka2026 #saka2026Box table.ticketTable td {
border-right:1px solid #d0bfbb;
border-top:1px solid #d0bfbb;
padding:8px 5px;
width:40%;
}
.saka2026 #saka2026Box table.ticketTable td:nth-child(2) {
width:60%;
}

.saka2026 #saka2026Box span.infosub {
font-size:11px;
}

.saka2026 #saka2026Box .movieTit {
color: #0368b8;
font-weight: bold;
text-align:center;
border-top: solid 2px;
padding: 20px 0 10px;
font-size: 18px;
}
.saka2026 #saka2026Box .iframe_wrap {
position: relative;
padding:0 0 56.25%;
height: 0;
overflow: hidden;
width: 100%;
margin:0px auto 10px;
text-align: center;
}
.saka2026 #saka2026Box .iframe_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.saka2026 #saka2026Box .place {
color: #00409f;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
font-size: 16px;
margin: 0px auto 10px;
}
.saka2026 #saka2026Box dl.liveInfo {
margin: 0 auto 20px;
padding:0 0 10px;
border-bottom:solid 1px #00409f;
}
.saka2026 #saka2026Box dl.liveInfo dt {
font-weight: bold;
}
.saka2026 #saka2026Box dl.liveInfo dd {
margin:0 auto 10px;
}

.saka2026 #saka2026Box dl.liveAttention {
margin: 0 auto 20px;
}
.saka2026 #saka2026Box dl.liveAttention dt {
font-weight: bold;
}
.saka2026 #saka2026Box dl.liveAttention dd {

}


.saka2026 #saka2026Box .detailArea .tit {
text-align: center;
font-size: 25px;
margin: 0 auto 30px;
line-height: 1.4;
font-weight: bold;
font-family: 'Noto Sans JP', sans-serif;
position:relative;
z-index:1;
color: #a0cd65;
}

.saka2026 #saka2026Box .detailArea .tit:after{
position:absolute;
	content:"";
	width:100%;
	height:10px;
	right: 0;
	bottom:0;
	z-index:-1;
	background-color: #dff2c5;
    background-image: repeating-linear-gradient(-45deg,#fff, #fff 3px,transparent 0, transparent 7px);
}

.saka2026 #saka2026Box .detailArea .innerBox {
margin:0 auto 50px;
}

.saka2026 #saka2026Box .detailArea .innerBox:last-of-type {
margin:0 auto 0;
}

.saka2026 #saka2026Box dl.howtoBox {
margin: 0 auto 20px;
border: solid 2px #a0cd65;
padding: 20px;
}
.saka2026 #saka2026Box dl.howtoBox dt {
font-weight: bold;
border-bottom: solid 2px #a0cd65;
	padding:0 0 10px;
	margin:0 auto 10px;
}
.saka2026 #saka2026Box dl.howtoBox dd {
padding:5px 0 0px 1.0em;
text-indent: -1.0em;
	display: inline-block;
}



.saka2026 #saka2026Box dl.attentionBox {
   margin: 0 auto 20px auto;
	background:#f6f6f6;
	padding: 20px;
	font-size: 13px;
}
.saka2026 #saka2026Box dl.attentionBox dt {

}
.saka2026 #saka2026Box dl.attentionBox dd {
padding:5px 0 0px 1.0em;
text-indent: -1.0em;
}

  .section--detail .tit{
  color: #000;
  }


@media screen and (min-width: 961px) {

    .drawer [class^=nav--] > li a {
    /*color: #fff;*/
    }

    .drawer .nav--dropdown .nav--tit {
       /* color: #fff;*/
    }

    .scrolling .header {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .drawer .nav--dropdown::after {
        /*background: #fff;*/
    }
    .saka2026 section.section--detail:before {
        /*background: #231815;*/
    }

    .sakasp{
    display: block;
    }
    
    
}




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

.saka2026 #saka2026Box {
    margin: 0 0px 10px;
}

.phmain img{
padding: 0px 20px 0px 20px;
}

    .saka2026 #saka2026Box .contentsBtn a {
        width: 100%;
        max-width: 300px;
   }

.sakasp{
display: none;
}
.saka2026 #saka2026Box .contentsBtn a {
    display: block;
    padding: 15px 0px 15px;
}


.saka2026 #saka2026Box .detailArea {
    text-align: left;
}

.contentsBtn {
    margin: 0 auto 20px;
}

.saka2026 #saka2026Box .detailArea .spComTxt{
    margin: 0 auto 10px;
    text-align: left;
}

.saka2026 #saka2026Box .detailArea .spComTxt {margin: 0 auto 10px;text-align: left;}


.saka2026 #saka2026Box table.entry-limit tr {
    display: block;
    margin-bottom: 0px;
}

    .saka2026 #saka2026Box table.entry-limit th {
        width: 100%;
        -ms-writing-mode: tb-rl;
        display: block;
        box-sizing: border-box;
        text-align: center;
        padding: 10px;
        background: #c1dfa8;
        border-bottom: none; 
    }

    .saka2026 #saka2026Box table.entry-limit td {
        padding: 20px;
        position: relative;
        font-size: 14px;
        display: block;
        width: 100%;
        background: #eaffd8;
    }
    
       .saka2026 #saka2026Box table.entry-limit tr:last-child {
        border-bottom: none;
    }
    
    .saka2026 #saka2026Box table.entry-limit {
     background: none; 
  }
  
.saka2026 #saka2026Box .detailArea .tit{
   font-size: 18px;
   text-align: center;
   margin: 0 auto 5px;
  }
  
  .saka2026 #saka2026Box .detailArea {
    padding: 0px 10px 10px;
}
  .saka2026 #saka2026Box .detailArea h2 {
   margin: 20px auto 12px;
} 

.saka2026 #saka2026Box .detailArea {
    margin: 30px 0px 10px;
}

.saka2026 #saka2026Box .phmain {
    margin: 20px auto 30px;
}

.saka2026 #saka2026Box table.entry-limit {
    border: none; 
}

.saka2026 #saka2026Box .detailArea .innerBox {
    margin: 0 auto 30px;
}


}