@charset "UTF-8";

/* contents */
.bg1 { /*background:url("../img/photo01.jpg")  center bottom no-repeat fixed; background-size: 100% auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0*/; }
.bg1:after { position: absolute; top: 0; right: 0; border-bottom: 0; pointer-events: none; bottom: 0; right: 0; content: ""; background: blue; z-index: 2}
.contents { max-width: 1200px; width: 100%; position: relative; padding: 0; margin-left: auto; margin-right: auto;}
.main { width: 100%; position: relative; }
.main-titlearea { text-align: center; color: #fff; padding: 85px 0 00px; height: 500px; display: flex;justify-content: center; align-items: center; flex-flow: column}
.main-titlearea .subtitle { font-weight: 300; letter-spacing: 0.05em; font-size: 28px; line-height: 1; color: #b31a3c; }
.main-titlearea .title { line-height: 1; }
.main-titlearea .title span { display: block; line-height: 1;}
.main-titlearea .title .en { font-weight: 400; font-size: 23.5px; letter-spacing: 0.12em;}
.main-titlearea .title .jp { font-weight: 400; font-size: 72px; letter-spacing: 0.02em; margin-top: 11px;}
.main__inr { padding:100px 100px 113px; min-height: 360px; color: #1E1E1E; background: rgba(255,255,255,0.99); position: relative}
.article__title { font-size: 30px; text-align: center; font-weight: 600; line-height: 1.4;}
.article__text { font-size: 17px; line-height: 1.7; font-weight: 400;  text-align: justify;}
.article__text ._s { font-size:74%;}
.article__text strong { font-weight: 600; }
.article__text strong.c_blue,
.c_blue { color:#0b8aad;}
.article__image { text-align: center;}
.article .block { margin-top:88px;}

.loader-bg { width: 100%; height: 100%; background:white; position: fixed; top: 0px; left: 0px; z-index: 8000; display: block; transition:all 1.0s; pointer-events: none;}
._w1000 {max-width:1000px;}
._w1100 {max-width:1100px;}
._w1200 {max-width:1200px;}
.contents { position: relative; z-index: 10;width: calc(100% - 70px);}
.inr { margin-left: auto; width: calc(100% - 100px); margin-right: auto;}
.moviewrap { position: relative; padding-bottom: 56.5%; height: 0; margin: 0px auto; width:100%;}
.moviewrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:20;}
.introduction-photo { display:flex; margin-bottom: 60px; margin-left: auto; margin-right: auto; max-width: 760px;}


@media screen and (max-width:1300px){
	.bg1 { background-size: 1300px auto;}
	.main-titlearea { padding: 78px 0 0; height: 440px;}
	.main-titlearea .subtitle { font-size: 24px;}
	.main-titlearea .title {}
	.main-titlearea .title .en { font-size: 21px; }
	.main-titlearea .title .jp { font-size: 64px; margin-top: 7px;}
	.main__inr { padding:80px 80px 90px; }
	.article .block { margin-top:65px;}
	.article__title { font-size: 24px;}
	.article__text { font-size: 15px; line-height: 1.6;}
}
@media screen and (max-width:768px){
	.bg1 { background-size: 800px auto;}
	.contents { padding: 0; min-height: calc(100vh - 300px); width: calc(100vw - 30px);}
	.main-titlearea { padding:38px 0px 0px; height: 320px;}
	.main-titlearea .subtitle { font-size: 23px;}
	.main-titlearea .title {}
	.main-titlearea .title .en { font-size: 17.5px; }
	.main-titlearea .title .jp { font-size: 51px; margin-top: 6px;}
	.main__inr { padding:36px 36px 42px; min-height: 400px; margin: 0 auto; }
	.article__title { font-size: 18px; line-height: 1.36 }
	.article__text { font-size: 13.5px; line-height: 1.5; letter-spacing: normal;}
	.page-index .contents { padding-top: 0;}
	.lower .main { padding-top: 0}
	.article .block { margin-top:52px;}
	._w1000 { width: calc(100% - 50px);}
    .inr { width: calc(100% - 50px);}
	.introduction-photo { margin-bottom: 30px; }
}
@media screen and (max-width:480px){
	.bg1 { background-size: 700px auto;}
	.contents { padding: 0; width: 100%}
	.main-titlearea { padding:34px 0 0px; height: 250px;}
	.main-titlearea .subtitle { font-size: 18px;}
	.main-titlearea .title {}
	.main-titlearea .title .en { font-size: 15px; }
	.main-titlearea .title .jp { font-size: 39px; margin-top: 5px;}
	.main__inr { padding:24px 13px 32px; min-height: 400px; margin: 0 6px; }
	.article__title { font-size: 15px; line-height: 1.33; text-align: left;}
	.article__title br { display: none }
	.article__text { font-size: 12.5px; line-height: 1.44; letter-spacing: normal;}
	.lower .main { }
	.article .block { margin-top:40px;}
	._w1000 { width: calc(100% - 40px);}
	.inr { width: calc(100% - 18px);}
	.introduction-photo { margin-bottom: 18px; }
}



/* footer */
.footer { padding: 420px 0 0px; color: #fff; z-index: 10; position:relative; pointer-events: none; text-align: center; }
.footer:before {position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(rgba(6,32,56,0.0),rgba(0,0,00,0.3)); content: ""; z-index: -1;}
.footer .copyright { font-size: 11px; line-height: 1; font-weight: 400; letter-spacing: 0.1em; padding-bottom: 36px;}

@media screen and (max-width:1300px){
	.footer { padding: 420px 0 0px;}
}
@media screen and (max-width:768px){
	.footer {  padding: 240px 0 0; width: 100%; left: 0; text-align: center; margin-left: 0;}
	.footer .copyright { font-size: 10.5px; padding-bottom: 30px;}
	.footer:before {  height: 80px;}
}
@media screen and (max-width:480px){
	.footer {  padding: 180px 0 0; }
	.footer:before {  height: 51px;}
	.footer .copyright { font-size: 9px;  padding-bottom: 20px; }
}


/* privacypolicy */ 
.privacypolicy { position:relative; z-index: 10; text-align: center; font-size: 11px; color: white; background: rgba(0,0,00,0.8); width: 100%; display: flex; height: 77px; justify-content: left; align-items: center; min-width: 1200px; letter-spacing: normal; padding-left: 24px;}
.privacypolicy a { color:white; text-decoration: underline;}
.privacypolicy a:hover { text-decoration:none;}

@media screen and (max-width:1300px){
	.privacypolicy { font-size: 10px; height: 70px; padding-left: 20px;}
}
@media screen and (max-width:768px){
	.privacypolicy { font-size:9px; height: 60px; padding: 12px; line-height: 1.5;justify-content: left; text-align: left; min-width: 0;}
}
@media screen and (max-width:480px){
	.privacypolicy { font-size:7px; height: 55px; padding: 10px; padding-right: 65px}
	.privacypolicy br { display:none!important;}
}


/*header*/
.header { width:100%; margin: 0 auto; left: 0px; right: 0; position: absolute; z-index: 1000; pointer-events: none; }
.header-inr { display: flex; align-items: center; justify-content: flex-start; padding-left: 18px; padding-top:18px;}
.header__logo { width: 284px; position: relative; z-index: 1; pointer-events: all; margin-right: 29px; }
.gnav { display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 11;}
.gnav__item { margin-left: 14px; }
.gnav__item:nth-child(2) { margin-left:0}
.gnav__item> a {background: rgba(255,255,255,.98); color: #1362b0; pointer-events: all; height:54px; width: 228px; padding-bottom: 1px; font-weight: 800; font-size:17.5px; letter-spacing: normal;position: relative; transition: all .2s ease; display: flex; align-items: center; justify-content: center; border-radius: 30px;}
.gnav__item._s> a { font-size: 16.5px;}
.gnav__item> a span {}
.gnav__item> a:after { background: url("../img/arw_blue.png") no-repeat center; background-size: 100% auto !important; position: absolute; width: 7.0px;  content: ""; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; display: inline-block; height: 100%; right: 19px;; top: 0.5px; bottom: 0; }
.gnav__item> a:hover:after { margin-right: -2px}
.gnav__item.current> a:after { display: none;}
.gnav__item.current> a,
.gnav__item> a:hover,
.dropmenu-btn:hover { color:#1299D1; }
.header-infobtn.current a,
.header-infobtn a:hover {color:; background: rgba(0,0,0,.45)}
.gnav__item.current> a:after,
.gnav__item> a:hover:after { background-image: url("../img/arw_blue_on.png");} 
.menubg { position: fixed; background: rgba(18,34,46,.95); background:url("../img/bg_menu.jpg") repeat-y top center; background-size: cover; top: 0; right: 0%; bottom: 0; width: 100%; z-index: 10; opacity: 0; pointer-events: none; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }
.header-toggle { display: none;}
.page-index .header__logo a,
.gnav__item.current a { pointer-events:none!important;}
.gnav__item._outline.current a { pointer-events: all!important;}
.gnav__item._home,
.gnav__item._home> a:after { display: none;}

@media screen and (max-width:1300px){
	.header-inr {padding-left: 12px; padding-top: 13px;}
	.header__logo { width: 245px; margin-right: 25px; }
	.gnav {padding-top: 5px;}
	.gnav__item { margin-left: 12px; }
	.gnav__item> a { font-size:15.5px; height: 48px; width: 200px }
	.gnav__item._s> a { font-size: 14.5px;}
	.gnav__item> a:after { width: 6.5px; margin-left: 0px; top: 0.5px; right: 17px;}
}
@media screen and (max-width:768px){
	.header { width: 100%; z-index: 1010; position: absolute; padding-left: 0; top: 0;}
	.header-inr { max-width: none; height: 100vh; display: flex; align-items: center; justify-content: center; flex-flow: column; padding: 0 0 50px!important; }
	.header__logo { width: 210px; margin: 0; left: 6px; top: 9px; position: absolute;}
	.gnav,
	.page-index .gnav {  width: auto; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-flow: column; position: static; z-index: 12; padding-top: 0;}
	.page-index .header__logo { opacity: 0}
	.page-index.open .header__logo { opacity: 1}
	.gnav__item { width: 100%; margin-bottom: 7px; }
	.gnav__item a { writing-mode:horizontal-tb; height: 50px; width: 100%; padding-right: 0px; padding: 0px; font-size:18px; letter-spacing: 0.0em; pointer-events: none; font-weight: 700;}
	.gnav__item._outline.current a,
	.gnav__item._outline.current { pointer-events: none!important;}
	.open .gnav__item._outline.current a,
	.open .gnav__item._outline.current { pointer-events: all!important;}
	.gnav__item._s a { font-size: 17px;}
	.gnav__item a:after { width:7.5px; right: 16px;}
	.gnav__item> a:hover:after { margin-right: -2px}
	.gnav__item.current> a,
	.page-index  .gnav__item> a:hover,
	.page-index  .dropmenu-btn:hover { }
	.page-index .gnav__item.current> a:after,
	.page-index .gnav__item> a:hover:after { background-image: url("../img/ic_arw_red.png") ;}	
	.gnav__item a p { line-height: 1.2em; display: inline}
	.gnav__item,.header .sns-list,.header-bnr,.header-infobtn{ opacity: 0; -webkit-transition: none; transition: none; display: block; top: 8px; position: relative; margin-left: auto; margin-right: auto;}
	.gnav__item:last-child { margin-bottom:0!important;}
	.open .gnav__item,.open .header .sns-list,.open .header-bnr,.open .header-infobtn { opacity: 1; top: 0; transition: all .6s ease; -webkit-transition-delay: .1s; transition-delay: .1s; }
	.open .gnav__item a { pointer-events: all; }
	.open .gnav__item a:before { display:none;}
	.open .gnav__item:nth-child(2) { -webkit-transition-delay: .20s; transition-delay: .20s; }
	.open .gnav__item:nth-child(3) { -webkit-transition-delay: .24s; transition-delay: .24s; }
	.open .gnav__item:nth-child(4) { -webkit-transition-delay: .28s; transition-delay: .28s; position: relative;}
	.open .gnav__item:nth-child(5) { -webkit-transition-delay: .32s; transition-delay: .32s; }
	.open .gnav__item:nth-child(6) { -webkit-transition-delay: .36s; transition-delay: .36s; }
	.open .gnav__item:nth-child(7) { -webkit-transition-delay: .40s; transition-delay: .40s; }
	.open .gnav__item:nth-child(8) { -webkit-transition-delay: .44s; transition-delay: .44s; }
	.open .gnav__item:nth-child(10) { -webkit-transition-delay: .5s; transition-delay: .5s; }
	.gnav__item._home { opacity: 0; transition: 0s; position: relative; top: 8px;  max-width: 280px; margin-bottom: 22px; display: block; -webkit-transform: scaleX(1) translateX(0); transform: scaleX(1) translateX(0); -webkit-transition-delay: .2s; transition-delay: .2s; transition:all 0s}
	.gnav__item._home a {  background: none; margin: auto; height: auto;}
	.page-index .gnav__item._home a { pointer-events:none;}
	.open .gnav__item._home { opacity: 1; top: 0; transition:all .8s ease; -webkit-transition-delay: .00; transition-delay: .0; height: auto;}
	.lower.open .gnav__item._home a { pointer-events:all}
	.header-toggle { display: block; position: absolute; top: -5px; right: 0px; width: 105px; height:auto; cursor: pointer; padding: 0px 0px; z-index: 990; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition: all .4s ease-out; transition: all .4s ease-out; opacity:0 ; transition-delay: 0.8s;}
	.header-toggle._view { opacity:1; top: 0px}
	.header-toggle div { position: relative; }
	.menubg{ background: url("../img/bg-menu.jpg") center bottom no-repeat; background-size: 920px auto;}
	.menubg:after{ background: rgba(0,0,0,.05); content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
	.menubg .close { position: absolute; right: 14px; top: 14px; z-index: 2; width: 32px; cursor: pointer;}
	.open .menubg { opacity: 1; pointer-events: all; right: 0; }
}
@media screen and (max-width:480px){
	.header-inr { padding: 0 0 40px!important; }
	.header__logo { width: 175px; left: 5px; top: 5px;}
	.gnav { right: 0; left: 0;}
	.gnav__item { margin-bottom: 4px; }
	.gnav__item a { font-size:16px!important;  height: 44px;}
	.gnav__item._s a { font-size: 14px;}
	.gnav__item a:after { width: 6px; right: 14px;}
	.header-toggle { width: 95px; }
	.lower .header-toggle { top:0px;} 
	.header-toggle div:before { height: 33px; width: 33px; left: -8px; top: -9px; }
	.menubg .close { right: 11px; top: 11px; width: 28px;}
	.gnav__item._home {  width: 240px; margin-bottom: 16px}
	.menubg{background-size: 650px auto;}
}




/* index */
.page-index .contents { max-width: none; width: 100%}

.page-index .header { position: static; margin-top: 55px }
.page-index .header-inr { padding: 0;} 
.page-index .header__logo { display:none;}
.page-index .gnav { width: 92%; max-width: 890px; display: flex; align-items: center; justify-content: center; margin: auto; left: 0; right: 0; top: 0px; height: 62px; border-radius: 40px; padding-bottom: 0;  opacity: 1; transition: all 1s ease;}
.page-index .header._view .gnav { opacity: 1; top: 0;}
.page-index .gnav__item { margin-left:5px; margin-right: 5px; }
.page-index .gnav__item a { padding-top: 0;}


.mainvisual { padding:112px 0 130px; display: flex; align-items: center; justify-content: center;}
.mainvisual ._inr { position: ; max-width: 720px; width: 52%}
.mv__title { filter:drop-shadow(0px 1px 7px rgba(6,32,56,0.10));}
.mainvisual .copy,
.mainvisual .artist { filter:drop-shadow(0px 1px 5px rgba(6,32,56,0.1));}


.mv__contents { background: linear-gradient(180deg, rgba(25, 33, 41, 0.87)); padding: 0px; color: white; margin-top: 900px}
.mv__contents .index-lead { padding:54px 0 54px; text-align: center;}
.mv__contents .index-lead h4 { max-width: 1180px; width: 91%; margin-left: auto; margin-right: auto;}
.mv__contents .mv__text { margin-left: auto; margin-right: auto; max-width: 750px; margin-top: 36px; width: 80%}
.mv__contents hr { margin: 0; }
section.index-sec{ padding:128px 0 140px;}
.index-topics {color:#293545; background: white;}
.index-topics .inr { padding: 90px 0 110px; max-width: 1200px}
.index-topics__title { margin-bottom: 43px; font-size: 59px; font-weight: 400; line-height: 1; text-align: center;}
.index-topics__list { max-height: 400px; overflow-y: auto; border-top: dotted 1px #808080;  border-bottom: dotted 1px #808080;  flex: 1;}
.index-topics__item dl { display: flex; padding: 20px 0 20px 14px; border-top: dotted 1px #808080; padding-right: 0px; }
.index-topics__item:first-child dl { border:none;}
.index-topics__item dt { font-size: 17.0px; font-weight: 300; min-width: 115px; padding-top: 0px; position: relative; top: 6px; letter-spacing: normal; line-height: 1; font-weight: 600;}
.index-topics__item dd { font-size: 15px; flex-grow: 2; flex-basis: auto; padding-bottom: 2px; position: relative; top: 0; letter-spacing: normal;}
.index-topics__item dd a { color: #293545; text-decoration: underline;}
.index-topics__item dd a:hover {text-decoration: none;} 
.sup { display:inline-block; position: relative;}
.sup sup { position: absolute; left: 0; right: 0; top: -1em; font-size: 14px; text-align: center;}
.sup._s sup { font-size: 8px; top: -0.6em;}
.page-index .slidearea { margin: 0px auto 0; box-shadow:0px 1px 3px rgba(0,0,3,0.15); transition: all ease 1.5s}
.page-index .slidearea-slide  { color: white; text-align: center; padding: 0px 0; width: 100%; margin: auto;}
.page-index .slidearea-slide ul { width: 100%}
.page-index .slidearea-slide li { padding: 0px;}

.mainvisual { display: ;}
.index-detail { text-align: center; padding: 120px 0 180px; background: rgba(0,0,0,.1)}
.index-detail .inr {}
.index-detail .lead { font-size: 40px; font-weight: 600; letter-spacing: -0.02em;line-height: 1.25; color: white; text-align: center;}
.index-detail ul { display: flex; max-width: 1200px; margin-top: 64px; margin-left: auto; margin-right: auto; border-radius: 10px; overflow: hidden; filter:drop-shadow(0px 1px 3px rgba(6,32,56,0.15));}
.index-detail li { width: 50%; background: red; color: white; background: #e0223e}
.index-detail li._furano { background: #0262c2; margin-left: 3px;}
.index-detail li a { color:white; display: block;}
.index-detail li .top { display: flex; flex-flow: column; height: 210px; align-items: center; justify-content: center;}
.index-detail li .place {font-size: 31px; font-weight: 700; line-height: 1; padding-top: 7px;}
.index-detail li .day {font-size: 58px; font-weight: 900; line-height: 1; padding: 11px 0 3px; margin-left: 18px; }
.index-detail li .day small {font-size: 22px; font-weight: 800; position: relative; top: 0; margin-left: -.3em;}
.index-detail li .time {font-size: 19px; font-weight: 500; letter-spacing: 0.02em;}
.index-detail li .hall { background: white; font-size: 23px; font-weight: 800; letter-spacing: normal; line-height: 1; display: flex; justify-content: center; align-items: center; height: 67px; color: #262a30; padding-bottom: 1.5px;}
.index-detail li .hall._s {}




@media screen and (max-width:1300px){
	.index-topics__item dl { padding: 20px 0 17px 11px; }
}
@media screen and (max-width:768px){
	.mainvisual { padding:80px 0 80px; }
	.page-index .header { margin-top: 0; position: absolute; height: 0}
	.page-index .header__logo { display:none;}
	.page-index .gnav { background:transparent; top: 0; width: auto; height: auto; border-radius: 0px;}
	.page-index .gnav__item { margin-left: auto; margin-right: auto;}
	.page-index .gnav__item a { padding-top: 0; font-weight: 600;}
	.mainvisual ._inr { background: none; width: 70%}
	.mv__title { height:auto; opacity: 1;}
	.mv__contents {  padding: 0px 0 0px; margin-top: 0;background: linear-gradient(180deg, rgba(25, 33, 41, 0.4));}
	.mv__contents .index-lead { padding:38px 0 42px;}
	.mv__contents .index-lead h4 { width: 85%; }
	.mv__contents .mv__text {margin-top: 32px; width: 85%}
	.index-topics .inr { padding: 50px 0 62px;}
	.index-topics__title { margin-bottom: 25px; font-size: 41px;}
	.index-topics__list { max-height: 240px; }
	.index-topics__item dl { padding: 15px 0 13px 8px; border-width: 0.5px; }
	.index-topics__item dt { font-size: 14px; min-width: 85px; top: 2px;}
	.index-topics__item dd { font-size: 12.5px; }
	.sup sup { font-size: 10px;}
	.sup._s sup { font-size: 6px; top: -0.5em;}
	.page-index .slidearea-slide  { width: 100%; }
	.page-index .slidearea-slide .title { width:295px; margin-bottom: 22px;}
	
	.index-detail {padding: 72px 0 78px;}
	.index-detail .lead { font-size: 26px;}
	.index-detail ul { margin-top: 38px;border-radius: 6px;}
	.index-detail li._furano { margin-left: 2px;} 
	.index-detail li .top { height: 135px;}
	.index-detail li .place {font-size: 20px; padding-top: 3px;}
	.index-detail li .day {font-size: 39px;  padding: 5px 0 1px; margin-left: 7px; }
	.index-detail li .day small {font-size: 15px; }
	.index-detail li .time {font-size: 14px;}
	.index-detail li .hall { font-size: 16px; height: 42px;}

}
@media screen and (max-width:480px){
	.mainvisual { padding:39px 0 38px; }
	.mainvisual ._inr { background: none; width: 80%}
	.page-index .header { margin-top: 0; position: absolute; height: 0}
	.page-index .header__logo { display:none;}
	.page-index .gnav { background:transparent; top: 0; width: auto; height: auto; border-radius: 0px;}
	.page-index .gnav__item { margin-left: auto; margin-right: auto;}
	.page-index .gnav__item a { padding-top: 0; font-weight: 600;}
	.mainvisual ._inr { background: none; width:80%}
	.mv__title { height:auto; opacity: 1;}
	.mv__contents {  padding: 0px 0 0px; margin-top: 0;background: linear-gradient(180deg, rgba(25, 33, 41, 0.4));}
	.mv__contents .index-lead { padding:38px 0 42px;}
	.mv__contents .index-lead h4 { width: 85%; }
	.mv__contents .mv__text {margin-top: 32px; width: 85%}
	
	.mv__contents { padding: 0px }
	.mv__contents .index-lead { padding:20px 0 18px; }
	.mv__contents .index-lead h4 { width: 90%; }
	.mv__contents .mv__text {margin-top: 18px; width: 90%}
	.index-topics { padding:0;}
	.index-topics .inr { padding: 38px 0 44px;}
	.index-topics__title { margin-bottom: 18px; font-size: 36px;}
	.index-topics__list { max-height:280px; }
	.index-topics__item dl { padding: 11px 0 9px 5px; padding-right: 0; flex-flow: column;}
	.index-topics__item dt { font-size: 14.5px; min-width: 90px; line-height: 1; padding-top: 0px;}
	.index-topics__item dd { font-size: 12px; margin-top: 9px; line-height: 1.44 }
	.sup sup { font-size: 8px;}
	.sup._s sup { font-size: 5px; top: -0.4em;}
	.page-index .slidearea-slide .title { width:250px; margin-bottom: 17px;}
	
	.index-detail {padding:42px 0 55px;}
	.index-detail .lead { font-size: 18px; line-height: 1.2; font-weight: 600; letter-spacing: -0.05em}
	.index-detail ul { margin-top: 24px;border-radius:4px;}
	.index-detail li._furano { margin-left: 2px;} 
	.index-detail li .top { height: 95px;}
	.index-detail li .place {font-size: 15px; padding-top: 3px;}
	.index-detail li .day {font-size: 27px;  padding: 4px 0 1px; margin-left: 10px; }
	.index-detail li .day small {font-size: 11px; }
	.index-detail li .time {font-size: 11px;}
	.index-detail li .hall { font-size: 11.5px; height: 28px;}
}


/* outline */
.page-outline .main__inr {}
.page-outline .contents{max-width: 1200px;}
.outline { border-bottom: none; border-right: none; width: 100%; }
.outline-th { font-size: 16.5px; width: 220px; vertical-align: middle; letter-spacing: 0.03em; border-bottom: solid 1px #999; line-height: 1.45}
.outline-th._s { font-size: 15px; }
.outline-th h3 { font-weight: 700; line-height: 1.3; display: inline-block}
.outline-th small { font-size: 10px; display: block; line-height: 1.5; font-weight: 500; margin-top: 2px}
.outline-th .label { display:inline-block; font-size: 74%; line-height: 1; padding:4px 9px 5px; font-weight: 800; margin-top: 5px;}
.outline-td { padding: 25px 16px; padding-right: 0!important;  border-bottom: solid 1px  #d9d9d9; border-top: none; border-left: none; font-size: 14px; font-weight:400; letter-spacing: 0.02em;}
.outline tr:first-child th {border-top: solid 1px #999;}
.outline tr:first-child td {border-top: solid 1px  #d9d9d9}
.schedule { margin-top: 22px; margin-bottom: 4px; padding:0px;border-radius: 0; max-width: 700px;}
._kyoto .schedule { width:170px;}
.schedule_text { font-size: 13px; font-weight: 500;}
.schedule_text i { font-style:normal; font-size: 11px; margin-right: 2px; display: inline-block}
.map {background: rgba(0,0,0,.04); height:280px;}
.map iframe { width: 100%; height: 100%;}
.map-link { text-align:right; }
.map-link i { position: relative; top: 2px; margin-right: 3px}

.pricelist { width: calc(100%); display: flex; text-align: center;}
.pricelist dl { width: 25%; filter:drop-shadow(0px 1px 1.5px rgba(6,32,56,0.08)); }
._furano .pricelist dl { width: 50%; }
.pricelist dl dt { color: #fff; background: #d10046; font-size: 18px; line-height: 39px; font-weight: 800;}
.pricelist dl dt._s {font-size: 16.5px;}
.pricelist dl:nth-child(n + 2) { margin-left: 3px; }
.pricelist .title small { font-size:11px; font-weight: 500; margin-left: 4px;}
.pricelist dl dd { font-size: 24px; height: 58px; display: flex; justify-content: center; align-items: center; line-height: 1; font-weight: 800; padding-bottom: 3px; letter-spacing: normal; background: white;}
.pricelist dl dd small { margin-right: -2.4em;}

.access {margin-top: 26px;}
.access-title { font-size: 15px; font-weight: 800; line-height: 1; margin-left: -0.5em}
.access ul { margin-top: 15px; }
.access li.head { font-weight: 700; font-size: 14.5px; margin-bottom: 8px; line-height: 1}
.access li { font-size: 13px; line-height: 1.6;}
.info-sell { font-weight: 700; font-size: 19px; line-height: 1.4}
.info-sell:nth-child(n + 2) { margin-top: 5px;}
.info-sell .label { width: 83px; position: relative; display: inline-block; top: -1px; margin-right: 0.5em;}

.ticket-toptext { margin-bottom: 1em; letter-spacing: normal;}
.ticket__itame._first { margin-top: 0; border: none; padding-top: 0;}
.ticket__itame:last-child {  padding-bottom: 0;}
.ticket__itame { position: relative; padding: 18px 0px 19px; border-top: solid 1px #d9d9d9}
.ticket__itame .name { font-size: 17px; line-height: 1; font-weight: 800; letter-spacing: normal;}
.ticket__itame .t-label { display:inline-block; width: 47px; height: 16px; position: relative; top: 3px; margin-right: 0.45em;background-size: auto 100%!important;}
.ticket__itame .t-label._web { background: url("../img/icon_web.png") no-repeat center; }
.ticket__itame .t-label._tell { background: url("../img/icon_tell.png") no-repeat center;}
.ticket__itame p { padding-top:7.5px}
.ticket__itame .url { line-height: 1; padding-top:9px}
.ticket__itame .url a { color: #0262c2; font-weight: 400; display: inline-block;font-size:}
a.textlink { color: #0262c2; text-decoration: underline;}
a.textlink:hover { text-decoration: none;}
.ticket__itame .url a:hover { text-decoration: underline;}
.outline .tel { font-size: 20px; font-weight: 800; line-height: 0; top: 1px; position: relative; letter-spacing: normal;}
.outline .tel .text_s { font-weight: 400; top: -4px; margin-left: 2px;}
.ticket__itame .text { font-weight: 500;}
.ticket__itame .text { margin-top: 10px; font-size: 15px;}
.ticket__itame._label { margin-top: 0;}
.ticket-list .label {font-weight:800; font-size: 16px; padding: 8px 11px; line-height: 1.3; margin-bottom:0px; letter-spacing: normal; position: relative; z-index: 1}
.text_ll { font-size: 19px; font-weight: 700; line-height: 1.4;}
.text_l { font-size: 18px; font-weight: 700; line-height: 1.45;}
.text_m { font-size: 16px; font-weight: 400;}
.text_s { font-size: 12px; position: relative; line-height: 1.6; font-weight: 400;}
.text_ss { font-size: 10px; line-height: 1.6; font-weight: 400;}
.note { opacity:0.7; text-align: left;}
._red { color:#cb0a29;}
.textlink { text-decoration: underline; color: #011525}
.textlink:hover { text-decoration: none; }
.textlink._blue {  color: #25b5df; font-weight: 500;}
.mt_ss { margin-top:5px;}
.mt_s { margin-top:8px;}
.mt_s { margin-top:12px;}
.mt_m { margin-top:15px;}
.mt_l { margin-top:22px;}
.mt_ll { margin-top:26px;}
.ib { display:inline-block;}

.areanav { display: flex; width: 100%; margin-bottom: 0px; border-radius: 0px; overflow: hidden;}
.areanav__item { width: 50%; text-align: center; background: #2e2e2e;}
.areanav__item a { display: flex; justify-content: center; flex-flow: column; font-size: 30px; font-weight: 700; height: 100px; letter-spacing: normal; color: #fff; width: 100%; position: relative; padding-bottom: 2px; line-height: 1; }
.areanav__item a:after { position: absolute; content: ""; width: 15px; height: 12px; background: url("../img/arw_down.png") no-repeat center bottom; background-size: 100% auto; margin: auto; left: 0; right: 0; bottom: 14px;}
.areanav__item a:hover,
.areanav__item.current a { background:#e0223e; border-bottom-color:#e0223e; }

.areanav__item:nth-child(2) a:hover,
.areanav__item:nth-child(2).current a { background:#0262c2; border-bottom-color:#0262c2; }

.areanav__item.current a { pointer-events:none}
.attention li,.ls-list { text-indent:-1em; padding-left: 1em; letter-spacing: normal;}
.outline-toplink { position:absolute; right: 12px; top: 13px; font-size: 13px; color: #011525; font-weight: 500}
.ic_arw { width: 10px; height: 10px; margin-left: 3px; display: inline-block; background-size: auto 100%; background-image: url("../img/ic_arw.png") ; background-repeat: no-repeat; position: relative; top: 0px;}
.ticket-label { background:#e0406e; color: white; font-size: 12px; padding: 0 9px; line-height: 21px; display: inline-block; position: relative; top: -3px; margin-right: 0.8em;}
.attention-title { font-size: 13px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1}
.list-span span { display: inline-block}
.attention li { font-size: 92%; font-weight: 400; line-height: 1.55 }

@media screen and (max-width:768px){
	.page-outline .main__inr { padding: 36px 36px 40px;}
	.outline-th { font-size: 13px; width: 120px; letter-spacing: 0.02em}
	.outline-th._s { font-size: 14px; }
	.outline-th small { font-size: 9px; margin-top: 1px; }
	.outline-th .label { padding:4px 9px 5px; margin-top: 5px;}
	.outline-td { padding: 17px 10px; line-height: 1.55; font-size: 12.5px;}
	.schedule { margin-top: 20px; margin-bottom: 3px; padding:0; max-width: 680px;}
    ._kyoto .schedule { width:160px;}
    .schedule_text { font-size: 12px; }
    .schedule_text i { font-size: 10px; margin-right: 2px; }
	.map { height: 220px;}
	
	.pricelist dl dt {font-size: 14.5px; line-height: 28px;}
	.pricelist dl dt._s {font-size: 13.5px;}
	.pricelist dl:nth-child(n + 2) { margin-left: 2px; }
	.pricelist .title small { font-size:10px; margin-left: 4px;}
	.pricelist dl dd { font-size: 18px; height: 40px; padding-bottom: 2px; }

	.access {margin-top: 20px;}
	.access-title { font-size: 13px;}
	.access ul { margin-top: 12px; }
	.access li.head { font-size: 13px; margin-bottom: 5px;}
	.access li { font-size: 12px; }
	.info-sell {font-size: 16px; line-height: 1.35 }
	.info-sell:nth-child(n + 2) { margin-top: 3px;}
	.info-sell .label { width: 66px;}

	.ticket__itame {  padding: 13px 0px 14px;}
	.ticket__itame .name { font-size: 14px; }
	.ticket__itame .t-label {  width: 39px; height: 15px; top: 2.5px;}
	.ticket__itame p { padding-top:6.5px}
	.ticket__itame .url { padding:6px 0 0px}
	.ticket__itame .url .text_s { top: -1px; }
	.ticket__itame .text { font-size: 13px; margin-top: 10px;}
	.ticket__itame .text_s { font-size:9px;}
	.ticket-list .label { font-size: 15px;  }
	.outline .tel { font-size: 17px; top: 0.5px; }
	.outline .tel .text_s { top: -3px; margin-left: 2px;}
	.text_ll { font-size: 15px; line-height: 1.4;}
	.text_l { font-size: 14.5px; line-height: 1.45;}
	.text_m { font-size: 13px; }
	.text_s { font-size: 11px; }
	.text_ss { font-size: 9px; }
	.mt_ss { margin-top:4px;}
	.mt_s { margin-top:8px;}
	.mt_m { margin-top:13px;}
	.mt_l { margin-top:18px;}
	.mt_ll { margin-top:24px;}　
	.areanav__item {  font-size: 35px; }
	.areanav__item a { font-size: 22px; height: 70px; }
	.areanav__item a:after { width: 11px; height: 7px; bottom: 8px;}
	.price-second { margin-top:6px;}
}
@media screen and (max-width:480px){
	.page-outline .main__inr { padding:0px;}
	.outline tr:first-child th {border-top: solid 1px #555;}
	.outline { border-top: none; border-bottom: solid 1px rgba(26,40,51,.12);}
	.outline-th { font-size: 13px; padding:5px 0 6px; display: block; width: 100%; border: none; background: #2e2e2e; color: white;}
	.outline-th h3 { font-weight: 800;}
	.outline-th small { font-size: 8px; display: inline-block;}
	.outline-th br { display:none;}
	.outline-th .label { padding:3px 7px 4px; margin-top: 0px; position: relative; top: -1px; margin-left: 7px;}
	.outline-td { padding: 11px 11px 11px!important; line-height: 1.5; font-size: 12px; display: block; width: 100%; border: solid 1px rgba(26,40,51,.12); border-top: none; border-bottom: none;}
	.schedule { margin-top: 14px; margin-bottom: 2px; padding:0; border-radius: 0;}
    ._kyoto .schedule { width:130px;}
    .schedule_text { font-size: 10px; }
    .schedule_text i { font-size: 9px; margin-right: 2px; }
	.map { height: 190px;}
	
	.pricelist dl dt {font-size: 12.5px; line-height: 23px;}
	.pricelist dl dt._s {font-size: 11.5px;}
	.pricelist dl:nth-child(n + 2) { margin-left: 1px; }
	.pricelist .title small { font-size:10px; margin-left: 4px;}
	.pricelist dl dd { font-size: 16px; height: 33px; padding-bottom: 1px; }
	
	.access {margin-top: 18px;}
	.access-title { font-size: 13px;}
	.access ul { margin-top: 12px; }
	.access li.head { font-size: 12.5px; margin-bottom: 4px;}
	.access li { font-size: 10.5px; line-height: 1.5 }
	
	.info-sell {font-size: 15px; line-height: 1.3 }
	.info-sell:nth-child(n + 2) { margin-top: 3px;}
	.info-sell .label { width: 62px; margin-right: 8px;}
	
	.ticket-toptext { margin-bottom: 12px;} 
	.ticket__itame { margin-top:0px; padding: 10px 0px 11px;}
	.ticket__itame:last-child {  padding-bottom: 11px;}
	.areanav__item a { padding-top: 0px;}
	.ticket__itame .name { font-size: 13.5px; }
	.ticket__itame .t-label {  width: 35px; height: 13px; top: 2.0px; margin-right:6px;}
	.ticket__itame p { padding-top:3px}
	.ticket__itame .url { font-size: 11.5px; padding-top:5px}
	.ticket__itame .url .text_s { margin-top: 5px;}
	.ticket__itame .text { font-size: 12.5px; margin-top: 9px;}
	.ticket-list .label { font-size: 13px; padding: 6px 9px;}
	.outline .tel { font-size: 16px; line-height: 1.25; top: 0.5px;}
	.outline .tel .text_s { }
	.text_ll { font-size: 14.5px; line-height: 1.35;}
	.text_l { font-size: 14px; line-height: 1.35;}
	.text_m { font-size: 13px; }
	.text_s { font-size: 9px; }
	.text_ss { font-size: 9px; }
	.mt_ss { margin-top:4px;}
	.mt_s { margin-top:4px;}
	.mt_m { margin-top:10px;}
	.mt_l { margin-top:14px;}
	.mt_ll { margin-top:18px;}
	._4box .pricelist { width: calc(25% - 1.5px);}
	._4box .pricelist .title { font-size: 11px; line-height: 26px; }
	._4box .pricelist .price { font-size: 15px; padding: 10px 0 11px;}
	.areanav { padding:0;width: calc(100% - 12px); margin: auto; margin-bottom: 0px; }
	.areanav__item { line-height: 42px; font-size: 25px; }
	.areanav__item a { font-size: 16px; height: 48px; padding-top: 0px;} 
	.areanav__item a:after { width: 7.5px; height: 6px; bottom: 6px;}
	.outline-toplink { right: 8px; top: 11px; font-size: 10px; } 
	.ic_arw { width: 8px; height: 8px; margin-left: 2px; }　
    .attention-title { font-size: 11px; text-align: left; margin-bottom: 9px; }
	.price-title { font-size: 15px; margin-right: 00.5em; top: -1px;}
	.price-second { margin-top:1px;}
	.attention li { line-height: 1.45;}
}


/*ticketinfo*/
.ticketinfo { position: fixed; bottom: 0px; left:-10px; z-index: 5000; -webkit-transition:all .8s; transition:all .8s; opacity: 0; -webkit-transition-delay: .6s; transition-delay: 0.6s;z-index:2000;filter:drop-shadow(0px -1px 2px rgba(6,32,56,0.15)); }
.ticketinfo._view { opacity: 1; left: 0; -webkit-transition:all .8s; transition:all .8s;}
.ticketinfo-inr { position: relative; z-index: 10;}
.ticketinfo-btn {  padding-left: 00px;}
.ticketinfo-btn a { min-width: 440px; height: 52px; display: flex; align-items: center; position: relative; color: white; font-weight: 800; background: #e0223e;  align-items: center; justify-content: flex-start; font-size: 18px; line-height: 1.6; padding-left: 13px; letter-spacing: normal;}
.ticketinfo-btn:nth-child(2) a {background: #0262c2;}
.ticketinfo-btn span { line-height: 1; font-size: 16px; font-weight: 800; margin-bottom: 0px; margin-top: 1px; padding-right: 0.5em}
.ticketinfo-btn small { line-height: 1; font-size: 12.5px; font-weight: 700; margin-bottom: 0px; margin-top: 2px;}
.ticketinfo-btn a i { width: 6.5px; display: inline-block; height: 100%; background: white; background-size: 100% auto!important; background: url("../img/arw_white.png") no-repeat center; position: absolute; top: 0px; bottom: 0; right: 10px; }
.ticketinfo-close {vertical-align: top; position: absolute; left: 3px; top: -26px; z-index: 1; width: 32px; cursor: pointer; filter: drop-shadow(0px 0.5px 2px rgba(0,0,0,.1));}

@media screen and (max-width:1300px){
	/*.ticketinfo-btn a { min-width: 370px; height: 67px; font-size: 20px; }
	.ticketinfo-close { width: 33px;}
	.ticketinfo-btn a i { width: 10px; right: 9px;}
	.ticketinfo-btn .small { font-size: 13px; margin-bottom: 4px;}*/
}
@media screen and (max-width:768px){
	.ticketinfo { left:-15px; bottom: 0}
	.ticketinfo._view { bottom: 0px;}
	.ticketinfo-btn a { min-width: 390px; height: 44px; font-size:16px; padding-left: 11px; letter-spacing: normal;}
	.ticketinfo-btn span { font-size: 14.0px;}
	.ticketinfo-btn small { font-size: 11px; margin-top: 1px;}
	.ticketinfo-btn a i {width: 6px; right: 10px;}
	.ticketinfo-close { width: 30px; left: 3px; top: -25px;}
	.ticketinfo-btn .small { font-size: 11px; margin-bottom: 3px;}
}
@media screen and (max-width:480px){
	.ticketinfo { left:-10px; }
	.ticketinfo-btn a { min-width: auto; width: 330px; height: 37px; font-size: 14.0px; padding: 0 0 0 8px;}
	.ticketinfo-close { width: 28px; top: -21px; left: 3px;}
	.ticketinfo-btn span { font-size: 12px;}
	.ticketinfo-btn small { font-size: 10px; margin-top: 1px;}
	.ticketinfo-btn a i { width: 5.5px; right: 8px; }
	.ticketinfo-btn .small { font-size: 10px; margin-bottom: 2px;}
}



/*  */
.swiper-container { overflow:hidden;}
.swiper-slide-visible { opacity: 0.5; cursor: pointer}
.swiper-slide-visible.swiper-slide-thumb-active { opacity: 1}
body .swiper-button-next,body .swiper-button-prev { color: transparent!important; opacity: 1; width: 27px; height: 200px; top: 25.2%; padding: 0px; background-size: 100% auto!important; background-position: center!important; opacity: 1;}
body .swiper-button-next:hover,body .swiper-button-prev:hover { opacity: 1;}
/*body .swiper-button-next { background: url("../img/slide-arw_r.png") no-repeat; right: -54px!important}
body .swiper-button-prev { background: url("../img/slide-arw_l.png") no-repeat; left: -54px!important}*/
.swiper-wrapper { transition-timing-function: linear;}



.fadein { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: .1s; transition-delay: .1s;}
._d1 { -webkit-transition-delay: .2s; transition-delay: .2s;}
._d2 { -webkit-transition-delay: .3s; transition-delay: .3s;}
._d3 { -webkit-transition-delay: .4s; transition-delay: .4s;}
.fadein._d { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px);}
.fadein.scrollin { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }
.fadein._p { transform-origin: bottom center; transform: scale(0.95,0.95); top: 0px; position: relative;}
.fadein._p.scrollin { transform: scale(1,1); top: 0;}
.action { opacity: 0}
.action.scrollin { opacity: 1}
@media screen and (max-width:768px){
    .fadein { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);}
}
@media screen and (max-width:480px){
    .fadein { opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);}
}


@media print{.noprint, .cast img { display: none;}}