@charset "utf-8";
/* place.css */
#place h2{text-align:center;}
.place { position:relative; background-size:100%; margin-bottom: 35px;}
.place:before { content:""; position:relative; display: block; background: url(../img/common/tech-border.svg) no-repeat center top;
 background-size:100%; width:100%; padding-top: 8.4%;}
.place:after { content:""; position:relative; display: block; background: url(../img/common/tech-border.svg) no-repeat center top;
 background-size:100%; width:100%; padding-bottom: 8.4%;transform: scaleY(-1);}
.place > div{
 padding:0 20px;
border-width:0 2px ;
 border-color:rgb(124, 78, 255);
 border-style:solid;}
.place .sp-announce {background:#000;}
.place table { background:#ccc; margin:0 auto; border-spacing:1px; line-height:1.3; width:100%;}
.place th { color:#fff; background:#C02; padding:3px; width:16%; font-size:85%;}
.place td { background:#fff; color:#000; padding:8px 8px 8px 10px; }
.place .showdate {font-size: 160%; color:#B10;}
.place .showtime {font-size: 125%;}
.place .showdate span {font-size: 70%; margin-left:1em;}
.place .placelink {font-size:150%; padding:0;}
.place .placelink a { display:block; color:#fff; background:#B10 url(../img/common/place-more.png) no-repeat 5px 5px; padding:22px 8px 3px;}
.place .placelink a:hover {color:#fff; background-color:#4A0;}
table.ticket { width:100%; background:#000; border-spacing:1px; margin:0; border:none; padding:0;}
table.ticket:nth-of-type(1) {margin-bottom:.5em;}
.place table.ticket th {color:#930; background:#FD5; width:auto; font-size:85%; line-height:1.6; width:33.3%;}
.place table.ticket td {background-image:none;}
.ticket-wrapper{padding:0; margin:0;}
.place-data h3 {  font: 120%/1.4 "",sans-serif; color:#333; margin-bottom:.25em;}
.place-data h2 { font-size:300%; font-weight:800; line-height:1.1; letter-spacing:-2px; color: #C02;width:98%; margin:0 auto .5em;transform: skewX(-0.05turn); text-align:left;text-indent:-.35em;}
.showdescription { margin:1em 0 2em; background:#FFF; color:#333; font: 110%/1.6 "",sans-serif;}
.showdescription p.img {width:50%; float:right; margin-left:1.5em; margin-bottom:1em;}
.showdescription p img {width:100%;}
@media only screen and (max-width: 640px) {
.showdescription p.img {width:100%; float:none; margin-left:0; margin-bottom:1.5em;}
}

#daysleft{font:bold 300%/1 "Arial",sans-serif; color:#fff; background:#FFBD2E; margin-bottom:10px;text-align:center; padding:0.25em 0;}
#ticketSP{font:bold 110%/1.4 "",sans-serif; padding:0.25em; color:#fff; background:#E7001B; margin-bottom:.5em;}

/*gmap*/
#gmap { height:450px; border:1px #999 solid; margin-bottom:0.5em; background:#fff;}
.imageDefault { width: 100px; }
.imageDefault p { margin:0 !important; }

/* モバイル(-640) */
@media only screen and (max-width: 640px) {
#wrapper {width:100%;}
.place{font-size:85%;}
.place > div{border-width:0 1px; padding:0 10px;}
.place-data {margin:0;padding:2em .5em;}
.place-data h3 {  font-size: 100%;}
.place-data h2 {  font-size: 200%; }
#daysleft{font-size:bold 135%/1 "Arial",sans-serif;}
.place .showdate {font-size: 135%;}
.place table .size-6 { font-size: 150%; }
.place table .size-5 { font-size: 135%; }
.place th {width:2em; padding:3px 8px;}
.place td {word-break:break-all;}
.place table img {width:100%; height:auto;}
.showdescription { font: 85%/1.4 "";}
}