/* *
* hall Module CSS
*
* Table of Contents:
* 1.0 - Basic Modules
* 2.0 - colors
*   2.1 - anchor
*   2.2 - Navigation
* 3.0 - Modules
*
* */
/**
 * 1.0 Basic Modules
 * ----------------------------------------------------------------------------
 */

@media all and (min-width: 720px) { 
  .sp-sh{
    display: none!important;
  }
}
@media all and (max-width: 719px) { 
  .pc-sh{
    display: none!important;
  }
}
 
/* float */

.alignleft {
    float: left
}
.alignright {
    float: right
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
#fb-root {
    display: none;
}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span,
.uiScaledImageContainer._2zfr,
.pluginSkinLight pluginFontHelvetica div div,
#u_0_0 {
    width: 100% !important;
	margin: 0 auto;
}
.studio {
    overflow: hidden;
    position: relative;
}
.studio .alignleft {
    float: left;
    width: 53%;
}
.studio .m_studio {
    float: right;
    width: 45%;
}
/* 1-2. text align
----------------------------------------------------------------------------*/

.txt-center {
    text-align: center
}
.txt-right {
    text-align: right
}
.txt_red {
    color: #FF0000
}
.cap {
    font-size: 0.85em
}
.ddind {
    margin: 1em 0 0 0 !important;
}
.ddind dd {
    padding: 0 0 1em 2em !important;
}
bofl
/* section / column */

.site-content section {
    margin-bottom: 40px;
    *zoom: 1
}
.site-content section:after {
    content: "";
    display: table;
    clear: both
}
.site-content section section {
    margin-top: 25px;
    margin-bottom: 0
}
.col2 {
    width: 714px;
    margin-right: -34px;
    overflow: hidden
}
.col2 .box {
    float: left;
    width: 323px;
    margin-right: 34px
}
.col3 {
    width: 714px;
    margin-right: -34px;
    overflow: hidden
}
.col3 .box {
    float: left;
    width: 204px;
    margin-right: 34px
}
.col3 .box p {
    text-align:center;
    margin-top:5px;
    padding-top:0;
    font-size:80%;
}
.col4 {
    width: 712px;
    margin-right: -32px;
    overflow: hidden
}
.col4 .box {
    float: left;
    width: 146px;
    margin-right: 32px
}
/* images */

.figure {
    margin: 30px 0;
    text-align: center
}
.figure.alignleft {
    text-align: center;
    margin: 0 15px 0 0
}
.image {
    text-align: center
}
/* Title
----------------------------------------------------------------- */

.heading {
    position: relative;
    font-size: 137%;
    font-weight: 400;
    margin-bottom: 20px;
    border-bottom: 1px dashed #666;
    background: url(.//images/blt_title_b.gif) no-repeat left top
}
.heading .heading-text {
    display: block;
    padding: 4px 0 8px 20px;
    background: url(.//images/blt_title_t.gif) no-repeat left top
}
.site-content h2.event-title {
    font-size: 100%;
    margin: 0 0 15px
}

/* site-content ttl
----------------------------------------------------------------- */

.site-content h2 , .hall_guide>dt {
    background: url(.//images/blt_title_b.gif) no-repeat no-repeat left bottom;
    font-size: 112%;
    font-weight: 400;
    margin-bottom: 15px;
    clear: both;
    position: relative
}
.site-content .parts_ttl-text {
    background: url(.//images/blt_title_t.gif) no-repeat no-repeat left top;
    display: block;
    padding: 0 0 4px 20px;
}
.site-content h3,
.dt_h3 dt {
    border-bottom: 1px dashed #666;
    font-size: 112%;
    font-weight: 400;
    margin: 25px 0 1em;
    padding-left: 6px;
    clear: both;
    position: relative
}
.dt_h3 dd dt {
    border-bottom: 0px none
}
.dt_h3 dd p.link {
    margin-top: 2em
}
.site-content h4 {
    background: url(.//images/blt_title_x.gif) no-repeat no-repeat left 0.6em;
    padding: 4px 0 4px 20px;
    margin: 25px 0 0.5em;
    clear: both;
    font-weight: 400;
    font-size: 112%;
}
.site-content h5 {
    background: url(.//images/blt_title_y.gif) no-repeat no-repeat left 0.6em;
    padding: 4px 0 4px 20px;
    margin: 25px 0 0.5em;
    clear: both;
    font-weight: 400;
    font-size: 112%;
}
/* text
----------------------------------------------------------------- */

.lead {
    margin-bottom: 50px
}
.cap {
    font-size: .8em
}
/* link */

.link a {
    padding-left: 15px;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.returntop {
    text-align: right;
    margin: 0
}
/* table
--------------*/

.table-type01 {
    border-collapse: collapse;
    border-top: 1px solid #666;
    border-left: 1px solid #666
}
.table-type01 th {
    padding: 10px 5px;
    background-color: #666;
    color: #fff;
    text-align: center;
    border-right: #fff 1px solid;
    border-bottom: #fff 1px solid
}
.table-type01 .sub th {
    background-color: #999;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666
}
.table-type01 td {
    padding: 10px 5px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666
}
.table-type01 td p {
    margin-top: 0
}
.table-type01 .day {
    width: 118px;
    border-left: none!important
}
.table-type01 .col {
    text-align: left
}
.middle {
    vertical-align: middle
}
.nowrap {
    white-space: nowrap
}
.usage {
    font-size: 85%
}
/* button
----------------------------------------------------------------- */

.link-btn a {
    display: block;
    margin: 0;
    padding: 8px 20px;
    color: #4d774c;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE9E6E4');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZTllNmU0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(85%, #e9e6e4));
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e6e4 85%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e6e4 85%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e6e4 85%);
    background-image: linear-gradient(top, #fff 0%, #e9e6e4 85%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f5edf5;
    -webkit-box-shadow: 0 0 5px inset rgba(235, 221, 235, 0.5);
    -moz-box-shadow: 0 0 5px inset rgba(235, 221, 235, 0.5);
    box-shadow: 0 0 5px inset rgba(235, 221, 235, 0.5)
}
.link-btn a:hover {
    color: #fff;
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF47A01B', endColorstr='#FF03791F');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3YTAxYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzNzkxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #47a01b), color-stop(100%, #03791f));
    background-image: -webkit-linear-gradient(top, #47a01b 0%, #03791f 100%);
    background-image: -moz-linear-gradient(top, #47a01b 0%, #03791f 100%);
    background-image: -o-linear-gradient(top, #47a01b 0%, #03791f 100%);
    background-image: linear-gradient(top, #47a01b 0%, #03791f 100%);
    border: 1px solid #1f460c;
    -webkit-box-shadow: inset 2px 2px 2px rgba(31, 70, 12, 0.8);
    -moz-box-shadow: inset 2px 2px 2px rgba(31, 70, 12, 0.8);
    box-shadow: inset 2px 2px 2px rgba(31, 70, 12, 0.8)
}
/* list
----------------------------------------------------------------- */

.anchor {
    margin: 0 0 15px;
    padding: 0;
    *zoom: 1
}
.anchor:after {
    content: "";
    display: table;
    clear: both
}
.anchor li {
    float: left;
    margin: 0 10px .5em 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #666;
    list-style: none;
    white-space: nowrap
}
.ol-type01 {
    margin: 20px 0;
    padding: 0
}
.ol-type01 li {
    text-indent: -3em;
    padding-left: 3em;
    list-style: none
}
.ol-type02 {
    margin-left: 0;
    padding-left: 0
}
.ol-type02 > li {
    text-indent: -1.5em;
    padding-left: 1.5em;
    list-style: none
}
.dl-type01 {
    margin: 0 0 25px
}
.dl-type01 dt {
    clear: both;
    color: #fff;
    background: #8C8C8C;
    padding: 6px 18px 7px
}
.dl-type01 dd {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0 18px
}
.dl-type02 {
    margin: 0 0 50px;
    font-size: 85%
}
.dl-type02 dt {
    clear: both
}
.dl-type02 dd {
    margin-bottom: 15px
}
.dl-type03 {
    margin: 0 0 30px
}
.dl-type03 dt {
    clear: both;
    float: left;
    width: 6em;
    margin-bottom: .3em
}
.dl-type03 dd {
    margin-left: 6em;
    margin-bottom: .3em;
    padding-left: 1em;
    text-indent: -1em
}
.dl-type03.l dt {
    width: 10em
}
.dl-type03.l dd {
    margin-left: 10em
}
.note {
    padding-left: 1em;
    text-indent: -1em;
    list-style-type: none;
}
/* note */

.notes {
    margin: 0 0 20px;
    padding: 0
}
.notes li {
    list-style: none
}
.notes li {
    padding-left: 1em;
    text-indent: -1em;
    list-style: none
}
.print-text {
    margin-top: 1em;
    padding: 1em;
    border: solid 1px #999999;
}
/* hall_guide */
.hall_guide {overflow:hidden;position:relative;}
.hall_guide dd {margin-bottom:15px;}
.hall_guide .img {width:45%;margin:0 5% 40px 0;font-size:80%;float:left;}
.hall_guide .img img {width:100%;margin-bottom:10px;}
.hall_guide .info {overflow:hidden;position:relative;}
.hall_guide .info dt {float:left;clear:both;margin-bottom:10px;width;4.5em;}
.hall_guide .info dd {overflow:hidden;position:relative;margin:0 10px 10px 0;}
.hall_guide .info dd.clear {clear:both;}
.hall_guide .info dd.clear ul {margin:0;}
.hall_guide .info dd.clear p {margin:5px 0 0;padding:0 0 0 3em;text-indent:-3em;}


/* list */
ul.ind01 , p.ind01 {list-style:none;padding-left:1em;text-indent:-1em;}
ul.ind015 , p.ind015 {list-style:none;padding-left:1.5em;text-indent:-1.5em;}

/* pdf */

.pdf-list {
    margin: 0;
    padding: 0
}
.pdf-list li {
    list-style: none
}
.pdf-list li , p.pdf-list a {
    margin-bottom: .5em;
    line-height: 32px;
    padding-left: 40px;
    display:block;
    background: url(.//images/ico_pdf.png) no-repeat left top
}
/* link */

.nav-link {
    margin: 40px 0 0;
    padding: 0
}
.nav-link li {
    list-style: none
}
.nav-link li {
    margin-bottom: 5px;
    padding-left: 15px;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.link-list {
    margin: 0;
    padding: 0
}
.link-list li {
    list-style: none
}
.link-list li {
    margin-bottom: 20px;
    padding: 0 0 20px;
    background: url(.//images/line_dotted.gif) repeat-x left bottom;
    *zoom: 1
}
.link-list li:after {
    content: "";
    display: table;
    clear: both
}
/* banner */

.banners {
    margin: 0;
    padding: 0
}
.banners li {
    list-style: none
}
.banners li {
    margin: 0 0 10px
}
/* FAQ */

.faq .question {
    position: relative;
    margin-bottom: 30px;
    padding-left: 40px
}
.faq .question span {
    position: absolute;
    left: 0;
    top: -5px;
    color: #9c0;
    font-size: 30px;
    font-family: 'Trebuchet MS', san-serif;
    line-height: 1
}
.faq .answer {
    position: relative;
    margin-bottom: 30px;
    padding-left: 35px;
    padding-bottom: 20px;
    background: url(.//images/line_dotted.gif) repeat-x left bottom
}
.faq .answer span {
    position: absolute;
    left: 0;
    top: -5px;
    color: #cc0;
    font-size: 32px;
    font-family: 'Trebuchet MS', san-serif;
    line-height: 1
}
/**
 * 3.0 Modules
 * ----------------------------------------------------------------------------
 */
/* mainimg */

.mainImg,
.subImg {
    clear: both;
    padding: 0;
    text-align: center;
    *zoom: 1;
    margin: 0 auto 15px;
    width: 950px;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    position: relative
}
.mainImg ul,
.subImg ul {
    overflow: hidden;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0
}
.mainImg ul li,
.subImg ul li {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    position: absolute
}
.mainImg ul li img,
.subImg ul li img {
    width: 100%
}
.mainImg ul:after,
.subImg ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
}
.mainImg ul,
.subImg ul {
    overflow: hidden
}
.slidesjs-navigation {
    display: none!important
}
/* pickup */

#pickup .event-img {
    width: 98px;
    text-align: center;
    /*border: 1px solid #EDEDED*/
}
/* news */

#news {
    position: relative
}
.news_more {
    position: absolute;
    right: 0;
    top: 14px;
    margin: 0;
    padding: 0;
    font-size: 85%
}
.news_more a {
    display: block;
    padding-left: 15px;
    font-size: 12px;
    color: #565656;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.site-image {
    margin-right: 20px
}
/* event */

.event-content div {
    background: #cffcff;
    color: #333;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}
#main img.sercive-icon {
    width: 20px!important;
    height: 20px
}
ul.sercive-icons {
    list-style: none;
    overflow: hidden;
    position: relative;
    margin: -10px 0 20px;
    text-align: right;
    line-height: 0;
    _zoom: 1
}
ul.sercive-icons li {
    padding: 0 4px;
    display: inline-block
}
dl.sercive-icons {} dl.sercive-icons dt {} dl.sercive-icons dd {} .event-ticketShop li {
    margin-bottom: 1em
}
/* 1-2. text align
----------------------------------------------------------------------------*/

.txt-center {
    text-align: center
}
.txt-right {
    text-align: right
}
/* section / column */

.site-content section {
    margin-bottom: 40px;
    *zoom: 1
}
.site-content section:after {
    content: "";
    display: table;
    clear: both
}
.site-content section section {
    margin-top: 25px;
    margin-bottom: 0
}
.col2 {
    width: 714px;
    margin-right: -34px;
    overflow: hidden
}
.col2 .box {
    float: left;
    width: 323px;
    margin-right: 34px
}
.col3 {
    width: 714px;
    margin-right: -34px;
    overflow: hidden
}
.col3 .box {
    float: left;
    width: 204px;
    margin-right: 34px
}
.col4 {
    width: 712px;
    margin-right: -32px;
    overflow: hidden
}
.col4 .box {
    float: left;
    width: 146px;
    margin-right: 32px
}
/* images */

.figure {
    margin: 30px 0;
    text-align: center
}
.figure.alignleft {
    text-align: center;
    margin: 0 15px 0 0
}
.image {
    text-align: center
}
/* Title
----------------------------------------------------------------- */

.heading {
    position: relative;
    font-size: 137%;
    font-weight: 400;
    margin-bottom: 20px;
    border-bottom: 1px dashed #666;
    background: url(./images/blt_title_b.gif) no-repeat left bottom
}
.heading .heading-text {
    display: block;
    padding: 4px 0 8px 20px;
    background: url(./images/blt_title_t.gif) no-repeat left top;
	padding-right: 5em;
}
.page-id-38 .heading .heading-text,
.page-id-85 .heading .heading-text,
.page-template-page-zero .heading .heading-text,
.page-id-72 .heading .heading-text,
.page-id-78 .heading .heading-text {
	padding-right: 0;
}
.site-content h2.event-title {
    font-size: 100%;
    margin: 0 0 15px
}
/* text
----------------------------------------------------------------- */

.lead {
    margin-bottom: 50px
}
.cap {
    font-size: .8em
}
.event-detail .cap {
    display: block;
}
/* link */

.link a {
    padding-left: 15px;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.returntop {
    text-align: right;
    margin: 0
}
/* table
--------------*/

.table-type01 {
    border-collapse: collapse;
    border-top: 1px solid #666;
    border-left: 1px solid #666
}
.table-type01 th {
    padding: 10px 5px;
    background-color: #666;
    color: #fff;
    text-align: center;
    border-right: #fff 1px solid;
    border-bottom: #fff 1px solid
}
.table-type01 .sub th {
    background-color: #999;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666
}
.table-type01 td {
    padding: 10px 5px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666
}
.table-type01 td p {
    margin-top: 0
}
.table-type01 .day {
    width: 118px;
    border-left: none!important
}
.table-type01 .col {
    text-align: left
}
.middle {
    vertical-align: middle
}
.nowrap {
    white-space: nowrap
}
.usage {
    font-size: 85%
}

/* usage-price */
.usage-price thead th {font-size:75%;text-align:center;}
.usage-price .ev td {background:#efefef;}

.usage-price tbody th {text-align:left ;font-size:80%;}
.usage-price .option {overflow:hidden;potision:relative;}
.usage-price .option dt {width:6em;float:left;margin:0 0 1em 0;font-weight:700;}
.usage-price .option dd {margin:0 0 1em 7em;padding-left:1em;text-indent:-1em;}


#window th, #window td {text-align:center;}
#window .ft01 ,#Lottery_Date .ft01 {background:#ffefe4;}
#window .ft02 ,#Lottery_Date .ft02 {background:#e4f2ff;}
#window .ft03 ,#Lottery_Date .ft03 {background:#ebffe4;}
#window .hidden {background:#fff !important;}
.continuity , .placetime {overflow:hidden;position:relative;padding-left:1.5em;}
.continuity dt {float:left;clear:both;width:16em;font-weight:bold;}
.placetime dt {float:left;clear:both;width:10em;font-weight:bold;}
.continuity dd {padding-left:1em;text-indent:-1em;}
.continuity dd , .placetime dd {overflow:hidden;position:relative;}
.continuity dt , .placetime dt , .continuity dd , .placetime dd {margin-bottom:0.8em;}
#lottery td dl  {overflow:hidden;position:relative;}
#lottery td dt {float:left;clear:both;width:4em;}
#lottery td dd {margin-left:4em;}
#lottery th {text-align:center !important;}


.frienddl dl  {overflow:hidden;position:relative;}
.frienddl dt {float:left;clear:both;width:4em;padding:0 0 0.2em 0;}
.frienddl dd {margin-left:4em;padding:0 0 0.2em 0.5em;text-indent:-0.5em;}
.frienddl2 dl  {overflow:hidden;position:relative;}
.frienddl2 dt {font-weight:bold;}
.frienddl2 dd {margin:0 0 1em 2em;}

@media only screen and (max-width: 645px) {
.frienddl dt {float:none;width:auto;}
.frienddl dd {margin-left:1em;}
}

/* button
----------------------------------------------------------------- */

.link-btn a {
    display: block;
    margin: 0;
    padding: 8px 20px;
    color: #4d774c;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE9E6E4');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZTllNmU0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(85%, #e9e6e4));
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e6e4 85%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e6e4 85%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e6e4 85%);
    background-image: linear-gradient(top, #fff 0%, #e9e6e4 85%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f5edf5;
    -webkit-box-shadow: 0 0 5px inset rgba(235, 221, 235, 0.5);
    -moz-box-shadow: 0 0 5px inset rgba(235, 221, 235, 0.5);
    box-shadow: 0 0 5px inset rgba(235, 221, 235, 0.5)
}
.link-btn a:hover {
    color: #fff;
    *zoom: 1;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF47A01B', endColorstr='#FF03791F');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3YTAxYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzNzkxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #47a01b), color-stop(100%, #03791f));
    background-image: -webkit-linear-gradient(top, #47a01b 0%, #03791f 100%);
    background-image: -moz-linear-gradient(top, #47a01b 0%, #03791f 100%);
    background-image: -o-linear-gradient(top, #47a01b 0%, #03791f 100%);
    background-image: linear-gradient(top, #47a01b 0%, #03791f 100%);
    border: 1px solid #1f460c;
    -webkit-box-shadow: inset 2px 2px 2px rgba(31, 70, 12, 0.8);
    -moz-box-shadow: inset 2px 2px 2px rgba(31, 70, 12, 0.8);
    box-shadow: inset 2px 2px 2px rgba(31, 70, 12, 0.8)
}
/* list
----------------------------------------------------------------- */

.anchor_wrap {
	text-align: center;
}
.anchor {
	display: inline-block;
    margin: 0 0 15px;
    padding: 0;
    *zoom: 1
}
.anchor:after {
    content: "";
    display: table;
    clear: both
}
.anchor li {
    float: left;
    margin: 0 10px .5em 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #666;
    list-style: none;
    white-space: nowrap
}
.ol-type01 {
    margin: 20px 0;
    padding: 0
}
.ol-type01 li {
    text-indent: -3em;
    padding-left: 3em;
    list-style: none
}
.ol-type02 {
    margin-left: 0;
    padding-left: 0
}
.ol-type02 > li {
    text-indent: -1.5em;
    padding-left: 1.5em;
    list-style: none
}
.dl-type01 {
    margin: 0 0 25px
}
.dl-type01 dt {
    clear: both;
    color: #fff;
    background: #8C8C8C;
    padding: 6px 18px 7px
}
.dl-type01 dd {
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0 18px
}
.dl-type02 {
    margin: 0 0 50px;
    font-size: 85%
}
.dl-type02 dt {
    clear: both
}
.dl-type02 dd {
    margin-bottom: 15px
}
.dl-type03 {
    margin: 0 0 30px
}
.dl-type03 dt {
    clear: both;
    float: left;
    width: 6em;
    margin-bottom: .3em
}
.dl-type03 dd {
    margin-left: 6em;
    margin-bottom: .3em;
    padding-left: 1em;
    text-indent: -1em
}
.dl-type03.l dt {
    width: 10em
}
.dl-type03.l dd {
    margin-left: 10em
}

/* note */
.note {
    padding-left: 1em;
    text-indent: -1em
}
.notes {
    margin: 0 0 20px;
    padding: 0
}
.notes li {
    list-style: none
}
.notes li {
    padding-left: 1em;
    text-indent: -1em;
    list-style: none
}
/* pdf */

.pdf-list {
    margin: 0;
    padding: 0
}
.pdf-list li {
    list-style: none
}
.pdf-list li {
    margin-bottom: .5em;
    line-height: 32px;
    padding-left: 40px;
    background: url(.//images/ico_pdf.png) no-repeat left top
}
/* link */

.nav-link {
    margin: 40px 0 0;
    padding: 0
}
.nav-link li {
    list-style: none
}
.nav-link li {
    margin-bottom: 5px;
    padding-left: 15px;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.link-list {
    margin: 0;
    padding: 0
}
.link-list li {
    list-style: none
}
.link-list li {
    margin-bottom: 20px;
    padding: 0 0 20px;
    background: url(.//images/line_dotted.gif) repeat-x left bottom;
    *zoom: 1
}
.link-list li:after {
    content: "";
    display: table;
    clear: both
}
/* banner */

.banners {
    margin: 0;
    padding: 0
}
.banners li {
    list-style: none
}
.banners li {
    margin: 0 0 10px
}
/* FAQ */

.faq .question {
    position: relative;
    margin-bottom: 30px;
    padding-left: 40px
}
.faq .question span {
    position: absolute;
    left: 0;
    top: -5px;
    color: #9c0;
    font-size: 30px;
    font-family: 'Trebuchet MS', san-serif;
    line-height: 1
}
.faq .answer {
    position: relative;
    margin-bottom: 30px;
    padding-left: 35px;
    padding-bottom: 20px;
    background: url(./images/line_dotted.gif) repeat-x left bottom
}
.faq .answer span {
    position: absolute;
    left: 0;
    top: -5px;
    color: #cc0;
    font-size: 32px;
    font-family: 'Trebuchet MS', san-serif;
    line-height: 1
}
/**
 * 3.0 Modules
 * ----------------------------------------------------------------------------
 */
/* mainimg */

.mainImg {
    clear: both;
    padding: 0;
    text-align: center;
    *zoom: 1;
    margin: 0 auto 15px;
    width: 990px;
    position: relative;
    overflow: hidden;
    position: relative
}
.mainImg ul {
    overflow: hidden;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0
}
.mainImg ul li {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    position: absolute
}
.mainImg ul li img {
    width: 100%
}
.mainImg ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
}
.mainImg ul {
    overflow: hidden
}
.slidesjs-navigation {
    display: none!important
}

/* jr_orchestra */
.page-id-41 .ss2-align {margin-top:-20px;position:relative;}
.jroc  {width:100%;margin:15px 0 !important;}
.jroc div.col_L , .jroc div.col_R {width:46%;position:relative;}
.jroc div.col_L {float:left;}
.jroc div.col_R {float:right;}
.jroc div dl {padding:0 1.2em;}
.jroc div dt {float:left;clear:both;width:7em;margin:0 0 1em;}
.jroc div dd {margin:0 0 1em 7em;padding-left:0 !important;}

/* pickup */

#pickup .event-img img {
    width: 98px;
    text-align: center;
    border: 1px solid #EDEDED;
}
#pickup .event-img {
	font-size: 60%;
}
.event-cap {
	font-size: 60%;
	margin: 0;
	margin-top: 5px;
}
/* news */

#table_malti th {
    text-align: center;
    vertical-align: middle;
}
#table_malti td {
    text-align: center!important;
    vertical-align: middle;
}
#table_malti .cap {
    display: block
}
/* news */

#news,
#pickup {
    position: relative
}
.news_more {
    position: absolute;
    right: 0;
    top: 14px;
    margin: 0;
    padding: 0;
    font-size: 85%
}
.news_more a {
    display: block;
    padding-left: 15px;
    font-size: 12px;
    color: #565656;
    background: url(./images/blt_arrow.png) no-repeat left center;
	font-weight: bold;
}
.site-image {
    margin-right: 20px
}

.heading_wrap {
	position: relative;
}

/* event */

.event-content div {
    background: #cffcff;
    color: #333;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}
#main img.sercive-icon {
    width: 20px!important;
    height: 20px
}
.highlight{
  background: #fff8cf;
}
ul.sercive-icons {
    list-style: none;
    overflow: hidden;
    position: relative;
    margin: -10px 0 20px;
    text-align: right;
    line-height: 0;
    _zoom: 1
}
ul.sercive-icons li {
    padding: 0 4px;
    display: inline-block
}
dl.sercive-icons {} dl.sercive-icons dt {} dl.sercive-icons dd {} .event-ticketShop li {
    margin-bottom: 1em
}
/* sitemap */

.sitemap {
    margin: 0;
    padding: 0
}
.sitemap li {
    list-style: none;
    padding: 10px 0;
    padding-left: 1em;
    text-indent: -1em;
    background: url(.//images/line_dotted.gif) repeat-x left bottom;
    color:#999;
}
.sitemap li a {
    padding-left: 15px;
    background: transparent url(.//images/blt_arrow.png) no-repeat left center;
    text-decoration: none
}
.sitemap ul {
    margin-top: 10px;
    *zoom: 1
}
.sitemap ul:after {
    content: "";
    display: table;
    clear: both
}
.sitemap li li,
.sitemap li li.nofl li,
.nofl .colmn2 li,
.colmn2 li {
    float: left;
    width: 45%;
    background: none
}
.sitemap li .nofl li,
.sitemap li li.nofl {
    float: none;
    clear:both;
    width: 100%;
}
.nofl .colmn2 li {
    float: left !important;
    width: 45% !important;
}
.nofl .colmn2 li.nofl {
    float: none !important;
    width: 100%!important;
    clear: both;
}
.sitemap li li a {
    padding: 5px 10px;
    padding-left: 15px;
    border: none;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.yarpp-related {
    margin: 50px 0
}
.sitemap li li {
    float: left;
    width: 45%;
    background: none
}
.sitemap li li a {
    padding: 5px 10px;
    padding-left: 15px;
    border: none;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.yarpp-related {
    margin: 50px 0
}




/* accordion */
ul.accordion {list-style:none;}
ul.accordion ul {display:none;list-style:none;}
ul.accordion li , ul.accordion li p {margin: 0 0 0.5em;}
ul.accordion li p {cursor:pointer;}


.accordion {
    margin: 0;
    padding: 0
}
.accordion li {
    list-style: none;
    padding: 10px 0;
    padding-left: 1em;
    text-indent: -1em;
    background: url(.//images/line_dotted.gif) repeat-x left bottom;
    color:#999;
}
.accordion li.child {
    padding: 10px 0 10px 45px;
}
.accordion li a , .accordion p span.accspan {
    padding-left: 15px;
   /* background: transparent url(.//images/blt_arrow.png) no-repeat left center;*/
    color:#9c5b55;
    text-decoration: none
}
.accordion ul {
    margin-top: 10px;
    *zoom: 1
}
.accordion ul:after {
    content: "";
    display: table;
    clear: both
}
.accordion li li,
.accordion li li.nofl li,
.nofl .colmn2 li,
.colmn2 li {
    float: left;
    width: 45%;
    background: none
}
.accordion li .nofl li,
.accordion li li.nofl {
    float: none;
    width: 100%;
    clear:both;
}
.nofl .colmn2 li {
    float: left !important;
    width: 45% !important;
}
.nofl .colmn2 li.nofl {
    float: none !important;
    width: 100%!important;
    clear: both;
}
.accordion li li a {
    padding: 5px 10px;
    padding-left: 15px;
    border: none;
    background: url(.//images/blt_arrow.png) no-repeat left center
}
.yarpp-related {
    margin: 50px 0
}
.accordion li li {
    float: left;
    width: 45%;
    background: none
}
.accordion li li a {
    padding: 5px 10px;
    padding-left: 15px;
    border: none;
    background: url(.//images/blt_arrow.png) no-repeat left center
}


/* tenant-list */

.tenant-list {
    overflow: hidden;
    position: relative;
    padding: 10px;
}
.tenant-list dt {
    margin: 10px 0 0 0;
    font-weight: 700
}
.tenant-list dd {
    display: inline-block;
    padding: 0.5em 1em 0;
    margin-bottom: 20px;
    padding: 0 0 20px 5%;
    width: 95%;
    background: url(.//images/line_dotted.gif) repeat-x left bottom;
    *zoom: 1
}
.tenant-list dd dl {
    margin: 0;
    padding: 0;
    width: 100%
}
.tenant-list dd dl dt,
.tenant-list dd dl dd {
    display: table-cel;
    padding: 0.2em 1%;
    margin: 0;
    background: none;
    overflow: hidden;
}
.tenant-list dd dl dt {
    width: 14%;
    float: left
}
.tenant-list dd dl dd {
    width: 82%;
}
.tenant-list p.link {
    text-align: right;
    margin: 0;
}
/* color*/

.text-red,
.tenant-list .holiday {
    color: #ff0000;
}
.tenant-list .holiday a {
    color: #ff00ff;
}
.tenant-list dt:before {
    content: "◆";
    color: #b9513b;
}
.tenant-list.dt_h3 dt:before,
.tenant-list dd dt:before {
    content: " ";
}
/* 利用案内 */
/*  利用料金 */

table.datatable {
    width: 100%;
    margin: 0 auto;
    font-size: 90%;
    border-collapse: collapse;
}
table.datatable .mobile {
    display: none;
}
.datatable th {
    background: #e6e6e6;
    color: #000;
    padding: 0.6em;
    font-weight: normal !important
}
.datatable th span {
    display: block;
}
.datatable td {
    padding: 0.6em;
}
table.datatable .price {
    text-align: right;
}
#hall_set .datatable tbody th,
#gallery_set .datatable tbody th {
    text-align: left;
}
#hall_set .datatable tbody th .detail {
    display:none;
}
.minilogo {
    display: inline-block;
    width: auto;
    height: 1em;
}
#main .minilogo img {
    width: auto!important;
    height: 1em;
}
.event-detail.parking {
    font-size: 92%;
    background: none
}
.event-detail.parking dt {
    background: url(.//images/line_dotted.gif) repeat-x left bottom;
}
.event-detail.parking dd {
    background: url(.//images/line_dotted.gif) repeat-x left bottom
}
.usage-guidance ul {margin-top:0;}
@media only screen and (max-width: 645px) {
    table.datatable {
        border: none;
    }
    table.datatable colgroup,
    table.datatable thead {
        display: none;
    }
    .datatable tr {
        display: block;
        padding-bottom: 15px;
        margin-bottom: 15px;
        background: url(.//images/line_dotted.gif) repeat-x left bottom #ffffff;
    }
    .datatable th {
        display: block;
        color: #000;
        border: none;
        width: auto;
        margin-bottom: 0;
        padding: 0.6em 0 !important;
        background: #ffffff;
        font-weight: 700
    }
    .datatable td {
        width: auto;
    }
   .datatable th br {
        display: none;
    }
    .datatable th span {
        display: inline;
    }
    .datatable thead th,
    .datatable td {
        display: list-item;
        background: #ffffff;
        border: none;
    }
    .datatable thead th {
        background: #ffffff;
        margin-left: 0px;
        padding: 0.6em 0 0!important;
    }
    .datatable td {
        margin-left: 20px;
        padding: 0 0 0.6em;
        list-style: none;
        overflow: hidden;
    }
    .datatable .hidden {
        display: none !important;
    }
/* Lottery_Date */
    #Lottery_Date.datatable tr td ,
    #Lottery_Date2.datatable tr td ,
    #Lottery_Date3.datatable tr td {
        padding-left:1.5em;
    }
    #Lottery_Date.datatable tr td:nth-child(1):before ,
    #Lottery_Date2.datatable tr td:nth-child(1):before ,
    #Lottery_Date3.datatable tr td:nth-child(1):before {
        content: "◆抽選日\A";
        white-space: pre;
        text-indent:-1.5em;
        display:block;
        font-weight: 700
    }
    #Lottery_Date.datatable tr td:nth-child(2):before {
        content: "◆大ホール・小ホール・ギャラリー\A";
        white-space: pre;
        text-indent:-1.5em;
        display:block;
        font-weight: 700
    }
    #Lottery_Date.datatable tr td:nth-child(3):before {
        content: "◆サロンホール\A";
        white-space: pre;
        text-indent:-1.5em;
        display:block;
        font-weight: 700
    }
    #Lottery_Date.datatable tr td:nth-child(4):before  {
        content: "◆その他諸室・大ホール（舞台のみ）\A";
        white-space: pre;
        text-indent:-1.5em;
        display:block;
        font-weight: 700
    }

/* cancel */
    #cancel.datatable tr {
        border-bottom:none;
    }
    #cancel.datatable tr td {
        padding-left:1.5em;
    }
    #cancel.datatable tr td:nth-child(2):before {
        content: "◆施設の区分\A";
        white-space: pre;
        text-indent:-1.5em;
        display:block;
        font-weight: 700
    }
    #cancel.datatable tr td:nth-child(3):before {
        content: "◆変更・取消申請期日\A";
        white-space: pre;
        text-indent:-1.5em;
        display:block;
        font-weight: 700
    }
    #cancel.datatable tr td:nth-child(4):before {
        content: "◆利用日の変更可能期間\A";
        white-space: pre;
        text-indent:-1.5em;
        display:block;
        font-weight: 700
    }

/* usage-price */
    .usage-price th {font-size:100%;text-align:left;}
    .usage-price .ev td {background:#fff;}

/* main_hall sub_hall salon_hall */
    .datatable tr {
        border-bottom:none;
    }
    .hall tr:nth-child(1) th:before,
    .hall tr:nth-child(2) th:before  {
        content: "【入場料等が無料:";
        font-weight: 700
    }
    .hall tr:nth-child(3) th:before,
    .hall tr:nth-child(4) th:before  {
        content: "【入場料等が1,000円以下:";
        font-weight: 700
    }
    .hall tr:nth-child(5) th:before,
    .hall tr:nth-child(6) th:before  {
        content: "【入場料等が1,001円～2,000円:";
        font-weight: 700
    }
    .hall tr:nth-child(7) th:before,
    .hall tr:nth-child(8) th:before  {
        content: "【入場料等が2,001円～3,000円:";
        font-weight: 700
    }
    .hall tr:nth-child(9) th:before,
    .hall tr:nth-child(10) th:before  {
        content: "【入場料等が3,001円～4,000円:";
        font-weight: 700
    }
    .hall tr:nth-child(11) th:before,
    .hall tr:nth-child(12) th:before  {
        content: "【入場料等が4,000円以上:";
        font-weight: 700
    }
    .stage tr:nth-child(1) th:before ,
    .stage tr:nth-child(2) th:before ,
    .backstage th:before ,
    .salonhall th:before ,
    .otherroom th:before ,
    #reserve th:before  {
        content: "【";
        font-weight: 700
    }
    .datatable th {
        font-weight: 700
    }
    .backstage th {
        float:left;
    }
    .backstage th ,
    .salonhall th ,
    .otherroom th ,
    #reserve th
    {
        font-size: 100% !important;
    }
    .datatable th {
        font-weight: 700;
        font-size: 120%
    }
    .datatable th:before {
        content: "【";
        font-weight: 700;
        font-size: 120%
    }
    .datatable th:after {
        content: "】";
        font-weight: 700;
        font-size: 120%
    }
    .hall tr.od td:nth-child(3):before,
    .hall tr.ev td:nth-child(2):before,
    .stage tr.od td:nth-child(3):before,
    .stage tr.ev td:nth-child(2):before,
    .backstage td:nth-child(3):before,
    .salonhall td:nth-child(2):before {
        content: "◆午前9時～12時\A";
        white-space: pre;
        display:block;
        float: left;
    }
    .hall tr.od td:nth-child(4):before,
    .hall tr.ev td:nth-child(3):before,
    .stage tr.od td:nth-child(4):before,
    .stage tr.ev td:nth-child(3):before,
    .backstage td:nth-child(4):before,
    .salonhall td:nth-child(3):before {
        content: "◆午後13時～17時\A";
        white-space: pre;
        display:block;
        float: left;
    }
    .hall tr.od td:nth-child(5):before,
    .hall tr.ev td:nth-child(4):before,
    .stage tr.od td:nth-child(5):before,
    .stage tr.ev td:nth-child(4):before,
    .backstage td:nth-child(5):before,
    .salonhall td:nth-child(4):before {
        content: "◆夜間20時～22時\A";
        white-space: pre;
        display:block;
        float: left;
    }
    .hall tr.od td:nth-child(6):before,
    .hall tr.ev td:nth-child(5):before,
    .stage tr.od td:nth-child(6):before,
    .stage tr.ev td:nth-child(5):before,
    .backstage td:nth-child(6):before,
    .salonhall td:nth-child(5):before {
        content: "◆午前・午後9時～17時\A";
        white-space: pre;
        display:block;
        float: left;
    }
    .hall tr.od td:nth-child(7):before,
    .hall tr.ev td:nth-child(6):before,
    .stage tr.od td:nth-child(7):before,
    .stage tr.ev td:nth-child(6):before,
    .backstage td:nth-child(7):before,
    .salonhall td:nth-child(6):before {
        content: "◆午後・夜間13時～22時\A";
        white-space: pre;
        display:block;
        float: left;
    }
    .hall tr.od td:nth-child(8):before,
    .hall tr.ev td:nth-child(7):before,
    .stage tr.od td:nth-child(8):before,
    .stage tr.ev td:nth-child(7):before,
    .backstage td:nth-child(8):before,
    .salonhall td:nth-child(7):before {
        content: "◆終日9時～22時\A";
        white-space: pre;
        display:block;
        float: left;
    }
    .hall tr.od td:nth-child(9):before,
    .hall tr.ev td:nth-child(8):before,
    .stage tr.od td:nth-child(9):before,
    .stage tr.ev td:nth-child(8):before,
    .backstage td:nth-child(9):before,
    .salonhall td:nth-child(8):before {
        content: "◆超過時間1時間につき\A";
        white-space: pre;
        display:block;
        float: left;
    } 
    .datatable td.price:after {
        content: "円";
    }
    .backstage td:nth-child(2):before {
        content: "（定員:";
    }
    .backstage td:nth-child(2):after {
        content: "）";
    }
    .backstage td:nth-child(2)  {
        display:inline-block;
        padding: 0.6em 0 !important;
        margin-left:0;
        text-align:left;
    }
    .backstage td:nth-child(3) {
        clear :both;
    }




/* hall_set  gallery_set shimin_gallery */
    #hall_set tbody th:before ,
    #gallery_set tbody th:before ,
    #shimin_gallery tbody th:before,
    #lottery td:nth-child(1):before,
    #window td:nth-child(1):before {
        content: "【";
        font-weight: 700
    }
    #hall_set tbody th ,
    #gallery_set tbody th ,
    #shimin_gallery tbody th {
        font-size: 100% !important;
    }
    #hall_set tbody th .detail ,
    #gallery_set tbody th .detail ,
    #shimin_gallery tbody th .detail {
        display:inline !important;
        font-size:80%;
    }
    #hall_set tbody th:after ,
    #gallery_set tbody th:after ,
    #shimin_gallery tbody th:after,
    #lottery td:nth-child(1):after,
    #window td:nth-child(1):after  {
        content: "】";
        font-weight: 700
    }
    #hall_set td.txt-center ,
    #hall_set td.cap,
    #gallery_set td.txt-center ,
    #gallery_set td.cap
    #shimin_gallery td.txt-center ,
    #shimin_gallery td.cap {
        text-align:right;
        font-size:100%;
    }
    #lottery td:nth-child(1),
    #window td:nth-child(1) {
        font-size:100%;
    }
    #hall_set .hallset td:nth-child(2):before ,
    #gallery_set .galleryset td:nth-child(2):before {
        content: "◆単位\A";
        white-space: pre;
        display:block;
        float: left;
    }
    #hall_set .hallset td:nth-child(3):before {
        content: "◆料金(1区分あたり)\A";
        white-space: pre;
        display:block;
        float: left;
    }
    #gallery_set .galleryset td:nth-child(3):before {
        content: "◆料金\A";
        white-space: pre;
        display:block;
        float: left;
    }
    #hall_set .hallset td:nth-child(4):before {
        content: "◆超過料金(1時間につき)\A";
        white-space: pre;
        display:block;
        float: left;
    }
    #hall_set .hallset td:nth-child(5),
    #hall_set .hallset td:nth-child(6),
    #hall_set .hallset td.hidden,
    #gallery_set .galleryset td.hidden {
        display:none;
    }
    #hall_set .hallset td.cap:before,
    #gallery_set .galleryset td.cap:before {
        content: "◆備考\A";
        white-space: pre;
        display:block;
        float: left;
    }
    #shimin_gallery .shimingallery td:nth-child(2):before {
        content: "◆1日あたりの費用\A";
        white-space: pre;
        display:block;
        float: left;
    }
    #shimin_gallery .shimingallery td:nth-child(3):before {
        content: "◆1時間あたりの費用\A";
        white-space: pre;
        display:block;
        float: left;
    }

    .otherroom tr td.number ,
    .otherroom tr td.floor {
        display:inline-block;
    }
    .otherroom tr td.floor {
        padding-left:0;margin-left:0;
    }
    .otherroom tr td.number:before {
        content: "◆定員:";
    }
    .otherroom tr td.number:after {
        content: "人 /";
    }
    .otherroom tr td.floor:before {
        content: "面積:";
    }
    .otherroom tr td.floor:after {
        content: "㎡";
    }
    .otherroom tr td.price:before {
        content: "◆利用料（円）1時間当たり\A";
        white-space: pre;
        display:inline-block;
	float:left;
    }
    .otherroom tr td:nth-child(5) ,
    .otherroom tr td:nth-child(6) ,
    .otherroom tr td:nth-child(7) ,
    .otherroom tr td:nth-child(8) {
        white-space: pre;
        display:inline-block;
        padding-left:0;margin-left:2em;
    }
    .otherroom tr td:nth-child(5):before ,
    .otherroom tr td:nth-child(6):before ,
    .otherroom tr td:nth-child(7):before ,
    .otherroom tr td:nth-child(8):before {
        content: "※\A";
        white-space: pre;
        display:inline-block;
    }

    #reserve td:nth-child(2):before {
        content: "◆利用目的 〜 \A";
        display:block;
	float:left;
        white-space: pre;
    }
    #reserve td:nth-child(3):before {
        content: "◆予約受付期間\A";
        display:block;
        white-space: pre;
    }
    #reserve td:nth-child(4):before {
        content: "◆備考\A";
        display:block;
        white-space: pre;
    }
    #lottery td:nth-child(2):before {
        content: "◆抽選会実施日\A";
        display:block;
        white-space: pre;
    }
    #lottery td:nth-child(3):before {
        content: "◆時間 / 内容\A";
        display:block;
        white-space: pre;
    }
    #lottery td dl  {padding-left:1.5em;margin-top:0.8em;}
    #lottery td dt,#lottery td dd  {margin-bottom:0.8em;}

    #window {margin-top:20px;}
    #window td {text-align:left;}
    #window .ft01 {background:#fff;}
    #window .ft02 {background:#fff;}
    #window .ft03 {background:#fff;}
    #window td:nth-child(2):after {
        content: " ＝ 毎月1日 9:00〜";
    }
    #window td:nth-child(3):after {
        content: " ＝ 毎月2日 9:00〜";
    }
    #window td:nth-child(4):after {
        content: " ＝ 毎月2日 13:00〜";
    }

    .usage-price .cap.txt-right {display:none;}
    .for_sp {display:inline-block;padding-left:1em;text-indent:-1em;font-size:80%;}
}
@media only screen and (max-width: 645px) {
    table.datatable .mobile {
        display: block;
    }
    /*
    各種 テーブル固有設定 (施設予約)
    --------------------------------*/
    /* 登録の抹消 */
    .datatable-facilityreservation-01 tbody tr > td:nth-of-type(1)::before {
        content: '■要件';
        display: block;
    }
    .datatable-facilityreservation-01 tbody tr > td:nth-of-type(2)::before {
        content: '■必要書類等';
        display: block;
    }

    /* ご利用上の注意 【なかのＺＥＲＯ】 */
    .datatable-facilityreservation-02 tbody tr > td:nth-of-type(1)::before {
        content: '■登録区分';
        display: block;
    }
    .datatable-facilityreservation-02 tbody tr > td:nth-of-type(2)::before {
        content: '■抽選受付開始日';
        display: block;
    }
    .datatable-facilityreservation-02 tbody tr > td:nth-of-type(3)::before {
        content: '■最大抽選 申込区分数 (１件あたり)※1';
        display: block;
    }
    .datatable-facilityreservation-02 tbody tr > td:nth-of-type(4)::before {
        content: '■月間利用 可能日数 ※2';
        display: block;
    }

    /* ご利用上の注意【野方区民ホール】【なかの芸能小劇場】 */
    .datatable-facilityreservation-03 tbody tr > td:nth-of-type(1)::before {
        content: '■登録区分';
        display: block;
    }
    .datatable-facilityreservation-03 tbody tr > td:nth-of-type(2)::before {
        content: '■抽選受付開始日';
        display: block;
    }
    .datatable-facilityreservation-03 tbody tr > td:nth-of-type(3)::before {
        content: '■最大抽選 申込区分数 (１件あたり)※1';
        display: block;
    }
    .datatable-facilityreservation-03 tbody tr > td:nth-of-type(4)::before {
        content: '■月間利用 可能日数 ※2';
        display: block;
    }

    /* ご利用上の注意【野方区民ホール】【なかの芸能小劇場】 */
    .datatable-facilityreservation-04 tbody tr > td:nth-of-type(1)::before {
        content: '■取消日';
        display: block;
    }
    .datatable-facilityreservation-04 tbody tr > td:nth-of-type(2)::before {
        content: '■還付の割合';
        display: block;
    }

}

@media all and (max-width: 770px) {
    .col3 {
        max-width: 545px;
        max-height: initial;
        max-height: auto;
        margin: 0 auto;
    }
    .col3 .box {
        float: left;
        width: 204px;
        max-width: 29%;
        margin: 0 2%
    }
    
    .banners{
      overflow: hidden;
    }
    .banners li{
      margin-bottom: 14px;
    }
    
    .banners li:nth-child(odd){
      float: left;
      width: 49%;
    }
    .banners li.sp-bnr-space{
      margin-top: -14px;
    }
    
    .banners li:nth-child(even){
      float: right;
      width: 49%;
    }

}
/* for_SP */

@media all and (max-width: 700px) {
    .col3 {
        max-width: 470px;
        max-height: initial;
        max-height: auto;
        margin: 0 auto;
    }
    .col3 .box {
        float: left;
        width: 204px;
        max-width: 29%;
        margin: 0 2%
    }
    /* 利用案内*/
    .user dt {
        padding: 14px 20px 14px 20px;
        width: 100%;
        background: url(.//images/line_dotted.gif) repeat-x left top;
        float: none
    }
    .user dt:before {
        content: "【"
    }
    .user dt:after {
        content: "】"
    }
    .user dd {
        padding: 0 20px 14px 20px;
        background: none
    }
    .event-detail .cap,
    #table_malti .cap {
        display: inline;
    }
    .event-detail.parking,
    .event-detail.parking dt {
        background: none
    }

.jroc div {width:100% !important;}
.jroc div.col_L , .jroc div.col_R {float:none;}
.jroc div.col_L {margin-bottom:45px;}
.jroc div dt {float:none;width:100%;}
.jroc div dd {margin-left:2em;}
}

@media all and (max-width: 520px) {
/* hall_guide */
.hall_guide .img {width:100%;margin:0 0 15px 0;font-size:80%;float:none;}
.hall_guide .info dt {float:none;clear:both;margin-bottom:10px;width;100%;}
.hall_guide .info dd {margin-left:2em;}
}

@media all and (max-width: 470px) {
    .col3,
    .col3 .box {
        display: block;
        width: 100%;
        max-width: 300px;
        max-height: initial;
        max-height: auto;
        margin: 0 auto;
        margin-bottom: 0.5em;
    }
    .tenant-list dd dl dt {
        padding: 0.5em 1% 0;
        width: 96%;
        float: none
    }
    .tenant-list dd dl dd {
        padding: 0.5em 1% 0;
        width: 90%;
        padding-left: 2em;
    }
    .sitemap li ul {
        padding-left: 0;
    }
    .sitemap li .nofl li,
    .sitemap li li.nofl,
    .accordion li .nofl li,
    .accordion li li.nofl {
        float: none;
        width: 90%;
        background: none;
    }
    .sitemap li li,
    .sitemap .nofl li,
    .accordion li li,
    .accordion .nofl li ,
    .nofl .colmn2 li {
        float: none !important;
        width: 90% !important;
        background: none;
        padding-left: 1em;
        text-indent: -1em;
    }
    .studio .alignleft,
    .studio .m_studio {
        float: none;
        width: 100%;
    }
    .studio .m_studio {
        margin-top: 1em;
    }
    .holiday span {
        display: inline-block;
    }
.continuity dt:before , .placetime dt:before {content: "●";}
.continuity dt , .placetime dt {float:none;width:auto;}
.continuity dd , .placetime dd {padding-left:2em;}
}

.event-detail span.event-status {width:110px !important;height:auto;display:block;}

@media (max-width: 1024px) {
nav#gNav {
    height: auto;
    z-index:10000000;
}
.spnav {
    width: 100%;
}
.spnav ul {
    width: 100%;
}
.spnav li {
    width: 30%;
    text-align: center;
}
.spnav li + li{
    margin-left: 4%;
}
.spnav li:first-child{
    margin-left: 2%;
}
.spnav li:last-child{
    margin-left: 2%;
}
.spnav li img{
    display: inline-block;
}
}

@media (max-width: 650px) {
.site-title {
    padding-top: 0px;
}
.site-header .inner {
    min-height: 80px;
}
}
i {font-style:normal;}

dl.ticket > dd {padding: 0 0 15px 15px}
.mb_20 , .ticket li {margin-bottom:20px !important;}
.mb_40 {margin-bottom:40px !important;}
.button a {
  width: 90%;
  background-color: #b9513b;
  border-radius: 3px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px 0;
}
.button a:hover {
  background-color: #d4725d;
}

@media (min-width: 1025px){
.sub-collapser {
    display: none;
}
}

.facility-content .data_info .heading {
	position: relative;
    font-size: 117%;
    font-weight: 400;
    margin-bottom: 20px;
    border-bottom: 1px dashed #666;
    background: url(./images/blt_title_b.gif) no-repeat left bottom;
}
.facility-content .data_info .heading-text {
	display: block;
    padding: 4px 0 8px 20px;
    background: url(./images/blt_title_t.gif) no-repeat left top
}
.facility-content .data_info dd {
	margin-bottom: 30px;
}
.facility-content figure {
	margin-bottom: 30px;
}
.theta {
	margin-bottom: 30px;
}


.scroll-table{
	width: 100%;
	display: table;
	table-layout: fixed;
	background: #484747;
}
.scroll-table *{
	box-sizing: border-box;
}
.scroll-table-read{
	display: none;
	font-weight: bold;
	color: #919191;
	font-size: 125%;
	text-align: center;
}
.scroll-table > div{
	display: table-cell;
	vertical-align: top;
}
.scroll-table table{
	width: 100%;
	table-layout: fixed;
	margin: 0;
	border-spacing: 1px;
	border-collapse: separate;
}
.scroll-table th{
	height: 42px;
	background: #666;
	color: #fff;
	font-size: 75%;
	text-align: center;
}
.scroll-table td{
	height: 45px;
	line-height: 1.3;
	padding: 0 4px;
}

.scroll-table-fix{
	width: 170px;
}

.scroll-table-fix table{
	width: 100%;
}

.scroll-table-fix td{
	background: #E3E3E3;
	font-size:75%;
}
.scroll-table-move{
	-webkit-overflow-scrolling: touch;
}
.scroll-table-move table{
	width: 100%;
}
.scroll-table-move td{
	text-align: center;
	background: #fff;
}

.cell-price{
	font-size: 100%;
	font-weight: bold;
	color: #4F4F4F;
}
@media all and (max-width:600px) {
	.scroll-table-move{
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.scroll-table-move table {
    width: 500px;
	}
		.scroll-table-read{
			display: block!important;
		}
	
}