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

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

共通css

///////////////////////////////////////////////////////*/
body { background:none; text-align:left; color:#000; line-height:2; font-size:14px !important;
/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;*/ }

#wrapper { width: 100%; min-width:1200px; height:100%; }
@media screen and (max-width: 800px) {
#wrapper { min-width:100%; }
}

/* Object */
.rect {}
.rect.line { padding:5px 20px; }

/* Background Color */
.bg-gray60 { background-color:#a9a9a9; }
.bg-wht { background-color:#FFF; }

/* Text Color */
.txt-white { color:#FFF; }
.txt-black { color:#000; }

.innerwidth { width:1100px; margin:0 auto; }

.media.sp { display:none; }

@media screen and (max-width: 800px) {
  .innerwidth { width:auto; }
	
  .media.pc { display:none; }
  .media.sp { display:block; }
}

/* =js
-------------------------------------------------------*/
body.fixed { position:fixed; width:100%; }

/* =glovalnavi
-------------------------------------------------------*/
#globalNav { display:none; }

#glbNaviBtn { display:block; position:relative; float:right; cursor:pointer; margin:20px 15px 0; z-index:9985; }
#glbNaviBtn > .inner { position:relative; width:28px; height:24px; }
#glbNaviBtn .rectLine { overflow:hidden; position:absolute; width:28px; height:3px; margin-bottom:7px; background-color:#000; transition:all 0.3s; }
#glbNaviBtn .rectLine:nth-child(1) { top:0; }
#glbNaviBtn .rectLine:nth-child(2) { top:9px; }
#glbNaviBtn .rectLine:nth-child(3) { top:18px; }
#glbNaviBtn.active { position:fixed; top:10px; right:10px; }
#glbNaviBtn.active .rectLine { background-color:#000; }
#glbNaviBtn.active .rectLine:nth-child(1) { top:9px; transform:rotate(315deg); }
#glbNaviBtn.active .rectLine:nth-child(2) { opacity:0; }
#glbNaviBtn.active .rectLine:nth-child(3) { top:9px; transform:rotate(-315deg); }
#glbNaviBtn.color .rectLine { background-color:#574c39; }

#glbRespNav { display:block; position:fixed; top:0; right:-400px; max-width:240px; min-width:240px; font-size:.9em; z-index:9900; transition:.2s; padding:80px 0 80px 20px; border-left:solid 3px #000; background-color:#FFF; }
#glbRespNav.active { right:0; }
#glbRespNav.active > .inner { overflow-y:scroll; }
#glbRespNav a { display:block; color:#333; }
#glbRespNav a:hover { text-decoration:none; background-color:rgba(105,255,255,.3); }

#glbRespNav .menuTitle { margin:25px auto 20px; text-align:center; font-weight:bold; line-height:1.4em; color:#FFF; }
#glbRespNav .menuTitle .en { display:block; font-size:115%; }
#glbRespNav .menuTitle .ja { display:block; font-size:75%; }

#glbRespNav #spGlobalNav { padding:0 20px 0 0; }
#glbRespNav #spGlobalNav > li { line-height:1.6em; }
#glbRespNav #spGlobalNav > li .lbl { padding:5px; font-size:75%; line-height:1em; background-color:#000; color:#FFF; }
#glbRespNav #spGlobalNav > li .txt { display:block; }
#glbRespNav #spGlobalNav > li .lbl + .txt { margin-top:7px; }
#glbRespNav #spGlobalNav > li + li { margin-top:30px; }
#glbRespNav #spGlobalNav > li a { font-size:110%; font-weight:bold; color:#333; }
#glbRespNav #spGlobalNav > li.active a { text-decoration:underline; }
#glbRespNav #spGlobalNav > li a:hover { background-color:transparent; text-decoration:underline; }

#glbRespNav .searchBox { width:100%; }

#glbRespNav #spInfo p a { padding:20px; border-bottom:solid 1px #352C1C; }

/* =header
-------------------------------------------------------*/
header { width: 100%; background-color:#FFF; z-index:9910; }

header section { width:100%; margin:0 auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

header h1 { float:left; margin:0 auto; }
@media screen and (max-width: 800px) {
header h1 { width:100px; padding-top:0px; }
}
header #navigation-box { position:relative; }
header #navigation-box nav { overflow:hidden; }
header #social-box { position:absolute; right:60px; z-index:9980; }
header #social-box li {display:inline-block; margin-left:7px; }

header nav ul#gNavi { float:right; margin-top:25px; font-size:13px; }
header nav ul#gNavi > li { display:inline-block; margin-right:25px; border-right: solid 1px #a3a3a3; padding-right:10px; margin-right:10px; }
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:#ab8b0c; padding:0 7px; }
    header nav ul#gNavi li > a { display:block; padding-top:1px; padding-bottom:1px; text-decoration:none; }
	header nav ul#gNavi li > a:link,
	header nav ul#gNavi li > a:visited { color:#2e2e2e; }
	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:#fff; }
	header nav ul#gNavi > li.ticket-btn:hover { background-color:#c7a210; }


/*スクロール時に表示*/	
header #scrollNavi {
  position: fixed;
  /*min-width:980px;*/
  padding: 5px 10px;
  /*z-index: 9999;*/
  z-index: 1000;
  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(225,225,225,0.8);
}
header #scrollNavi h1 { width:70px; padding-top:0; }
header #scrollNavi nav ul#gNavi { margin-top:0; }

/* メインbtn並び */
div.areabtn {clear: both;}
.areabtn p {float: left; margin-left:5px;}
	 
/* スマートフォン設定 */
.slicknav_menu { display:none; }

@media screen and (max-width: 800px) {
	.js #gNavi { display:none; }
	.js .slicknav_menu { display:block; }
	
/* メインbtn並び */
div.areabtn {clear: both;}
.areabtn p {float: none;}

	
}


	
/* =contents
-------------------------------------------------------*/
#container { width: 100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article { }
.width-1000 { width:1000px; padding:0 100px; }
#container.page-column { background-color:#eee; }
@media screen and (max-width: 800px) {
#container { padding:0; }
.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; border:none; }
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; }

/*
 *    toup
 */
#toup { position:fixed; right:30px; bottom:60px; z-index:9202; }
#toup p a { display:block; padding:15px; border-radius:50%; font-size:90%; line-height:1em; background-color:#000; color:#FFF; text-decoration:none; }
#toup p a:hover { text-decoration:none; }

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

構成要素

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

#mainvisual-wrap { position:relative; }
#mainvisual { overflow:hidden; width:100%; }
#mainvisual > .left { float:left; width:55%; overflow:hidden; }
#mainvisual > .right { display:table; float:right; width:45%; height:100%; padding-left:40px; }
#mainvisual > .right .boxCell { display:table-cell; vertical-align:middle; }
#mainvisual .lbl { background-color:#e60012; padding:10px 15px; margin-bottom:0; font-size:105%; font-weight:bold; line-height:1em; color:#FFF; }
#mainvisual .maintitle { margin-top:10px; font-size:300%; font-weight:bold; line-height:1.5em; }
#mainvisual .maintitle .s { font-size:72%; }
#mainvisual .read { font-size:115%; font-weight:bold; line-height:2.4em; }
#mainvisual .credit { margin-top:30px; font-size:90%; }

@media screen and (max-width: 800px) {
	
}
@media screen and (max-width: 460px) {
#mainvisual > .left { float:none; width:auto; }
#mainvisual > .right { display:block; float:none; width:auto; height:auto; padding:30px 20px 20px; }
#mainvisual > .right .boxCell { display:block; }
#mainvisual .lbl { margin-top:20px; }
#mainvisual .maintitle { font-size:200%; }
#mainvisual .read { font-size:105%; font-weight:bold; line-height:2.4em; }
#mainvisual .credit { margin-top:40px; font-size:90%; }
}

/* =コラム
-------------------------------------------------------*/
#column-wrap { padding:120px 0; background-color:#eee; }
#column-wrap .column-list > ul { overflow:hidden; padding:0; margin:0 auto; }
#column-wrap .column-list > ul > li { float:left; width:525px; margin-bottom:120px; }
#column-wrap .column-list > ul > li:nth-child(2n) { margin-left:40px; }
#column-wrap .column-list > ul > li dl { position:relative; }
#column-wrap .column-list > ul > li dl dt img { width:100%; }
#column-wrap .column-list > ul > li dl dd { position:absolute; bottom:-60px; left:0; width:100%; margin-left:0; }
#column-wrap .column-list > ul > li dl dd .wht { width:85%; padding:25px 20px 5px; background-color:#FFF; }
#column-wrap .column-list > ul > li dl dd .lbl { margin-bottom:0; font-weight:bold; line-height:1.6em; color:#cc0000; }
#column-wrap .column-list > ul > li dl dd .ttl { font-size:115%; font-weight:bold; line-height:1.6em; color:#333; }
#column-wrap .column-list > ul > li dl dd .more { border-bottom:solid 1px #000; text-align:right; font-size:90%; color:#333; }

@media screen and (max-width: 460px) {
#column-wrap { padding:40px 20px; }
#column-wrap .column-list > ul > li { float:none; width:auto; margin-bottom:120px; }
#column-wrap .column-list > ul > li:nth-child(2n) { margin-left:auto; }
}

/* =コラム 下層ページ
-------------------------------------------------------*/
.page-column .inr { padding:40px 60px 60px; margin-top:10px; }
.page-column .secttl { font-size:155%; font-weight:bold; padding-bottom:10px; border-bottom:solid 3px #000; }
.page-column .txtbox { margin-bottom:30px; }
.page-column .lastbox { margin-bottom:50px; }
.page-column .imgbox img { width:100%; }
.page-column .imgbox-half img { width:50%; }

.page-column #headvisual { position:relative; margin-bottom:80px; }
.page-column #headvisual .titleBox { position:absolute; top:0; left:40px; }
.page-column #headvisual .titleBox .title { font-size:270%; font-weight:bold; line-height:1.6em; color:#FFF; }
.page-column #headvisual .titleBox .title .s { font-size:72%; }
.page-column #headvisual .titleWhtBox { position:absolute; bottom:0; left:40px; padding:20px 40px; background-color:#FFF; }
.page-column #headvisual .titleWhtBox .lbl { margin-bottom:0; font-size:115%; font-weight:bold; color:#cc0000; }
.page-column #headvisual .titleWhtBox .title { font-size:165%; margin:0 auto; line-height:1.6em; font-weight:bold; }

@media screen and (max-width: 460px) {
.page-column .inr { padding:0; margin-top:0; }
.page-column .inr.bg-wht { background-color:transparent; }
.page-column .secttl { font-size:135%; line-height:1.6em; }
.page-column .txtbox { margin-bottom:30px; }
.page-column .lastbox { margin-bottom:50px; }
.page-column .imgbox a { display:block; border:solid 1px #074ddd; }
.page-column .imgbox.pd a { padding:20px 0; }
.page-column .imgbox img { vertical-align:middle; }
.page-column .imgbox-half img { width:100%; vertical-align: middle; }

.page-column #headvisual { margin-bottom:40px; }
.page-column #headvisual .titleBox { top:0; left:15px; }
.page-column #headvisual .titleBox .title { font-size:160%; font-weight:bold; }
.page-column #headvisual .titleWhtBox { position:static; bottom:0; left:0; padding:20px; }
.page-column #headvisual .titleWhtBox .title { font-size:145%; }
	
.page-column .body { padding:20px; margin:0 20px; background-color:#FFF; }
	
}

/*リード用*/	
h2.lead {font-size:120%; text-align: center; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";font-weight: bold;}
@media screen and (max-width: 414px) {
h2.lead {margin-top:40px; }
}

/* =ニュース
-------------------------------------------------------*/
/*#news-wrap { margin:100px auto; max-width:960px; }
#news-wrap h2 { font-size:16px; font-weight:bold; }
#news-wrap .scroller { position:relative; overflow:hidden; max-height:200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
#news-wrap dl { margin-right:20px; }
#news-wrap dl dt { float:left; width:8em; clear:both; }
#news-wrap dl dd { padding-left:9em; border-bottom:dotted 1px #cccccc; padding-bottom:15px; margin-bottom:15px; }
#news-wrap dl dd:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; }
#news-wrap dl dd a { text-decoration:underline; }
#news-wrap dl dd a:link,#news-wrap dl dd a:visited { color:#000; }
#news-wrap dl dd a:hover,#news-wrap dl dd a:active { color:#999; }
@media screen and (max-width: 414px) {
#news-wrap { margin:50px auto; }
}*/


/* =ポイント
-------------------------------------------------------*/
#point-wrap { width:100%; max-width:1180px; margin:50px auto 0; padding-top:100px; }
#point-wrap .head-content h2 { font-size:28px; }
#point-wrap .head-content span { font-size:20px; }
#point-wrap ul { list-style-type:none; }
#point-wrap ul.point-1 { padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #e9e9e9; }
#point-wrap ul.point-1 li { float:left; width:50%; padding-right:1.61017%; border-right:solid 1px #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#point-wrap ul.point-1 li:last-child { padding-left:1.61017%; padding-right:0; border:none; }
#point-wrap ul.point-1 li dl dt { float:left; width:43.8596%; max-width:250px; }
#point-wrap ul.point-1 li dl dd { position:relative; display:table; float:right; width:50.8772%; height:160px; }
#point-wrap ul.point-1 li dl dd .ttl { display:table-cell; vertical-align:middle; font-size:18px; font-weight:bold; line-height:1.5; }

#point-wrap ul.point-2 li { float:left; width:32.6271%; padding-right:2.03389%; margin-right:2.11864%; border-right:solid 1px #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#point-wrap ul.point-2 li:last-child { width:30.5085%; padding-right:0; margin-right:0; border:none; }
#point-wrap ul.point-2 li dl dt { float:left; width:47.22222%; max-width:170px; }
#point-wrap ul.point-2 li dl dd { position:relative; /*display:table;*/ float:right; width:48.6111%; height:109px; }
#point-wrap ul.point-2 li dl dd .ttl { /*display:table-cell; vertical-align:middle;*/ font-size:14px; font-weight:bold; line-height:1.5; padding-top:10px; }

#point-wrap ul:after,
#point-wrap ul li dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#point-wrap ul li dl dd .btn-box { position:absolute; bottom:0; right:0; }
#point-wrap p.lead {text-align: center;}
@media screen and (max-width: 414px) {
#point-wrap ul.point-1 { padding-bottom:20px; margin-bottom:20px; }
#point-wrap ul.point-1 li { float:none; width:100%; padding-right:0; border-right:none; border-bottom:solid 1px #e9e9e9; padding-bottom:20px; margin-bottom:20px; }
#point-wrap ul.point-1 li:last-child { padding-bottom:0; margin-bottom:0; }
#point-wrap ul.point-1 li dl dt { float:none; width:100%; max-width:250px; margin:0 auto 20px; }
#point-wrap ul.point-1 li dl dd {  float:none; width:100%; height:auto; text-align:center; }
#point-wrap ul.point-1 li dl dd .ttl { display:block; font-size:14px; margin-bottom:10px; }
#point-wrap ul li dl dd .btn-box { position:static; }

#point-wrap ul.point-2 li { float:none; width:100%; padding-right:0; margin-right:0; border-right:none; border-bottom:solid 1px #e9e9e9; padding-bottom:20px; margin-bottom:20px; }
#point-wrap ul.point-2 li:last-child { width:100%; }
#point-wrap ul.point-2 li dl dt { float:none; width:100%; max-width:250px; margin:0 auto 20px; }
#point-wrap ul.point-2 li dl dd { float:none; width:100%; height:auto; text-align:center; }
#point-wrap ul.point-2 li dl dd .ttl { display:block; margin-bottom:10px; }
#point-wrap p.lead {text-align: left;}
}



/* =公演情報
-------------------------------------------------------*/
#concert-info-wrap { margin:50px auto 0; padding-top:100px; }
#concert-info-wrap ul#performer-box { width:100%; max-width:1180px; margin:0 auto 80px; list-style-type:none; }
#concert-info-wrap ul#performer-box li { float:left; width:32%; margin-right:2%; margin-bottom:4%; }
/*#concert-info-wrap ul#performer-box li:last-child { margin-right:0; }*/
#concert-info-wrap ul#performer-box li:nth-child(3n) { margin-right:0; }
#concert-info-wrap ul#performer-box li .name-box { font-size:16px; font-weight:bold; line-height:1.4; margin-bottom:30px; }
#concert-info-wrap ul#performer-box li .name-box span { display:block; font-size:14px; }
#concert-info-wrap ul#performer-box li .btn-box { float:right; }
#concert-info-wrap ul#performer-box li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#concert-info-wrap #concert-info-box { max-width:960px; margin:0 auto; padding-bottom:160px; }
#concert-info-wrap #concert-info-box .concert-ttl { font-size:12px; font-weight:bold; margin-bottom:10px; }
#concert-info-wrap #concert-info-box ul#date-box { margin-bottom:30px; }
#concert-info-wrap #concert-info-box ul#date-box li { position:relative; border-bottom:solid 5px #dedede; padding-bottom:15px; margin-bottom:15px; font-weight:bold; }
#concert-info-wrap #concert-info-box ul#date-box li:last-child { border-bottom:none; }
#concert-info-wrap #concert-info-box ul#date-box li .date-txt span { font-size:30px; line-height:1.2; }

#concert-info-wrap #concert-info-box ul#date-box li .btn-box { position:absolute; top:0; right:0; width: 14em; font-size:16px; font-weight:normal; text-align: center; background-color: #ab8b0c; color: #fff; border:solid 2px #ab8b0c; border-radius:0; }
#concert-info-wrap #concert-info-box ul#date-box li .btn-box:hover { background-color:#fff; }
#concert-info-wrap #concert-info-box ul#date-box li .btn-box:hover a { color:#ab8b0c; }
#concert-info-wrap #concert-info-box ul#date-box li .btn-box a { display:block; color: #fff; text-decoration: none; padding:6px 0; }
#concert-info-wrap #concert-info-box ul#date-box li .btn-box a:hover,#concert-info-wrap #concert-info-box ul#date-box li .btn-box a:active { color:#ab8b0c; }

#concert-info-wrap #concert-detail-box li {list-style-type:none; display:inline-block; margin-right:50px; vertical-align:top; }
#concert-info-wrap #concert-detail-box li span.head-ttl { display:inline-block; background-color:#555555; color:#fff; padding:5px 5px 3px; margin-bottom:10px; line-height:1; }

.name-txt { font-size:28px; font-weight:bold; line-height:1.2; }

@media screen and (max-width: 800px) {
#concert-info-wrap #concert-info-box ul#date-box li .btn-box { position:static; margin-left:0; }
#concert-info-wrap #concert-info-box { padding:0 10px 60px; }
}

@media screen and (max-width: 414px) {
#concert-info-wrap { margin:70px auto 0; padding-top:0; }
#concert-info-wrap ul#performer-box { margin-bottom:0; }
#concert-info-wrap ul#performer-box li { float:none; width:100%; margin-right:0; margin-bottom:30px; }
	
}

/* =インタビュー
-------------------------------------------------------*/
#interview-wrap { width:100%; max-width:1180px; margin:50px auto 0; padding-top:100px; }
#interview-wrap #headArea { }
#interview-wrap #headArea .mainvisual-box { float:left; width:39.8305%; text-align:right; }
#interview-wrap #headArea .mainvisual-box img { width:100%; max-width:360px; }
#interview-wrap #headArea .head-box { float:right; width:55.9322%; }
#interview-wrap #headArea .head-box .name-box { font-size:54px; font-style:italic; line-height:1.2; text-align:right; margin-bottom:50px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; padding-right:10px; }
#interview-wrap #headArea .head-box .name-box span { display:block; font-size:20px; }
#interview-wrap #headArea .head-box .lead-box { font-size:16px; margin-bottom:10px; line-height:1.5; }
#interview-wrap #headArea .head-box .name-box-2 { font-size:48px; line-height:1.2; }
#interview-wrap #headArea .head-box .name-box-2 span { font-size:14px; line-height:1.2; }

#interview-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; }
#interview-wrap #headArea .btn-box:hover { background-color:#000; border:solid 1px #000; color:#FFF; }
#interview-wrap #headArea .more-interview span { display:block; background:url(/inbal2017/img/icon-open.png) no-repeat 96% center;}
#interview-wrap #headArea .more-interview span.open { background:url(/inbal2017/img/icon-close.png) no-repeat 96% center;}

#interview-wrap #interview-section { display:none; width:100%; max-width:1180px; padding:120px 0 0; margin:0 auto;}
#interview-wrap #interview-section .txtArea { width:70%; margin:0 auto; }
#interview-wrap #interview-section .txtArea .pic-box-1 { float:right; padding:0 0 30px 30px; max-width:250px; }
#interview-wrap #interview-section .txtArea ul.pic-3column { list-style-type:none; margin-bottom:30px; letter-spacing:-0.5em; }
#interview-wrap #interview-section .txtArea ul.pic-3column li { display:inline-block; letter-spacing: normal; width:32%; margin-right:2%; }
#interview-wrap #interview-section .txtArea ul.pic-3column li:last-child { margin-right:0; }
#interview-wrap #interview-section .txt-blue { color:#00a8c1; }


@media screen and (max-width: 800px) {
#interview-wrap #headArea .mainvisual-box {width:30%; }
#interview-wrap #headArea .head-box {width:65%; }
#interview-wrap #headArea .head-box .name-box { font-size:40px; margin-bottom:20px; }
#interview-wrap #headArea .head-box .name-box-2 { font-size:36px; }

#interview-wrap #interview-section { padding-top:50px; }
#interview-wrap #interview-section .txtArea { width:100%; }
}
@media screen and (max-width: 414px) {
#interview-wrap { margin:70px auto 0; padding-top:0; }
#interview-wrap #headArea .head-box .lead-box br { display:none; }

#interview-wrap #headArea .mainvisual-box { float:none; width:100%; max-width:360px; margin:0 auto 30px; }
#interview-wrap #headArea .head-box { float:none; width:100%; }
#interview-wrap #headArea .head-box .name-box { font-size:32px; text-align:left; }

#interview-wrap #interview-section .txtArea .pic-box-1 { float:none; padding:0; margin:0 auto 30px; }
#interview-wrap #interview-section .txtArea ul.pic-3column li { display:block; width:100%; max-width:250px; margin-right:0; margin:0 auto 10px; }
#interview-wrap #interview-section .txtArea ul.pic-3column li:last-child { margin:0 auto;}
}


/* =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 { width:100%; max-width:960px; margin:50px auto 0; padding-top:100px; }
#gallary-wrap ul { list-style-type:none; }
#gallary-wrap ul li { float:left; width:18.6441%; margin-right:1.6949153%; margin-bottom:20px; }
#gallary-wrap ul li:nth-child(5n) { margin-right:0; }
@media screen and (max-width: 800px) {
#gallary-wrap { padding-top:50px; }
}
@media screen and (max-width: 414px) {
#gallary-wrap { margin:70px auto 0; padding-top:0; }
#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; }
}

/* =toTop
-------------------------------------------------------*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:100px;
	right:20px;
	overflow:hidden;
	width:50px;
	height:29px;
	border:none;
	text-indent:100%;
	background:url(/common/img/ui.totop.png) no-repeat left top;
	z-index: 100;
}

#toTopHover {
	background:url(/common/img/ui.totop.png) no-repeat left -29px;
	width:50px;
	height:29px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* マウスオーバー透過
-------------------------------------------------------*/
#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; }

.btn-box { width: 7em; font-size:12px; font-style:italic; margin:0 auto; text-align: center; background-color: #ffffff; color: #000; border:solid 1px #000; border-radius:4px; }
.btn-box:hover { background-color:#000; }
.btn-box:hover a { color:#fff; }
.btn-box a { display:block; color: #000; text-decoration: none; padding:2px 0; }
.btn-box a:hover,.btn-box a:active { color:#ffffff; }

/*ul#btn-wrap li { float:left; width:47.9166667%; margin-right:4.1666667%; }
ul#btn-wrap li:last-child { margin-right:0; }
ul#btn-wrap li .btn-box { width: 100%; font-size:18px; text-align: center; background-color: #000; color: #fff; border:solid 2px #000; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul#btn-wrap li .btn-box:hover { background-color:#fff; }
ul#btn-wrap li .btn-box:hover a { color:#000; }
ul#btn-wrap li .btn-box a { display:block; color: #fff; text-decoration: none; padding:15px 0; }
ul#btn-wrap li .btn-box a:hover,.btn-box a:active { color:#000; }
@media screen and (max-width: 414px) {
ul#btn-wrap li { float:none; width:100%; margin-right:0; margin-bottom:20px; }
}*/

/* テーブル
-------------------------------------------------------*/

/* box-table */
.box-table {}
.box-table table { border-collapse: collapse; }

/* box-table -> typeA */
.box-table.tb-typeA table { width:100%; border:solid 1px #555;}
.box-table.tb-typeA table tr th,
.box-table.tb-typeA table tr td { padding:15px; border:solid 1px #aaa; text-align: left;}
.box-table.tb-typeA table tr td:nth-child(1) { width:15%; }
.box-table.tb-typeA table tr td:nth-child(2) { width:20%; }
.box-table.tb-typeA table tr td:nth-child(3) { width:55%; }


.table4 {
  border-collapse: collapse;
  width: 100%;
}
.table4 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
	/* box-table */
	.box-table {}
	.box-table table,
	.box-table table thead,
	.box-table table tbody,
	.box-table table tr,
	.box-table table th,
	.box-table table td { display:block; box-sizing:border-box; font-size:90%;}

	/* box-table -> typeA */
	.box-table.tb-typeA > p { padding:10px 20px; }
	.box-table.tb-typeA table { border:solid 1px #aaa; }
	.box-table.tb-typeA table tr { border-bottom:solid 2px #aaa; }
	.box-table.tb-typeA table tr:last-child { border-bottom:none; }
	.box-table.tb-typeA table tr th,
	.box-table.tb-typeA table tr td { padding:15px; border:none; }
	.box-table.tb-typeA table tr td { border-bottom:solid 1px #aaa; }
	.box-table.tb-typeA table tr td:nth-child(1),
	.box-table.tb-typeA table tr td:nth-child(2),
	.box-table.tb-typeA table tr td:nth-child(3) { width:100%; }
	
    .table4 { margin: 0 -10px; }
    .table4 th,
    .table4 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table4 tr:first-child th { border-top: 1px solid #ddd; }
}
.table4 td {
  padding: 10px; border: 1px solid gray;
}

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

/*======================= colorbox general.css上書き =======================*/
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight { background:none !important; }
#cboxOverlay{ background-image:none; background-color: rgba(256,256,256,1); opacity: 1 !important; }
#cboxCurrent{ bottom:0px; }

.colorbox-pic { float:left; width:250px; }
.colorbox-txt { margin-left:300px; }
.colorbox-pic-2 { float:left; width:300px; }
.colorbox-txt-2 { margin-left:350px; }
@media screen and (max-width: 800px) {
.colorbox-pic,.colorbox-pic-2 { float:none; margin:0 auto 20px; }
.colorbox-txt,.colorbox-txt-2 { margin-left:0; }
}

/*======================= スクロールバー =======================*/

/* perfect-scrollbar v0.6.12 */
.ps-container {
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-container.ps-in-scrolling {
    pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 15px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      bottom: 2px;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 6px; }
    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
      height: 11px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 15px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      /*background-color: #aaa;*/
	  background-color: #666;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      right: 2px;
      /* there must be 'right' for ps-scrollbar-y */
      width: 6px; }
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
      width: 11px; }
  .ps-container:hover.ps-in-scrolling {
    pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
      background-color: #eee;
      opacity: 0.9; }
      .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }


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