/* koen_b.html/koen_a.html共通*/
.koenWrap {
    margin: 2px 0 0 0;
    padding: 20px;
    background: #fff;
}
#mainCon {
    width: 685px;
    text-align: left;
}
.koenSns {
    margin: 0 0 5px 0;
}
.koenSns img {
    margin: 0 4px 0 0;
}
.koenConHead {
    padding: 0 0 18px 0;
}
.koenConHead .koenTtl {
    padding: 6px 0 0 0;
    font-size: 1.667em;
}
/*----------------------------------------
	　2020/10/28/追加・変更
------------------------------------------*/
.sp-img-wrap {
    display: none;
}
.koen-info {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 15px;
    padding: 20px;
    font-size: 1.2em;
    line-height: 1.6;
    background: #ffcbaf;
    border-radius: 10px;
}
/*----------------------------------------
	　2020/10/28/追加・変更ここまで
------------------------------------------*/
.koenDay {
    padding: 11px 15px;
    background: #ebecdc;
    letter-spacing: 0.05em;
    -webkit-border-radius: 6px; /* Safari,Google Chrome用 */
    -moz-border-radius: 6px; /* Firefox用 */
    border-radius: 6px;
}
.koenDay .koenDayCon1 {
    font-size: 1.333em;
}
.koenPlace {
    padding: 14px 0 18px 0;
    font-size: 1.333em;
}
.koenPlace a {
    padding: 0 0 0 20px;
    background: url(../images/detail_btn.png) no-repeat center left;
}
.koenSec1 {
    padding: 13px 0;
    border-bottom: #871a1c 1px dotted;
}
.koenSec1 dt {
    width: 105px;
    padding: 3px 0 0 6px;
    font-size: 1.167em;
    background: #ebecdc;
}
.koenSec1 dd {
    padding: 3px 0 0 121px;
    font-size: 1.333em;
    line-height: 1.3em;
}
.koenSec1 dd .koenTableFontS {
    font-size: 0.88em;
}
.koenSec1End {
    padding: 13px 0;
    border-bottom: none;
}
.koenSec1End dt {
    width: 105px;
    padding: 3px 0 0 6px;
    font-size: 1.167em;
    background: #ebecdc;
}
.koenSec1End dd {
    padding: 3px 0 0 121px;
    font-size: 1.333em;
}
.koenSec1Table {
    padding: 0 38px 0 0;
}
.koenSec2 {
    margin: 74px 0 58px 0;
    padding: 12px 10px 13px 10px;
    background: #ecdedc;
    -webkit-border-radius: 6px; /* Safari,Google Chrome用 */
    -moz-border-radius: 6px; /* Firefox用 */
    border-radius: 6px;
}
.koenSec2 h6 {
    text-align: center;
    font-size: 1.167em;
}
.koenSec2 dl dt {
    font-size: 1.333em;
    padding: 0 0 15px 0;
}
.koenSec2 dl dd {
    font-size: 1.167em;
}
.toKoenTop {
    padding: 61px 0 0 152px;
}
/*----------------------------------------
	　2020/10/28/追加・変更
------------------------------------------*/
@media screen and (max-width:768px) {
    .sp-img-wrap {
        display: block;
        margin-bottom: 30px;
    }
    .koenSec2 {
        margin: 20px 0 10px 0;
        padding: 12px 10px 13px 10px;
        background: #ecdedc;
        -webkit-border-radius: 6px; /* Safari,Google Chrome用 */
        -moz-border-radius: 6px; /* Firefox用 */
        border-radius: 6px;
    }
}
/*----------------------------------------
	　2020/10/28/追加・変更ここまで
------------------------------------------*/
/*サイドコンテンツ*/
#sideCon {
    width: 230px;
}
#sideCon h4 {
    padding: 0px;
    margin: 0px;
}
.zoomStageImg {
    padding: 10px 0 19px 0;
}
.zoomStageImg a {
    padding: 19px 73px 19px;
}
#ticket {
    margin: 0px;
}
#reserve ul {
    padding: 0px;
}
.koen_link_news {
    text-align: left;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
}
.koen_link_news h3 {
    padding: 0 0 7px 0;
}
.koen_link_news dl {
    padding: 8px 0 14px 0;
    font-size: 1.167em;
    border-bottom: #b8907f 1px dotted;
}
.koen_link_start {
    border-top: #b8907f 1px dotted;
}
.koen_other_link h3 {
    padding: 0 0 11px 0;
}
.koen_other_link ul li {
    text-align: left;
    font-size: 1.167em;
    padding: 6px 0 6px 20px;
    border-bottom: #b8907f 1px dotted;
    background: url(../images/detail_btn.png) no-repeat center left;
}
.koen_other_link ul li a {
    text-decoration: none;
}
.koen_other_link ul li a:hover {
    text-decoration: underline;
}
.mainCast table {
    margin: -7px 0 0 0;
}
.mainCast td {
    border-bottom: #e2e3cc 1px solid;
    padding: 6px 0;
    width: 185px;
}
td.koen_link {
    text-align: right;
    padding: 0 37px 0 0;
}




/* koen_a.html*/
.koen_tell {
    padding: 11px 11px 12px 9px;
    text-align: left;
    letter-spacing: 0.0001em;
    margin: 20px 0;
    background: #ebecdc;
    line-height: 1.8em;
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
    -moz-border-radius: 4px; /* Firefox用 */
    border-radius: 4px;
}
.koen_tell dt {
    font-size: 1.167em;
}
.koen_tell dd {
    font-size: 1.333em;
}
.koenSec4 {
    border-collapse: collapse;
}
.koenSec4 caption {
    text-align: left;
    font-size: 1.167em;
    padding: 19px 0 6px 0;
}
.koenSec4 tr {
    border: #c3c5a9 1px solid;
    line-height: 1em;
}
.koenSec4 td {
    border: #c3c5a9 1px solid;
    border-collapse: collapse;
}
.koenSec4 tr, .koenSec4 td {
    padding: 4px 0 6px 6px;
}
.koenSec4Ttl {
    background: #ada587;
    color: #fff;
}
.timeTableRed {
    background: #ead7d7;
}
.timeTableBlu {
    background: #d7e8ea;
}
.koenSec4Day {
    width: 314px;
    font-size: 0.9em;
}
.koenSec4Time {
    width: 183px;
    text-align: center;
    font-size: 0.9em;
}
.koenSec4Place {
    width: 184px;
    text-align: center;
    font-size: 0.9em;
}
.koenSec4Ticket {
    width: 93px;
    font-size: 0.9em;
}
.koenSec4Notes {
    width: 287px;
    font-size: 0.9em;
}
p.toKoenTopA {
    padding: 68px 0 9px 17px;
}


/*----------------------------------------
	　2020/10/28/追加・変更
------------------------------------------*/
.stage_select {
    overflow: hidden;
    width: 94%;
    margin: 5px auto 15px 0;
    text-align: center;
}
.stage_select select {
    width: 100%;
    padding-right: 0;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.stage_select select::-ms-expand {
    display: none;
}
.stage_select.cp_sl01 {
    position: relative;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    background: #ffffff;
}
.stage_select.cp_sl01::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 1em;
    /*width: 0;
	height: 0;
	padding: 0;*/
    /*border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;*/
    width: 6px;
    height: 6px;
    border-top: 2px solid #722100;
    border-right: 2px solid #722100;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    pointer-events: none;
}
.stage_select.cp_sl01 select {
    padding: 8px 38px 8px 8px;
    color: #666666;
}


@media screen and (max-width:768px) {
	#allCon {
		box-sizing: border-box;
		width: 100%;
        margin-top: 3vw;
		overflow: hidden;
    }
	.sp-ticket-wrap{
		width: 100%;
		margin: 30px auto 0;
	}
	.sp-ticket-wrap ul.sp-ticket{ 
		width: 100%; 
		display: flex;
		justify-content: space-between;
	}
	.sp-ticket-wrap ul.sp-ticket li{ width: 48%;}
	.sp-ticket-wrap ul.sp-ticket li a{
		display: block;
		width: 100%;
	}
	
	p.toKoenTopA {
		box-sizing: border-box;
		width: 90%;
		padding: 0 0 0 0;
		margin: 20px auto;
	}
	p.toKoenTopA a,
	p.toKoenTopA a img{ 
		display: block;
		width: 100%;
		height: auto;
	}
	#stageMenu {
		width: 94%;
		margin: 0 auto;
		background: #fff;
	}
	#stageMenu h3 {
		padding: 0 0 2px 0;
		background: url(../../images/side_line.gif) no-repeat center bottom;
		background-size: 100%;
		overflow: hidden;
		height: auto;
	}
	#stageMenu h3 img{ width: 100%; height: auto;}
	#stageMenuWrap {
		padding: 9px 11px 25px 10px;
		margin: 0 0 15px 0;
		box-sizing: border-box;
		width: 100%;
	}
	#stageMenuWrap p {
		background: url(../images/detail_btn.png) no-repeat left 7px;
		text-align: left;
		padding: 6px 0 7px 21px;
	}
	#stageMenuWrap ul {
		text-align: left;
		padding: 0 0 0 21px;
	}
	#stageMenuWrap ul li {
		padding: 0 0 5px 0;
	}
	#stageMenuWrap p a,
	#stageMenuWrap ul li a{ text-decoration: none;}

}



/* koen_b.html*/
.koenSec3 {
    border-collapse: collapse;
}
.koenSec3 caption {
    text-align: left;
    font-size: 1.167em;
    padding: 19px 0 6px 0;
}
.koenSec3 tr {
    border: #c3c5a9 1px solid;
    line-height: 1em;
}
.koenSec3 td {
    border: #c3c5a9 1px solid;
    border-collapse: collapse;
}
.koenSec3 tr, .koenSec3 td {
    padding: 4px 0 6px 6px;
}
.koenSec3Ttl {
    background: #ada587;
    color: #fff;
}
.koenSec3Day {
    width: 93px;
    font-size: 0.9em;
}
.koenSec3Time {
    width: 60px;
    font-size: 0.9em;
}
.koenSec3Place {
    width: 146px;
    font-size: 0.9em;
}
.koenSec3Ticket {
    width: 93px;
    font-size: 0.9em;
}
.koenSec3Notes {
    width: 287px;
    font-size: 0.9em;
}
.koenRezrv h6 {
    color: #ff0000;
    padding: 0 0 16px 0;
    line-height: 1.6em;
}
.koenRezrv h6 .koenANotice {
    color: #000;
    font-weight: normal;
}
.koenRezrv .koenANotice {
    font-size: 0.75em;
}
.koenRezrv .koenRezrvTell {
    padding: 0 0 33px 0;
}
.koenRezrv .koenRezrvTell li {
    font-weight: bold;
}
.koenRezrv .koenRezrvTell li span.koenANotice {
    display: block;
    padding: 14px 0 19px 0;
    font-weight: normal;
}
p.koenToTopB {
    padding: 70px 0 9px 17px;
}