@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////////////////////////

共通css

///////////////////////////////////////////////////////*/
body { background:none; text-align:left; color:#2e2e2e; line-height:1.6; font-size:13px !important; }
#wrapper { width: 100%; min-width:1200px; }
@media screen and (max-width: 800px) {
#wrapper { min-width:100%; }
}

.mt60 {margin-top   :60px;}
.mb60 {margin-bottom:60px;}
.mt70 {margin-top   :70px;}
.mb70 {margin-bottom:70px;}
.mt70 {margin-top   :80px;}
.mb70 {margin-bottom:80px;}


/* = Modal Window (colorBox.js) 
-------------------------------------------------------*/
#cboxOverlay {
	background-image: none;
	background-color: rgba(256,256,256,1);
	opacity: 0.9 !important;
}

.modalWin { line-height:2em; }
.modalWin .float_L { padding: 0 12px 5px 0; }

#cboxLoadedContent { /*margin-bottom:0;*/ }

/* =content background-color 
-------------------------------------------------------*/
.bgGrey { background-color:#fafafa; }

/* =content font-color 
-------------------------------------------------------*/
.txtGrey { color:#777; }


/* =common Parts
-------------------------------------------------------*/
.contentTtl {
	display:inline-block;
	padding:0 0 20px;
	border-bottom:1px solid;
	margin:0 auto 20px;
	text-align:center;
	font-size:28px;
	color:#777;
	line-height:1.5;
}

.mediaSP { display:none; }

@media screen and (max-width: 800px) {
.contentTtl { 
	font-size:22px;
}	

.mediaPC { display:none; }
.mediaSP { display: inline-block; }
	
}

/*p.halfTxt { width:75%; }*/

.frameBtn a {
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	padding:8px 20px;
	border:1px solid #2e2e2e;
	border-radius:4px;
	vertical-align:middle;
	text-align:center;
}

.frameBtn a:link,
.frameBtn a:visited {
	text-decoration:none;
	color:#2e2e2e;
}

.frameBtn a:hover,
.frameBtn a:active {
	background-color:#2e2e2e;
	color:#FFF;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.imgMsk {
	overflow:hidden;
}

@media screen and (max-width: 800px) {
	/*p.halfTxt { width:100%; }*/
}


/* =header
-------------------------------------------------------*/
/*header { width: 100%; background-color:#e1e1e1; }*/
header {
position:absolute;
top:0;
left:0;
z-index: 100;
width: 100%;
margin: 0 auto;
padding: 0;
background-color: rgba(0,0,0,0.5);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

header section { width:100%; margin:0 auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 800px) {
header { position:static; }	
header section { padding:0; }
}

/*header h1 { float:left; font-size:16px; font-weight:bold; }*/

header nav ul#gNavi { float:right; }
header nav ul#gNavi > li { display:inline-block; margin-right:25px; border-right: solid 1px #fff; padding-right:10px; margin-right:10px; }
header nav ul#gNavi > li:nth-child(5),
header nav ul#gNavi > li:last-child { border-right:none; margin-right:0; }
header nav ul#gNavi > li:last-child { padding-right:0; /*background-color:#FFF;*/ background-color:#000; border-radius:4px; padding:0 7px; }
header nav ul#gNavi li > a { display:block; padding-top:2px; padding-bottom:2px; text-decoration:none; }
header nav ul#gNavi li > a:link,
header nav ul#gNavi li > a:visited { color:#fff; }
header nav ul#gNavi li > a:hover,
header nav ul#gNavi li > a:active { color:#ccc; }
header nav ul#gNavi > li:last-child a:link,
header nav ul#gNavi > li:last-child a:visited { color:#fff; }
header nav ul#gNavi > li:last-child a:hover,
header nav ul#gNavi > li:last-child a:active { color:#ccc; }
header nav ul#gNavi > li.ticket-btn:hover { background-color:#666; }

/*スクロール時に表示*/	
header #scrollNavi {
  position: fixed;
  /*min-width:980px;*/
  padding: 10px;
  z-index: 9999;
  display: none;
  top: 0;
  left: 0;
  width:  100%;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  /*height: 60px;*/
  background-color: rgba(0,0,0,0.5);
}


/* スマートフォン設定 */
.slicknav_menu { display:none; }
@media screen and (max-width: 800px) {
	.js #gNavi { display:none; }
	.js .slicknav_menu { display:block; }
}


/* =contents
-------------------------------------------------------*/
#container { width: 100%; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article { }
.width-1000 { width:1000px; margin:0 auto; padding:0 80px; }
@media screen and (max-width: 800px) {
.width-1000 { width:100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}


/* =footer
-------------------------------------------------------*/
footer { background-color:#e1e1e1; padding:30px 0; }
footer #copyright { text-align:center; font-size:11px; padding-bottom:30px; }
footer .btn-box { background-color:#666666; border-radius: 4px; text-align:center; width:14em; margin:0 auto; }
footer .btn-box:hover { background-color:#999; }
footer .btn-box a { display:block; text-decoration:none; padding:7px 0; }
footer .btn-box a:link,footer .btn-box a:visited { color:#FFFFFF; }
footer .btn-box a:hover,footer .btn-box a:active { color:#ccc; }

/*=======================================================

構成要素

=======================================================*/
#head-logo { float:left; width:150px; }
@media screen and (max-width: 414px) {
#head-logo { width:30%; }
}

#mainvisual-wrap { position:relative; }
#mainvisual-wrap #mainvisual-box { height:1000px; }
#mainvisual-wrap #mainvisual-box-sp { display:none; }
#mainvisual-wrap #inner-box { position:absolute; top:50%; right:2%; }
#mainvisual-wrap #inner-box p { color:#FFF;}
#mainvisual-wrap #inner-box .catch-txt { font-size:40px; margin-bottom:30px; line-height:1.3; }
#mainvisual-wrap #inner-box h3 { font-size:160px; margin-bottom:20px; font-weight:normal; line-height:1.1; }
#mainvisual-wrap #inner-box h3 span { display:block; }
#mainvisual-wrap #inner-box h3#mainTtl { /*color:#1AC7EC;*/ color:#ecbd1a; }
#mainvisual-wrap #inner-box h3#mainTtl .subTtl { font-size:30px; color:#FFF; }
#mainvisual-wrap #inner-box .btn-box { display: table; width: 12em; text-align: center; background-color: rgba(0,0,0,0.8); border: solid 1px transparent; margin-bottom:20px; }
#mainvisual-wrap #inner-box .btn-box:hover { background-color: rgba(0,0,0,0); border: solid 1px #333; }
/*#mainvisual-wrap #inner-box .btn-box a { display:block; padding: 10px 0; color: #fff; text-decoration: none !important; }*/
#mainvisual-wrap #inner-box .btn-box a:hover,#mainvisual-wrap #inner-box .btn-box a:active { color:#333 !important; }
#mainvisual-wrap #inner-box #introduction-txt { font-size:16px; margin-bottom:10px; }

#mainvisual-wrap #social-box { position:absolute; top:55px; left:10px; }
#mainvisual-wrap #social-box li { /*float:left;*/ display:inline-block; margin-right:10px; }
#mainvisual-wrap #social-box li:last-child { margin-right:0; }

/* ---- Btn White -- */
#mainvisual-wrap .btnWhite { width:15em; text-align:center; }
#mainvisual-wrap .btnWhite a:after { display:inline; content:">>"; padding-left:5px; vertical-align:text-bottom; font-size:80%; }
#mainvisual-wrap .btnWhite a { display:block; padding:10px 20px; border:1px solid #FFF; color:#FFF; }
#mainvisual-wrap .btnWhite a:hover { text-decoration:none; transition: all 0.6s ease-in-out; background-color:#FFF; color:#000; }

@media screen and (max-width: 800px) {
#mainvisual-wrap #mainvisual-box { height:400px; }
#mainvisual-wrap #inner-box { position: static; background-color:#4a4a4a; padding:20px; }
#mainvisual-wrap #inner-box .catch-txt { font-size:24px; margin-bottom:15px; }
#mainvisual-wrap #inner-box .catch-txt br { display:none; }
#mainvisual-wrap #inner-box h3 { font-size:18px; margin-bottom:10px; line-height:1.2; }
#mainvisual-wrap #inner-box h3 span { display:block; font-size:50px; }
#mainvisual-wrap #inner-box .btn-box { margin-bottom:30px; }
#mainvisual-wrap #inner-box #introduction-txt { font-size:13px; margin-bottom:15px; }
	
/* ---- Btn White (Tb) -- */
#mainvisual-wrap .btnWhite { width:100%; margin:20px auto; }
	
#mainvisual-wrap #social-box { top:15px; }
}
@media screen and (max-width: 414px) {
#mainvisual-wrap #mainvisual-box { display:none; }
#mainvisual-wrap #mainvisual-box-sp { display:block; min-height:400px; }
#mainvisual-wrap #inner-box h3 span { font-size:36px; }
}


/* =インタビュー
-------------------------------------------------------*/
#column-wrap { padding-top:80px; padding-bottom:50px; }
#column-wrap section { width:1000px; margin:0 auto; }
#column-wrap .catch-txt { font-size:30px; padding-bottom:50px; line-height:1.4; }
#column-wrap .catch-txt span { font-size:16px; }
#column-wrap > ul > li { width:1000px; margin:0 auto 50px; padding-bottom:50px; border-bottom:solid 1px #cccccc; font-size:14px; }
#column-wrap > ul > li:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; }
#column-wrap > ul > li dl { width:1000px; margin:0 auto; }
#column-wrap > ul > li dl dt { float:right; width:50%; max-width:490px; }
#column-wrap > ul > li dl dd { float:left; width:47.9592%; font-size:14px; line-height:1.8; }
#column-wrap > ul > li:nth-child(2n) dl dt { float:left; }
#column-wrap > ul > li:nth-child(2n) dl dd { float:right; }
#column-wrap > ul > li p.halfBox { width:75%; font-size:14px; line-height:1.8em; }
#column-wrap li h3 { font-size:30px; text-align:center; padding-bottom:40px; line-height:1.4; }
#column-wrap li p.subCatch { text-align:center; font-size:14px; line-height:1.8em; }

#column-wrap > ul > li .pic-box { float:right; width:50%; max-width:490px; margin:0 0 30px 30px;}

#column-wrap .txt-body { line-height:2; }


@media screen and (max-width: 800px) {
#column-wrap { box-sizing:border-box; width:100%; padding:50px 10px 10px; }
#column-wrap section { width:100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#column-wrap > ul > li,
#column-wrap > ul > li dl { width:100%; }
#column-wrap > ul > li dl dt { float:none; width:100%; max-width:490px; margin:0 auto; padding-bottom:20px; }
#column-wrap > ul > li dl dd { float:none; width:100%; }
#column-wrap > ul > li:nth-child(2n) dl dt { float:none; }
#column-wrap > ul > li:nth-child(2n) dl dd { float:none; }
#column-wrap > ul > li p.halfBox { width:100%; font-size:14px; line-height:1.8em; }

#column-wrap > ul > li .pic-box { float:none; width:100%; max-width:490px; margin:0 auto; padding-bottom:20px; }

#column-wrap li h3 { font-size:22px; }
}

/* =
-------------------------------------------------------*/
#sec-wrap { width:100%; max-width:1180px; margin:50px auto 100px; padding-top:100px; }

#sec-wrap .pic-box .imgMsk { width:auto; max-height:315px; } /* youtubeとの高さ合わせ */

#sec-wrap #headArea { position:relative; }
#sec-wrap #headArea .mainvisual-box { max-width:700px; float:right; }
#sec-wrap #headArea .head-box { position:absolute; top:250px; left:50px; background-color:#fff; padding:30px 30px 0 0; }
#sec-wrap #headArea .head-box .name-box { font-size:40px; color:#575757; font-weight:bold; }
#sec-wrap #headArea .head-box .lead-box { font-size:24px; font-weight:bold; line-height:34px; }
#sec-wrap #headArea .head-box .longTxt { font-size:20px; }
#sec-wrap #headArea .btn-box { cursor:pointer; display: table; width: 14em; text-align: center; background-color:#fff; border:solid 1px #000; margin:30px 0 0 0; padding: 10px 0; color: #242424; border-radius:4px; }
#sec-wrap #headArea .btn-box:hover { background-color:#000; border:solid 1px #000; color:#FFF; }
#sec-wrap #headArea .see-more span { display:block; background:url(../img/icon-open.png) no-repeat 96% center;}
#sec-wrap #headArea .see-more span.open { background:url(../img/icon-close.png) no-repeat 96% center;}

#sec-wrap #inner-section { display:none; width:100%; max-width:1180px; padding:120px 0 0; margin:0 auto; font-size:14px; line-height:2;}
#sec-wrap #inner-section .txtArea { width:80%; margin:0 auto; }
#sec-wrap #inner-section .txt-blue { color:#00a8c1; }
/* #sec-wrap #inner-section h3 { padding-bottom:40px; text-align: center; font-size: 30px; line-height: 1.4; } */
#sec-wrap #inner-section .txtArea ul.pic-box { list-style-type:none; margin-bottom:30px; }
#sec-wrap #inner-section .txtArea ul.pic-box li { float:left; width:48%; margin-right:2%; }
#sec-wrap #inner-section .txtArea ul.pic-box li:last-child { margin-right:0; }
#sec-wrap #inner-section .txtArea .pic-box-2 { width:50%; margin:0 auto 30px; }

@media screen and (max-width: 800px) {
#sec-wrap #headArea .mainvisual-box { float:none; max-width:100%; }
#sec-wrap #headArea .head-box { position: static; padding:10px 0 0 0; }
#sec-wrap #inner-section { padding-top:50px; }
#sec-wrap #inner-section .txtArea { width:100%; }
}
@media screen and (max-width: 414px) {
#sec-wrap #headArea,
#sec-wrap #inner-section { box-sizing:border-box; padding:0 10px; }
#sec-wrap #headArea .head-box .name-box { font-size:30px; line-height:1.5; }
#sec-wrap { margin:70px auto 0; padding-top:0; }
#sec-wrap #headArea .head-box .lead-box br { display:none; }
#sec-wrap #inner-section .txtArea ul.pic-box li { float:none; width:100%; margin-right:0; margin-bottom:10px; }
#sec-wrap #inner-section .txtArea ul.pic-box li iframe { width:100% !important; }
#sec-wrap #inner-section .txtArea .pic-box-2 { width:100%; }
}

/* =公演情報
-------------------------------------------------------*/
#concert-info-wrap {background-color:#fafafa;  padding:60px 10px; text-align:center; margin-bottom:50px; }
#concert-info-wrap section { border-bottom: solid 1px #d5d5d5; padding-bottom:30px; margin-bottom:30px; }
#concert-info-wrap section:last-child { border-bottom: none; padding-bottom:0; margin-bottom:0; }
#concert-info-wrap .txt-box { width:80%; margin:0 auto 30px; text-align:left;}
#concert-info-wrap .btn-box { display: table; width: 12em; text-align: center; background-color:#0d6b9c; margin:0 auto; border-radius:4px; }
#concert-info-wrap .btn-boxsoldout { display: table; width: 12em; text-align: center; background-color:#999; margin:0 auto; border-radius:4px; padding:10px 0; color:#eee; }
#concert-info-wrap .btn-box:hover { background-color:#6796af; }
#concert-info-wrap .btn-box a { display:block; padding: 10px 0; color: #fff; text-decoration: none !important; }
#concert-info-wrap .btn-box a:hover,#concert-info-wrap.btn-box a:active { color:#cce2ed !important; }

#concert-info-wrap .btn-more { cursor:pointer; display: table; width: 12em; text-align: center; background-color:#fff; border:solid 1px #666; margin:30px auto 0; padding: 10px 0; color: #242424; }
#concert-info-wrap .btn-more:hover { background-color:#666; border:solid 1px #666; color:#FFF; }
#concert-info-wrap .more-concert span { display:block; background:url(../img/icon-open.png) no-repeat 90% center;}
#concert-info-wrap .more-concert span.open { background:url(../img/icon-close.png) no-repeat 90% center;}

/* concert-section */
#concert-section { display:none; width:1000px; padding:50px 0; margin:0 auto; text-align:left; }
#concert-section ul { list-style-type:none; padding-top:30px;}
#concert-section ul li { float:left; width:50%; padding:0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#concert-section ul li:last-child { border-left:solid 1px #ccc; }
@media screen and (max-width: 800px) {
#concert-info-wrap { padding:30px 10px; }

/* concert-section */
/*#concert-section { width:100%; padding:50px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
#concert-section ul li { float:none; width:100%; border-bottom:solid 1px #ccc; padding-bottom:15px; margin-bottom:15px; }
#concert-section ul li:last-child { border:none; padding-bottom:0; margin-bottom:0; }
}

@media screen and (max-width: 414px) {
#concert-section { width:100%; }
}


/* =youtube
-------------------------------------------------------*/
#youtube-wrap { padding:60px 0; text-align:center;  }
.youtube-inner-box { max-width:1000px; margin:0 auto 30px; }
.youtube-inner-box ul { list-style-type:none; }
.youtube-inner-box ul li { float:left; width:48%; margin-right:4%; margin-bottom:30px; }
.youtube-inner-box ul li > p { text-align:left; }
.youtube-inner-box ul li:nth-child(2n) { margin-right:0; }
.youtube-box {position: relative; width: 100%; padding-top: 56.25%; text-align:left;}
.youtube-box iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.youtube-credit { text-align:left; }

.youtube-credit .creditAct { margin:10px 20px 0 0; }
#youtube-wrap h3.subttl {    
	border-bottom: 1px solid;
    color: #777;
    display: inline-block;
    font-size: 18px;
    line-height: 1.5;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    text-align: center;}

dl.modal-inner { margin-bottom:20px; }
dl.modal-inner dt { float:left; width:5em; clear:both; }
dl.modal-inner dd { padding-left:5.5em; padding-bottom:10px; }

@media screen and (max-width: 800px) {
#youtube-wrap { padding:30px 10px; }
}
@media screen and (max-width: 414px) {
#youtube-wrap > p { text-align:left; }
.youtube-inner-box ul li { float:none; width:100%; margin-right:0; }
.youtube-credit { text-align:center; }
.youtube-credit .creditAct { margin:0 0 10px 0; }
.youtube-credit .creditAct p { text-align:center;}
.youtube-credit .float_L { float:none; }
}

/* =ギャラリー
-------------------------------------------------------*/
#gallary-wrap { padding:60px 0; text-align:center; }
#gallary-wrap div.galleryInner { width:1180px; margin:0 auto; }
#gallary-wrap ul { display:inline-block; list-style-type:none; }
#gallary-wrap ul li { float:left; /*width:18.6441%; margin-right:1.6949153%;*/ margin-right:20px; margin-bottom:20px; }
#gallary-wrap ul li:nth-child(5n) { margin-right:0; }
@media screen and (max-width: 800px) {
#gallary-wrap div.galleryInner { width:100%; }
#gallary-wrap { padding:30px 0; }
#gallary-wrap ul { width:100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#gallary-wrap ul li { width:30%; margin-right:5%; }
#gallary-wrap ul li:nth-child(5n) { margin-right:5%; }
#gallary-wrap ul li:nth-child(3n) { margin-right:0; }
}
@media screen and (max-width: 414px) {
#gallary-wrap div.galleryInner,
#gallary-wrap ul { display:block; width:100%; }
}

/* マウスオーバー透過
-------------------------------------------------------*/
#wrapper a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#wrapper a:hover {
	-webkit-transition: all .3s;
	transition: all .3s;
}

img { width: 100%; max-width: 100%; /*height: auto;*/ }

h1,h2,h3,h4 { font-weight:normal; }
h3.head-section { display:inline-block; font-size:24px; color:#7d7d7d; border-bottom:solid 1px #7d7d7d; padding-bottom:5px; margin-bottom:30px;}

/*======================= anchor link =======================*/
.anchor{
padding-top:70px !important;
margin-top:-70px !important;
}


/*=======================================================
 IE6,7,8 のみに適用
 =======================================================*/
.oldie header #scrollNavi { background-color:#ffffff; border-bottom: solid 1px #e1e1e1; }