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


/*--------------------------------------------ScheMenu*/
.ScheMenu{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.ScheMenu ul{
    flex-wrap: wrap;
}
.ScheMenu li{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
}
.selectbox{
    display: block;
}

/*--------------------------------------------------------------------------------------*/
/*-------------------------------公演スケジュールTOP用---------------------------------*/
/*--------------------------------------------------------------------------------------*/

/*--------------------------------------------theater*/
#theater{}
#theater .theaterIn{
    padding: 25px 0;
}
#theater .theaterIn:nth-child(odd){}
#theater .Inner{
    width: 90%;
    margin: 0 auto;
    display: block;
}
#theater .Inner .Area{
    width: 100%;
    flex-direction: inherit;
    align-items: center;
    margin-bottom: 15px;
}
#theater .Inner .Area .icon{
    margin: 0;
    padding-bottom: 0;
}
#theater .Inner .Area dl{
    display: flex;
    align-items: center;
}
#theater .Inner .Area dt{
    padding: 0 10px;
}
#theater .Inner .Area dd{}
#theater .Inner .EntryWrap{
    flex-wrap: wrap;
    justify-content: space-between;
}
#theater .Inner .Entry{
    width: 42%;
    margin: 0;
    border: 1px solid #d8d8d8;
    margin-bottom: 12px;
}
#theater .Inner .Entry.haslink{}
#theater .Inner .Entry .photo{}
#theater .Inner .Entry dl{}
#theater .Inner .Entry dt{}
#theater .Inner .Entry dd{}
#theater .Inner .Entry dt a{}
#theater .Inner .Entry dt a:after{}
#theater .Inner .Entry.haslink:hover{}
#theater .Inner .Entry.haslink:hover .photo{}
#theater .Inner .Entry.haslink:hover dt a{}

/*----------------------------Attention*/
#Attention{
    width: 90%;
    padding: 15px;
}
#Attention .Entry{}
#Attention .Entry + .Entry{}
#Attention .Entry h3{
    font-size: 16px;
}
#Attention .Entry ul{}
#Attention .Entry li{}
#Attention .Entry li:before{}
#Attention .Entry li + li{}

/*--------------------------------------------------------------------------------------*/
/*-------------------------------公演スケジュール下層用---------------------------------*/
/*--------------------------------------------------------------------------------------*/

/*---------------------------------------------------------contentWrapper*/
#ScheLower .contentWrapper{}
.ScheMenuWrap{
	padding: 10px;
	display: block;
	margin-bottom: 30px;
}
.ScheMenuWrap .title{
	padding: 0;
	font-size: 15px;
	text-align: center;
	padding-bottom: 10px;
}
.ScheMenuWrap .ScheMenu{}


/*--------------------------------dayIcon*/
#ScheLower .dayIcon{
	width: 65px;
	height: 55px;
}
#ScheLower .dayIcon span{
	font-size: 12px;
}
#ScheLower .dayIcon span + span{
	font-size: 17px;
}
#ScheLower .dayIcon span + span em{
	font-size: 15px;
}
#ScheLower .concert .dayIcon{}
#ScheLower .opera .dayIcon{}
#ScheLower .ballet .dayIcon{}
#ScheLower .operetta .dayIcon{}
#ScheLower .musical .dayIcon{}

/*---------------------------------------------------------MainTitle*/
.MainTitle{
	width: 90%;
	display: block;
	margin-bottom: 30px;
}
.MainTitle .title{}
.MainTitle .title .name{
	width: auto;
	margin-bottom: 10px;
}
.MainTitle .title .name dt{
	line-height: 0;
}
.MainTitle .title .name dt img{
}
.MainTitle .title .name dd{
	font-size: 16px;
}
.MainTitle .title .name dd + dd{
	font-size: 11px;
	margin-right: 0;
}
.MainTitle .title h1{
	font-size: 23px;
	width: auto;
}
.MainTitle .title h1 span{}
.MainTitle .title .txt{
	width: auto;
	margin-bottom: 20px;
}
.MainTitle .photo{}
.MainTitle .photo .caption{}

/*-----------------------------TicketIntro*/
#TicketIntro{
	width: 90%;
	margin-bottom: 30px;
}
#TicketIntro:before{}
#TicketIntro dl.Title{}
#TicketIntro .Title dt{
	font-size: 14px;
	padding: 10px 10px;
}
#TicketIntro .Title dd{
	padding: 0 15px;
}
#TicketIntro .Title dd strong{}
#TicketIntro .Title dd ul{}
#TicketIntro .Title dd li{
	font-size: 13px;
}
#TicketIntro .Title dd li:before{}
#TicketIntro .Title dd li + li{}
#TicketIntro .Sample{
	margin: 0 15px;
	padding: 10px;
}
#TicketIntro .Sample dl{}
#TicketIntro .Sample dt{
	flex-wrap: wrap;
	font-size: 13px;
	align-items: baseline;
	margin-bottom: 5px;
}
#TicketIntro .Sample dt span{
	margin-right: 0;
	margin-bottom: 4px;
}
#TicketIntro .Sample dt strong{
}
#TicketIntro .Sample dd{}
#TicketIntro .Sample dd ul{}
#TicketIntro .Sample dd li{}
#TicketIntro .Sample dd li:before{}
#TicketIntro .Sample dd li + li{
	padding-top: 5px;
}
#TicketIntro .btn{
	margin: 0 15px;
	margin-top: 20px;
}
#TicketIntro .btn a{
	padding: 13px 30px;
	font-size: 13px;
	font-weight: normal;
	display: block;
}
#TicketIntro .btn a:hover{}
#TicketIntro .btn a:after{}

/*---------------------------------------Recom*/
#Recom{
	padding: 20px 0;
	margin-bottom: 30px;
}
#Recom h2{
	width: 90%;
	margin: 0 auto;
	flex-wrap: wrap;
	font-size: 18px;
	margin-bottom: 20px;
}
#Recom h2 span{}
#Recom h2:before,#Recom h2:after{
	content: none;
}
#Recom .Inner{
	width: 90%;
	margin: 0 auto;
}
#Recom .Inner .Box{}
#Recom .Inner .Box .Intro{
	padding-left: 80px;
	display: block;
	margin-bottom: 14px;
}
#Recom .Inner .Box .Intro .Title{
	margin-right: 0;
	margin-bottom: 6px;
}
#Recom .Inner .Box .Intro .Title dt{
	margin-bottom: 5px;
}
#Recom .Inner .Box .Intro .Title dd{
	font-size: 18px;
}
#Recom .Inner .Box .Intro .Title dd span{}
#Recom .Inner .Box .Intro .data{display: block;}
#Recom .Inner .Box .Intro .data dl{}
#Recom .Inner .Box .Intro .data dl + dl{
	margin-left: 0;
}
#Recom .Inner .Box .Intro .data dt{}
#Recom .Inner .Box .Intro .data dd{}
#Recom .Inner .Box .Tour{}
#Recom .Inner .Box .Tour .MainTitle{
	font-size: 13px;
	line-height: 1.4;
}
#Recom .Inner .Box .Tour .MainTitle br{
	display: block;
}
#Recom .Inner .Box.concert{}
#Recom .Inner .Box.opera{}
#Recom .Inner .Box.ballet{}
#Recom .Inner .Box.operetta{}
#Recom .Inner .Box.musical{}
#Recom .Inner .Box.concert .Intro .Title dt{}
#Recom .Inner .Box.opera .Intro .Title dt{}
#Recom .Inner .Box.ballet .Intro .Title dt{}
#Recom .Inner .Box.operetta .Intro .Title dt{}
#Recom .Inner .Box.musical .Intro .Title dt{}
#Recom .Inner .Box.concert .Intro .data dt{}
#Recom .Inner .Box.opera .Intro .data dt{}
#Recom .Inner .Box.ballet .Intro .data dt{}
#Recom .Inner .Box.operetta .Intro .data dt{}
#Recom .Inner .Box.musical .Intro .data dt{}


#Recom .Inner .Box .TicketBox{}
#Recom .Inner .Box .Entry + .TicketBox{}
#Recom .Inner .Box .Entry + .TicketBox:before{}
#Recom .Inner .Box .TicketBox .Entry{}
#Recom .Inner .Box .TicketBox .Entry .photo{
	margin-bottom: 10px;
}
#Recom .Inner .Box .TicketBox .Entry .photo .img{}
#Recom .Inner .Box .TicketBox .Entry .photo .img img{}
#Recom .Inner .Box .TicketBox .Entry .photo .caption{}
#Recom .Inner .Box .TicketBox .Entry .main{}
#Recom .Inner .Box .TicketBox .Entry .main h4{}
#Recom .Inner .Box .TicketBox .Entry .main .sub{}
#Recom .Inner .Box .TicketBox .Entry .main .price{
	text-align: center;
}
#Recom .Inner .Box .TicketBox .Entry .main .price dt{}
#Recom .Inner .Box .TicketBox .Entry .main .price dt span{}
#Recom .Inner .Box .TicketBox .Entry .main .price dd{}

/*----------------------------------------------ScheSearch*/
#ScheSearch{
	width: 90%;
	padding: 13px 0;
}
#ScheSearch h2{
	font-size: 16px;
	margin-top: 0;
	width: auto;
	text-align: center;
	padding: 0;
	margin-bottom: 10px;
}
#ScheSearch form{}
#ScheSearch .Entry{
	width: 100%;
	flex-wrap: wrap;
	padding-bottom: 2px;
}
#ScheSearch .Entry + .Entry{}
#ScheSearch .Entry dt{
	width: 100%;
	padding-bottom: 3px;
	padding-left: 1px;
}
#ScheSearch .checkPickup {
	padding-bottom: 7px;
}
#ScheSearch .Entry dd{
	width: 100%;
}
#ScheSearch .Entry dd.checkGenre{
	flex: 1;
	padding-top: 0;
	padding-bottom: 0;
}
#ScheSearch .Entry dd ul{
	flex-wrap: wrap;
	justify-content: space-between;
}
#ScheSearch .Entry dd li{margin-left: 0;margin-right: 0;width: 49%;margin-bottom: 5px;}
#ScheSearch .Entry dd li + li{}
#ScheSearch .btnArea{}
#ScheSearch .btnArea ul{}
#ScheSearch .btnArea li{}
#ScheSearch .btnArea li + li{}
#ScheSearch .btnArea button{
	padding: 12px 30px;
	font-size: 14px;
}
#ScheSearch .btnArea li + li a{
	font-size: 13px;
}
#ScheSearch .btnArea li + li a:hover{}

/*----------------------------------ScheSearchData*/
.ScheSearchData{
	width: 90%;
	margin-bottom: 30px;
}
.ScheSearchData .NmList{
	display: block;
}
.ScheSearchData .NmList .NmListTotal{
	text-align: center;
	margin-bottom: 14px;
}
.ScheSearchData .NmList .itemStatus{}
.ScheSearchData .NmList .itemSTotal,.ScheSearchData .NmList .itemSMin,.ScheSearchData .NmList .itemSMax{}
.ScheSearchData .NmList .itemNavi{}
.ScheSearchData .NmList .itemNaviLower{}
.ScheSearchData .NmList .itemNavi ul{
	justify-content: center;
}
.ScheSearchData .NmList .itemNavi li{
	margin: 0 2px;
}
.ScheSearchData .NmList .itemNavi li a{
	font-size: 12px;
}
.ScheSearchData .NmList .itemNavi li span{
	padding: 0;
	padding-right: 4px;
}
.ScheSearchData .NmList .itemNavi li + li{}
.ScheSearchData .NmList .iNPrev,.ScheSearchData .NmList .iNNext{}
.ScheSearchData .NmList .iNPrev:hover,.ScheSearchData .NmList .iNNext:hover{}
.ScheSearchData .NmList .iNPrev:before,.ScheSearchData .NmList .iNNext:after{}
.ScheSearchData .NmList .iNPrev:before{}
.ScheSearchData .NmList .iNNext:after{}
.ScheSearchData .NmList .iNItemWrap{}
.ScheSearchData .NmList .iNItemWrap a{}
.ScheSearchData .NmList .iNItemWrap a.cur{}
.ScheSearchData .NmList .iNItemWrap a:hover{}

/*----------------------------------------ScheList*/
#ScheList{
	width: 90%;
	display: block;
}
#ScheList.column2{}
#ScheList.column3{}
#ScheList.column3:after{}
#ScheList .Entry{
	padding-left: 78px;
}
#ScheList.column2 .Entry{
	width: 100%;
	margin-bottom: 15px;
}
#ScheList.column3 .Entry{}
#ScheList .Entry.concert{}
#ScheList .Entry.opera{}
#ScheList .Entry.ballet{}
#ScheList .Entry.operetta{}
#ScheList .Entry.musical{}
#ScheList .Entry .icon{
	margin-bottom: 8px;
}
#ScheList .Entry .icon span{}
#ScheList .Entry .icon .pickup{}
#ScheList .Entry h2{
	font-size: 18px;
	padding-bottom: 6px;
}
#ScheList .Entry h2 span{}
#ScheList .Entry .data{}
#ScheList .Entry .data dl{}
#ScheList .Entry .data dl + dl{}
#ScheList .Entry .data dt{}
#ScheList .Entry .data dd{}
#ScheList .Entry .program{}
#ScheList .Entry .program .title{}
#ScheList .Entry .program dl{}
#ScheList .Entry .program dl + dl{}
#ScheList .Entry .program dt{}
#ScheList .Entry .program dd{}
#ScheList .Entry .program dd + dl{}
#ScheList .Entry .program .other{}
#ScheList .Entry .atte{}
#ScheList .Entry .btn{}
#ScheList .Entry .btn a{}
#ScheList .Entry .btn a:after{}
#ScheList .Entry .btn a:hover{}
#ScheList .Entry.concert .icon span,#ScheList .Entry.concert .btn a{}
#ScheList .Entry.opera .icon span,#ScheList .Entry.opera .btn a{}
#ScheList .Entry.ballet .icon span,#ScheList .Entry.ballet .btn a{}
#ScheList .Entry.operetta .icon span,#ScheList .Entry.operetta .btn a{}
#ScheList .Entry.musical .icon span,#ScheList .Entry.musical .btn a{}
#ScheList .Entry.concert .data dt{}
#ScheList .Entry.opera .data dt{}
#ScheList .Entry.ballet .data dt{}
#ScheList .Entry.operetta .data dt{}
#ScheList .Entry.musical .data dt{}
#ScheList .Search_None{}


/*------------------------------------------*/
.contest #Result{}
.contest #Result dl{}
.contest #Result dt{}
.contest #Result dd{}
.contest #Result dd ul{}
.contest #Result dd li{}
.contest #Result dd li:before{}
.contest #Result dd li:nth-of-type(1):before{}
.contest #Result dd li + li{}
.contest #Comment{}
.contest #Comment p{}
.contest #Comment p + p{}
.contest #Comment p.btn{}
.contest #Comment p.btn a{}
.contest #Comment p.btn a:hover{}
.contest #Comment p.btn a:after{}

/*------------------------------About*/
#ScheLower #About{background-image: url(../images/index/ordermade_bg_smp.jpg);padding: 40px 0;}
#ScheLower #About:before{content:"";background-color: rgb(0 0 0 / 50%);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#ScheLower #About h2{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
	position: relative;
}
#ScheLower #About h2 .main{
	font-size: 20px;
}
#ScheLower #About h2 .sub{}
#ScheLower #About .Inner{
	width: 90%;
	position: relative;
}
#ScheLower #About .Inner .photo{}
#ScheLower #About .Inner .photo img{}
#ScheLower #About .Inner .Main{}
#ScheLower #About .Inner .Main .txt{
	font-size: 13px;
}
#ScheLower #About .Inner .Main dl{
	width: auto;
	display: block;
	text-align: left;
}
#ScheLower #About .Inner .Main dl + dl{}
#ScheLower #About .Inner .Main dt{
	padding-right: 0;
	width: auto;
	font-size: 15px;
	text-align: left;
	padding-bottom: 2px;
}
#ScheLower #About .Inner .Main dt br{
	display: none;
}
#ScheLower #About .Inner .Main dt:after{}
#ScheLower #About .Inner .Main dd{
	font-size: 13px;
}
#ScheLower #About .Inner .Main .btn{
	margin-top: 20px;
}
#ScheLower #About .Inner .Main .btn a{
	padding: 15px;
	display: block;
}
#ScheLower #About .Inner .Main .btn a:hover{}
#ScheLower #About .Inner .Main .btn a:after{}

/*------------------------------Magazine*/
#ScheLower #Magazine{
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
}
#ScheLower #Magazine h2{}
#ScheLower #Magazine h2 .main{
	font-size: 20px;
}
#ScheLower #Magazine h2 .sub{}
#ScheLower #Magazine dl{
	width: 100%;
}
#ScheLower #Magazine dt{
	text-align: left;
	font-size: 14px;
	padding-bottom: 20px;
}
#ScheLower #Magazine dd{}
#ScheLower #Magazine dd a{
	display: block;
	padding: 14px 18px;
}
#ScheLower #Magazine dd a:hover{}
#ScheLower #Magazine dd a:after{}

/*-----------------------FAQ*/
#ScheLower #FAQ{
	padding: 35px 0;
}
#ScheLower #FAQ h2{}
#ScheLower #FAQ h2 .main{
	font-size: 20px;
}
#ScheLower #FAQ .Inner{
	width: 90%;
	margin: 0 auto;
}
#ScheLower #FAQ .Inner dl{
	width: 100%;
}
#ScheLower #FAQ .Inner dl + dl{
	margin-top: 15px;
	padding-top: 15px;
}
#ScheLower #FAQ .Inner dt{
	font-size: 15px;
}
#ScheLower #FAQ .Inner dd{}
#ScheLower #FAQ .Inner dd .btn{}
#ScheLower #FAQ .Inner dd .btn a{}
#ScheLower #FAQ .Inner dd .btn a:after{}
#ScheLower #FAQ .Inner dd .btn a:hover{}
#ScheLower #FAQ .Inner .icon{
	top: -2px;
}
#ScheLower #FAQ .Inner .icon:before{}
#ScheLower #FAQ .Inner dt .icon{}
#ScheLower #FAQ .Inner dd .icon{}
#ScheLower #FAQ .Inner dt .icon:before{}
#ScheLower #FAQ .Inner dd .icon:before{}
#ScheLower #FAQ .Inner .btn{}
#ScheLower #FAQ .Inner .btn a{
	padding: 18px 20px;
	display: block;
}
#ScheLower #FAQ .Inner .btn a:hover{}
#ScheLower #FAQ .Inner .btn a:after{}