@charset "UTF-8";

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

@media screen and (max-width: 736px) {

}

**************************************************************/
div#cotents {
    background-image: url(../img/common/page-bg.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
}


.ttl-box {
    margin: 20px 0;
}

.ttl-box p{
	font-size: 1.5rem;
    display: inline-block;
font-family: 'Taviraj', serif;
}

.ttl-box p span{
	font-size: 90%;
    display: inline-block;
    border-bottom: 4px #000 solid;
    padding: 10px;
color: #000;
}


.item-container h2.ttl {
    position: relative;
    line-height: 1.4;
    padding: 0;
    font-size: 40px;
	color: #a13e50;
    text-align: center;
    margin: 0;
    letter-spacing: 2px;
}
.item-container h2.ttl span {
    font-size: 80%;
    font-weight: normal;
    display: inline-block;
    text-shadow: none;
    padding: 0 15px;
}

.item-container h2.ttl b {
    display: block;
    font-size: 110%;
    font-weight: normal;
}
.item-container h2.ttl span:before,
.item-container h2.ttl span:after {
    content: "";
    height: 0px;
    /* background: #ff6600; */
    width: 100%;
    display: block;
    margin: 10px auto 10px;
    border-top: 5px #e2b89c double
}


#event h4{
	font-size: 1.4rem;
    color: #ff6600;
    font-weight: bold;
    margin: 0 0px 5px 0;
    text-align: left;
    border-left: 5px #ff6600 solid;
    padding: 10px 0 10px 10px;
}
#event h4 span{
	font-size: 80%;
    font-weight: normal;
    display:block;
}


#ticket table.tbl-border {
border-left: 1px #FFB0B8 solid;
    border-top: 1px #FFB0B8 solid;
        font-size: 14px;
            width: auto;
margin: 0 auto;
}








table.tbl-border {
    border-left: 1px #ddd solid;
    border-top: 1px #ddd solid;
    font-size: 14px;
    width: auto;
    margin: 10px 0;
}

table.tbl-border th{
padding: 10px;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd solid;
    text-align: left;
	background: #eee;
    text-align: center;
    font-weight: normal;
}

table.tbl-border td{
padding: 10px;
border-bottom: 1px #ddd solid;
border-right: 1px #ddd solid;
    text-align: left;
    background: #fff;
}

table.tbl-border .zoom {
    border-bottom: 3px #ff0000 solid;
    border-top: 2px #ff0000 solid;
    background: #FFFCDB;
    font-weight: bold;
}

.price {
    font-size: 24px;
    font-family: helvetica;
    font-weight: bold;
}



a.button {
	display: inline-block;
    border: 0px solid #21718C;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    behavior: url(PIE.htc);
    overflow: hidden;
    color: #fff;
    padding: 10px 6px;
    margin: 6px 0;
    line-height: 1.2;
    margin: 10px 0;
    font-size: 13px;
background-color: #ed6d7b;
    width: auto;
*display: inline;  
    *zoom: 1; 
}
a.button:link,
a.button:visited {
    color: #fff;
    text-decoration: none;
}
a.button:after,
a.link:after {
    content: "\F105";
    font-family: FontAwesome;
    margin: 0 0 0 5px;
}


@media screen and (max-width: 736px) {

.item-container.ticket .item-container-body {
    width: auto;
}

.item .inbody {
    padding: 5px;
}

a.button {
    font-size: 14px;

}


a.button.link {
    width: auto;
}

table a.button.link {
    width: auto;
}

.item-container h2.ttl {
    font-size: 30px;
}

.ticket h3 {
    font-size: 18px;
    padding: 10px;
}

.ticket h4 {
    margin: 5px 0 5px;
}
.ticket h4 span {
    margin: 0 0px 0 0;
    font-size: 16px;
    display: block;
}

table.tbl-border th,
table.tbl-border td{
    white-space: normal;
    padding: 5px;
}

.sp-zoom{
    zoom: 0.6;
}
.label {
    zoom: 0.5;
}

.label-icon {
    width: 16.8%;
}

#information h4{
	font-size: 0.9rem;
}


}