/* -- */
/* -- */
/* PC */
/* -- */
/* -- */

/* header */
header{
width: auto;
height: 548px;
display: block;
background: url(../img/bg_header.jpg) no-repeat center top;
background-size: cover;
}
header .wrapper{
height: 548px;
display: block;
background: url(../img/header_img.png) no-repeat 394px 12px;
background-size: auto 667px;
overflow: visible;
position: relative;
}
header h1{
height: 0;
display: block;
margin: 0 0 0 0;
padding: 237px 0 0 0;
background: url(../img/h1.png) no-repeat left bottom;
background-size: auto 207px;
overflow: hidden;
}
header h2{
width: 100%;
display: block;
margin: 12px 0 0 0;
background: url(../img/bg_name.jpg) no-repeat center center;
background-size: 100% 32px;
overflow: visible;
position: relative;
transform: translateX(-73%);
}
header h2 span{
height: 0;
display: block;
margin: 0 0 0 0;
padding: 32px 0 0 0;
background: url(../img/name.png) no-repeat 36px center;
background-size: auto 22px;
overflow: hidden;
position: relative;
transform: translateX(73%);
}
header h3{
width: 294px;
display: block;
margin: 54px 0 0 32px;
background: url(../img/h3.png) no-repeat left center;
background-size: auto 77px;
}
header h3 span{
height: 77px;
display: block;
overflow: hidden;
text-indent: -99999px;
}
header h3:before{
content: "";
height: 27px;
display: block;
margin: 0 0 20px 0;
background: url(../img/h3_t.png) no-repeat left top;
background-size: auto 27px;
}
header h3:after{
content: "";
height: 27px;
display: block;
background: url(../img/h3_u.png) no-repeat left top;
background-size: auto 27px;
}

header:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

nav .nav_contact{
display: none;
}

/* kouen */
#kouen{
width: 100%;
display: block;
padding: 48px 0 48px 0;
background: url(../img/bg_kouen.jpg) no-repeat center top;
background-size: cover;
}
#kouen h2{
display: block;
margin: 0 auto 16px auto;
padding: 0 0 24px 0;
background: url(../img/bg_tit_blue.png) no-repeat center bottom;
background-size: auto 24px;
color: #04142b;
}
#kouen .bg{
display: block;
padding: 12px;
background: url(../img/bg_kouenBox.png) no-repeat center top;
background-size: 980px 100%;
}
#kouen .wrapper{
width: 956px;
display: block;
padding: 22px 22px 22px 22px;
background-color: #ffffff;
}
.kouenList{
display: block;
}
.kouenList li{
display: block;
margin: 0 0 16px 0;
padding: 0 0 16px 0;
border-bottom: 1px solid #e1d4b6;
}
.kouenList dl{
display: block;
}
.kouenList dt{
width: 72%;
display: block;
float: left;
text-align: left;
}
.kouenList dt h3{
display: block;
font-size: 2.2rem;
font-weight: 700;
color: #9d6f0d;
}
.kouenList dt .kouenDate{
display: inline-block;
margin: 0 0 0 8px;
font-size: 1.5rem;
font-weight: 700;
color: #5a5a5a;
}
.kouenList dt .kouenPref{
display: inline-block;
margin: 0 0 0 0;
padding: 4px 5px 4px 5px;
font-size: 1.3rem;
background-color: #9d6f0d;
border-radius: 1.5px;
color: #ffffff;
line-height: 1;
}
.kouenList dt .kouenTime,
.kouenList dt .kouenPlace{
display: block;
margin: 0 0 0 0;
font-size: 1.5rem;
}
.kouenList dt .kouenTime:before{
content: "開演";
display: inline-block;
margin: 0 4px 0 0;
font-size: 1.5rem;
font-weight: 700;
color: #5a5a5a;
}
.kouenList dt .kouenPlace:before{
content: "会場";
display: inline-block;
margin: 0 4px 0 0;
font-size: 1.5rem;
font-weight: 700;
color: #5a5a5a;
}
.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;
line-height: 1;
border-radius: 2px;
}
.kouenList dd{
width: 26%;
display: block;
float: right;
}
.kouenList dd .kouenInfo{
width: 48%;
display: block;
float: left;
text-align: center;
}
.kouenList dd .kouenInfo a{
width: 100%;
height: 66px;
display: block;
font-weight: 500;
line-height: 66px;
background-color: #e1d4b6;
color: #9d6f0d;
}
.kouenList dd .kouenTicket{
width: 48%;
display: block;
float: right;
text-align: center;
}
.kouenList dd .kouenTicket.nolink span{
width: 100%;
height: 66px;
display: block;
font-weight: 500;
line-height: 66px;
background-color: #cccccc;
color: #ffffff;
}
.kouenList dd .kouenTicket a{
width: 100%;
height: 66px;
display: block;
font-weight: 500;
line-height: 66px;
background-color: #9a0000;
color: #ffffff;
}
#kouen .btn_page{
margin: 12px auto 0 auto;
}
#kouen .btn_page a{
background-color: #9d6f0d;
background-image: -moz-linear-gradient( 90deg, rgb(222,184,74) 0%, rgb(183,130,41) 26%, rgb(161,109,22) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(222,184,74) 0%, rgb(183,130,41) 26%, rgb(161,109,22) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(222,184,74) 0%, rgb(183,130,41) 26%, rgb(161,109,22) 100%);
color: #ffffff;
}
#kouen .btn_page a span{
display: inline-block;
padding: 0 24px 0 0;
background: url(../img/arr_w.png) no-repeat right center;
background-size: 6px auto;
}

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

/* news */
#news{
width: 100%;
display: block;
padding: 48px 0 48px 0;
background-color: #ffffff;
}
#news h2{
color: #676b72;
}
.contents_left{
width: 67%;
display: block;
margin: 64px 0 0 0;
float: left;
text-align: left;
}
.contents_right{
width: 28%;
display: block;
margin: 64px 0 0 0;
float: right;
}
.newsList{
display: block;
margin: 16px 0 0 ;
padding: 16px 0 0 0;
border-top: 1px solid #cccccc;
}
.newsList li{
display: block;
margin: 0 0 16px 0;
padding: 0 0 16px 0;
border-bottom: 1px solid #cccccc;
}
.newsList li dl{
display: flex;
justify-content: flex-start;
gap: 20px;
}
.newsList li dl dt{
width: 180px;
height: 20px;
display: block;
padding: 0 0 0 100px;
font-size: 1.2rem;
color: #666666;
line-height: 20px;
position: relative;
}
.newsList li dl dt.important:before{
content: "大切なお知らせ";
width: 90px;
height: 20px;
display: inline-block;
margin: 0 10px 0 0;
background-color: #ff0000;
color: #ffffff;
font-size: 1.2rem;
text-align: center;
border-radius: 2px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
}
.newsList li dl dt.kouen_info:before{
content: "公演情報";
width: 90px;
height: 20px;
display: inline-block;
margin: 0 10px 0 0;
background-color: #b78229;
color: #ffffff;
font-size: 1.2rem;
text-align: center;
border-radius: 2px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
}
.newsList li dl dt.media:before{
content: "メディア";
width: 90px;
height: 20px;
display: inline-block;
margin: 0 10px 0 0;
background-color: #770808;
color: #ffffff;
font-size: 1.2rem;
text-align: center;
border-radius: 2px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
}
.newsList li dl dt.news:before{
content: "お知らせ";
width: 90px;
height: 20px;
display: inline-block;
margin: 0 10px 0 0;
background-color: #3a404e;
color: #ffffff;
font-size: 1.2rem;
text-align: center;
border-radius: 2px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
}
.newsList li dl dd{
width: calc(100% - 200px);
display: block;
}

#news .btn_page a{
border: 1px solid #cfcfcf;
color: #5a5a5a;
}
#news .btn_page a span{
display: inline-block;
padding: 0 24px 0 0;
background: url(../img/arr_g.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{
width: 100%;
display: block;
padding: 48px 0 48px 0;
background: url(../img/bg_discography.jpg) no-repeat center top;
background-size: cover;
}
#discography h2{
display: block;
margin: 0 auto 16px auto;
padding: 0 0 24px 0;
background: url(../img/bg_tit_w.png) no-repeat center bottom;
background-size: auto 24px;
color: #ffffff;
}

.discoBox{
width: 742px;
display: block;
margin: 0 auto 0 auto;
padding: 12px 10px 12px 10px;
background-color: #ffffff;
border-radius: 1px;
box-sizing: border-box;
}
.discoBox dl{
display: block;
}
.discoBox dl dt{
width: 344px;
display: block;
float: left;
}
.discoBox dt img{
width: 344px;
height: auto;
}
.discoBox dl dd{
display: block;
padding: 0 0 0 374px;
text-align: left;
}
.releaseDate{
display: block;
margin: 2px 0 0 0;
font-size: 1.6rem;
font-weight: 700;
color: #b37d29;
}
.discoBox dl dd h3{
display: block;
margin: 10px 0 0 0;
font-size: 2.6rem;
font-weight: 700;
line-height: 1.5;
}
.discoBox dl dd .discographyTxt{
display: block;
margin: 20px 0 0 0;
}
.discoBox dl dd .btns{
display: block;
margin: 30px 0 0 0;
}
.discoBox dl dd .btns li{
height: 46px;
display: block;
float: left;
line-height: 46px;
text-align: center;
}
.discoBox dl dd .btns li:nth-child(1){
width: 66%;
}
.discoBox dl dd .btns li:nth-child(1) a{
display: block;
background-color: #b78229;
color: #ffffff;
border-radius: 3px;
}
.discoBox dl dd .btns li:nth-child(2){
width: 33%;
margin: 0 0 0 1%;
}
.discoBox dl dd .btns li:nth-child(2) a{
display: block;
background-color: #d20404;
color: #ffffff;
border-radius: 3px;
}
#discography .btn_page a{
color: #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;
}

.discoBox dl:after,
.discoBox dl dd .btns:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/* snsBlock */
#snsBlock{
display: none;
}
/* footerNavi */
#footerNavi{
display: none;
}



.mov_list,
.mov_list ul{
display:block;
}
.mov_list li{
width:48%;
display:block;
float:left;
margin:0 0 0 4%;
padding: 10px;
background-color:#04142b;
color: #ffffff;
}
.mov_list li:first-child{
margin:0 0 0 0;
}
.mov_list li .mov_tit{
margin:8px 0 0 0;
}


.mov_list3,
.mov_list3 ul{
display:block;
}
.mov_list3 li{
width:32%;
display:block;
float:left;
margin:0 0 0 2%;
padding: 10px;
background-color:#04142b;
color: #ffffff;
}
.mov_list3 li:first-child{
margin:0 0 0 0;
}
.mov_list3 li .mov_tit{
margin:8px 0 0 0;
}

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

/* -- */
/* -- */
/* PC */
/* -- */
/* -- */