/* -- */
/* -- */
/* SP */
/* -- */
/* -- */
@media screen and (max-width: 768px) {
/* */
/* */


/* header */
header{
width: auto;
height: 588px;
display: block;
background: none;
}
header .wrapper{
height: 588px;
margin: 0;
background: none;
text-align: left;
}
header h1{
margin: 0 0 0 0;
padding: 200px 0 0 0;
background: url(../img/h1.png) no-repeat -5px bottom;
background-size: auto 130px;;
}
header h2{
width: auto;
height: 24px;
display: inline-block;
margin: 24px 0 0 0;
padding: 0 10px 2px 24px;
background: none;
background-color: #ffffff;
overflow: visible;
position: relative;
transform: none;
line-height: 1;
}
header h2 span{
width: 138px;
height: 0;
display: inline-block;
margin: 0 0 0 0;
padding: 22px 0 0 0;
background: url(../img/name.png) no-repeat left center;
background-size: auto 14px;
overflow: hidden;
position: relative;
transform: none;
line-height: auto;
}
header h3{
width: 100%;
display: block;
margin: 132px 0 0 0;
background: url(../img/h3_sp.png) no-repeat left center;
background-size: auto 88px;
}
header h3 span{
height: 88px;
display: block;
overflow: hidden;
text-indent: -99999px;
}
header h3:before{
content: "";
height: 22px;
display: block;
margin: 0 0 10px 0;
background: url(../img/h3_t.png) no-repeat 14px top;
background-size: auto 22px;
}
header h3:after{
content: "";
height: 22px;
display: block;
background: url(../img/h3_u.png) no-repeat 14px top;
background-size: auto 22px;
}


/* nav */
nav{
display: none;
}

nav ul{
height: 60px;
display: inline-block;
margin: 0;
padding: 0;
}
nav ul:before{
content: "";
width: 104px;
height: 60px;
display: inline-block;
float: left;
background: url(../img/nav_ico_l.png) no-repeat left center;
background-size: 94px auto;
}
nav ul:after{
content: "";
width: 104px;
height: 60px;
display: inline-block;
float: right;
background: url(../img/nav_ico_r.png) no-repeat right center;
background-size: 94px auto;
}
nav ul li{
width: auto;
height: 60px;
display: inline-block;
margin: 0 12px 0 12px;
padding: 0;
}
nav ul li a{
width: auto;
height: 60px;
font-size: 1.6rem;
font-weight: 500;
line-height: 60px;
color: #10337e;
}


.nav:after,
.nav .wrapper:after,
.nav ul:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* news */
#kouen{
padding: 64px 0 32px 0;
background: linear-gradient(-180deg, rgba(255,255,255,0), rgba(255,255,255,1.0) 40%, rgba(255,255,255,1.0) 100%), url(../img/bg_kouen_sp.png) repeat-x center top;
}
#kouen h2{
margin: 0 auto 12px auto;
padding: 0 0 20px 0;
background: url(../img/bg_tit_w.png) no-repeat center bottom;
background-size: auto 19px;
color: #ffffff;
}
#kouen .bg{
height: auto;
padding: 0;
background: none;
}
#kouen .wrapper{
width: auto;
height: auto;
margin: 0;
padding: 0;
background-color: transparent;
}
.kouenList{
}
.kouenList li{
display: block;
margin: 0 0 16px 0;
padding: 6px 0 6px 0;
background: url(../img/bg_kouenBlock.png) repeat-x center center;
background-size: cover;
border-bottom: none;
}
.kouenList dl{
margin: 0 15px 0 15px;
padding: 32px 15px 10px 15px;
background: url(../img/ico_block.png) no-repeat center 4px;
background-size: auto 16px;
background-color: #ffffff;
}
.kouenList dt{
width: auto;
display: block;
float: none;
text-align: left;
}
.kouenList dt h3{
margin: 6px 0 6px 0;
padding: 0 0 6px 0;
font-size: 1.8rem;
line-height: 1.3;
border-bottom: 1px solid #b78229;
}
.kouenList dt .kouenDate{
display: inline-block;
font-size: 1.4rem;
}
.kouenList dt .kouenPref{
display: inline-block;
margin: 0 0 0 0;
padding: 4px 5px 4px 5px;
font-size: 1.1rem;
background-color: #9d6f0d;
color: #ffffff;
line-height: 1;
}
.kouenList dt .kouenTime,
.kouenList dt .kouenPlace{
display: inline-block;
margin: 0 0 0 0;
font-size: 1.3rem;
}
.kouenList dt .kouenTime:before{
content: "開演";
display: inline-block;
margin: 0 4px 0 0;
font-size: 1.3rem;
}
.kouenList dt .kouenPlace:before{
content: "会場";
display: inline-block;
margin: 0 4px 0 0;
font-size: 1.3rem;
}
.kouenList dt a.btn_map{
display: inline-block;
margin: 0 0 0 4px;
padding: 2px 5px 2px 5px;
font-size: 1.1rem;
background-color: #5a5a5a;
color: #ffffff;
}
.kouenList dd{
width: auto;
display: block;
margin: 10px 0 0 0;
float: none;
}
.kouenList dd .kouenInfo{
}
.kouenList dd .kouenInfo a{
height: 42px;
line-height: 42px;
}
.kouenList dd .kouenTicket{
}
.kouenList dd .kouenTicket a{
height: 42px;
line-height: 42px;
}
.kouenList dd .kouenTicket.nolink span{
height: 42px;
line-height: 42px;
}
#kouen .btn_page{
margin: 12px auto 0 auto;
}
#kouen .btn_page a{
}
#kouen .btn_page a span{
}


/* news */
#news{
padding: 0 0 0 0;
}
#news .wrapper{
margin: 0;
padding: 49px 15px 72px 15px;
background: url(../img/bg_news_t.png) repeat-x top center;
background-size: auto 49px;
background-color: #04142b;
}
#news .wrapper:before{
content: "";
display: block;
width: 100%;
height: 49px;
background: url(../img/bg_news_u.png) repeat-x top center;
background-size: auto 49px;
position: absolute;
bottom: 0;
left: 0;
}
#news h2{
color: #ffffff;
text-align: center;
}
.contents_left{
width: auto;
margin: 10px 0 0 0;
float: none;
text-align: left;
}
.contents_right{
display: none;
}
.newsList{
margin: 12px 0 0 ;
padding: 12px 0 0 0;
}
.newsList li{
margin: 0 0 12px 0;
padding: 0 0 12px 0;
}
.newsList li a{
color: #ffffff;
}
.newsList li dl{
flex-direction: column;
gap: 10px;
}
.newsList li dl dt{
height: 18px;
padding: 0 0 0 90px;
font-size: 1.1rem;
color: #cccccc;
line-height: 18px;
}
.newsList li dl dt.important:before{
content: "重要なお知らせ";
width: 80px;
height: 18px;
font-size: 1.1rem;
line-height: 18px;
}
.newsList li dl dt.kouen_info:before{
content: "公演情報";
width: 80px;
height: 18px;
font-size: 1.1rem;
line-height: 18px;
}
.newsList li dl dt.media:before{
content: "メディア";
width: 80px;
height: 18px;
font-size: 1.1rem;
line-height: 18px;
}
.newsList li dl dt.news:before{
content: "お知らせ";
width: 80px;
height: 18px;
font-size: 1.1rem;
line-height: 18px;
}
.newsList li dl dd{
width: 100%;
padding: 0 0 0 0;
}
#news .btn_page{
margin: 32px auto 0 auto;
}
#news .btn_page a{
background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff;
}
#news .btn_page a span{
background: url(../img/arr_w.png) no-repeat right center;
background-size: 6px auto;
}

.newsList:after,
.newsList li:after,
.newsList dl:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


/* discography */
#discography{
padding: 270px 0 32px 0;
background: url(../img/bg_discography_sp.jpg) no-repeat center top;
background-size: 820px auto;
background-color: #ffffff;
}
#discography h2{
margin: 0 auto 12px auto;
padding: 0 0 20px 0;
background: url(../img/bg_tit_w.png) no-repeat center bottom;
background-size: auto 20px;
}

.discoBox{
width: auto;
display: block;
margin: 0;
padding: 0 10px 24px 10px;
background: linear-gradient(180deg, #fbfbf9 0%, #fbfbf9 80%, #ede2d0 100%);
}
.discoBox dl{
display: block;
padding: 30px 0 0 0;
background: url(../img/ico_block.png) no-repeat center 4px;
background-size: auto 16px;
}
.discoBox dl dt{
width: auto;
display: block;
float: none;
}
.discoBox dt img{
width: 240px;
height: auto;
}
.discoBox dl dd{
display: block;
padding: 0 0 0 0;
text-align: left;
}
.releaseDate{
margin: 2px 0 0 0;
font-size: 1.3rem;
}
.discoBox dl dd h3{
display: block;
margin: 6px 0 0 0;
font-size: 2.0rem;
line-height: 1.3;
}
.discoBox dl dd .discographyTxt{
display: block;
margin: 16px 0 0 0;
}
.discoBox dl dd .btns{
display: block;
margin: 20px 0 0 0;
}
.discoBox dl dd .btns li{
height: 42px;
display: block;
float: left;
line-height: 42px;
text-align: center;
}
.discoBox dl dd .btns li:nth-child(1){s
}
.discoBox dl dd .btns li:nth-child(1) a{
}
.discoBox dl dd .btns li:nth-child(2){
}
.discoBox dl dd .btns li:nth-child(2) a{
}
#discography .btn_page a{
margin: 32px 0 0 0;
border: 1px solid #10337e;
}
#discography .btn_page a span{
display: inline-block;
padding: 0 24px 0 0;
background: url(../img/arr_b.png) no-repeat right center;
background-size: 6px auto;
}

/* snsBlock */
#snsBlock{
padding: 0;
background: url(../img/bg_sns.jpg) repeat left top;
background-size: 20px auto;
background-color: #ffffff;
}
.snsBlockBg1{
display: block;
padding: 24px 0 0 0;
}
.snsBlockBg2{
display: block;
padding: 0 0 24px 0;
background: url(../img/txt_name.png) no-repeat right bottom;
background-size: 42px auto;
}
#snsBlock .wrapper{
width: 70%;
margin: 0 auto 0 auto;
padding: 0;
background-color: #0e3054;
border: 5px solid #0e3054;
border-radius: 6px;
box-sizing: border-box;
}
#snsBlock .wrapper div{
margin: 0;
padding: 0;
background-color: #ffffff;
border: 2px solid #4aa0fb;
border-radius: 6px;
box-sizing: border-box;
}

/* footerNavi */
#footerNavi{
height: 220px;
display: block;
padding: 24px 0 0 0;
background: url(../img/bg_footerNavi.jpg) no-repeat right top;
background-size: auto 220px;
background-color: #b9cefc;
box-sizing: border-box;
}
#footerNavi ul{
display: block;
text-align: left;
}
#footerNavi li{
display: block;
margin: 0 0 10px 0;
}
#footerNavi li a:before{
content: "-";
display: inline-block;
margin: 0 5px 0 0;
}

.mov_list,
.mov_list ul{

}
.mov_list li{
width:auto;
float:none;
margin:15px 0 0 0;
padding: 10px;
}
.mov_list li:first-child{
margin:0 0 0 0;
}
.mov_list li .mov_tit{
margin:6px 0 0 0;
}

.mov_list3,
.mov_list3 ul{

}
.mov_list3 li{
width:auto;
float:none;
margin:15px 0 0 0;
padding: 10px;
}
.mov_list3 li:first-child{
margin:0 0 0 0;
}
.mov_list3 li .mov_tit{
margin:6px 0 0 0;
}

/* -- */
/* -- */
}
/* -- */
/* -- */
/* SP */
/* -- */
/* -- */