@charset "utf-8";
/* place.css */

#mainLeft h2 {
font-size: 125%;
line-height: 1.2;
color: #FFF;
margin-top: 0;
margin-bottom: 35px;
text-align: left;
padding: 10px 20px;
width: auto;
background: rgb(188, 66, 245);
background: linear-gradient(135deg, transparent 0px, rgb(188, 66, 245) 0) top left,
linear-gradient(225deg, transparent 80%, rgb(188, 66, 245) 0) top right,
linear-gradient(225deg, transparent 18px, rgb(188, 66, 245) 0) bottom right,
linear-gradient(45deg,  transparent 0px, rgb(188, 66, 245) 0) bottom left;
background-size: 51% 51%;
background-repeat: no-repeat;
}
#mainLeft h2 span{display:block; font-size:26px; transform: skewX(-0.05turn); margin-right:15px;}
#mainLeft h2 span:nth-of-type(1){
         font-weight: bold;
         position: relative;
         }
#mainLeft h2 span:nth-of-type(1)::after {
         content: '\958B\50AC\65E5\7A0B\30FB\4F1A\5834\4E00\89A7';
         position: absolute;
         top: 0;
         left: 0;
         text-align: center;
         font-weight: bold;
         text-stroke: #111 4px;
         -webkit-text-stroke: #111 4px;
         z-index: -1;
       }


.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 15px;
border-width:0 2px ;
 border-color:rgb(124, 78, 255);
 border-style:solid;}


.place .sp-announce {background:#F60; color:#fff; Font: bold 120%/1.2 ""; padding:0.25em;}
.place table { background:#666; margin:0 auto; border-spacing:1px; line-height:1.3; width:100%;}
.place code {display:block;}
.place th { color:#fff; background:#5187D8;  padding:.35em 0; width:8em; font-size:85%;}
.place td { background:#fff url(../img/common/ptn02.png) repeat 0 0; color:#000; padding:4px; }
.place .showdate {font-size: 160%; color:#B10;}
.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; padding:10px 8px 12px;}
.place .placelink a:hover {color:#fff; background-color:#4A0; text-decoration:none;}
table.ticket { width:100%; background:#000; border-spacing:1px; font-size:77%; margin:0 0 5px; border:none; padding:0;}
.place table.ticket th {color:#930; background:#FD5; width:auto; font-size:100%; width:25%; padding:.35em 0;}
.place table.ticket td {background-image:none;}
.ticket-wrapper{padding:0; margin:0;}
.place-data h3 {  font: 120%/1.4 ""; color:#FFF;}
.place-data h2 {  font: bold 300%/1.1 ""; color:#FFF;}
.showdescription { padding:0.8em; border:1px #710 solid; margin:10px 0; background:#FFF; color:#420; font: 110%/1.4 "";}
.showdescription img {width:100%;}
#daysleft{font:bold 300%/1 "Arial",sans-serif; color:#fff; background:#E7001B; margin-bottom:10px;text-align:center; }
#ticketSP{font:bold 110%/1.1 ""; padding:0.25em; color:#fff; background:#E7001B; }
.size-6,.size-5,.size-4,.size-3,.size-2 {font-size:100%; margin-left:0.5em;}
h5, .size-2 { font-size: 85%; }
.place-data br {display:none;}

/*gmap*/
#gmap { height:360px; 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) {
hr.bg-place_before {height:20px;}
hr.bg-place_after {height:20px;}
.place-data { padding:10px 0;}
.place td {word-break:break-all;}
.place table img {width:100%; height:auto;}
.place .showdate {font-size: 100%;}
.place .placelink {font-size: 100%;}
.place .sp-announce {font: bold 100%/1.2 "";text-align:center;}
.place th {padding: .2em 0;font-size: 75%;width:7em;}
.place table.ticket th {font-size: 80%;width: 25%;padding: .2em 0;}
}