/*
Theme Name: Release ver.20221104
Description: ホールサイト用テーマ レスポンシブwebデザイン仕様
Version: 1.3.0

ホールサイト用のテーマです。別途カスタム投稿タイプの設定が必要です。
ブレイクポイント:1024/720px
*/
/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 4.1 - Site Header
 * 4.2 - Navigation
 * 5.0 - Content
 * 6.0 - Sidebar
 * 7.0 - calender
 * 8.0 - Footer
 * 9.0 - Drawer NAVI
 * 10.0 - sc_nav
 * 11.0 - for Smartphone
  * ----------------------------------------------------------------------------
 */
/**
 * 1.0 Reset
 * ----------------------------------------------------------------------------
 */

 article,aside,details,figcaption,figure,footer,header,nav,section,summary {
  display: block;
}
audio,canvas,video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
*,*:before,*:after{
  box-sizing: inherit;
}
html,button,input,select,textarea {
  font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif
}
body {
  font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.4;
  margin: 0;
  width: 100%;
}
a {
  color: #2f82d5;
}
a:visited {
  color: #2f82d5;
}
a:focus {
  outline: thin dotted;
}
a:active,a:hover {
  color: #2290ff;
  outline: 0;
}
a:hover {
  text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
address {
  font-style: normal;
  margin: 0 0 24px;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,strong {
  font-weight: 700;
  font-style: normal;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
code,kbd,pre,samp {
  font-family: monospace, serif;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre {
  background: #f5f5f5;
  color: #666;
  font-family: monospace;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
blockquote,q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
  content: "";
  content: none;
}
blockquote {
  font-weight: 300;
  margin: 20px 0px;
  padding: 25px;
  border-top:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
}
blockquote blockquote {
  margin-right: 0;
}
blockquote cite,blockquote small {
  font-weight: 400;
  text-transform: uppercase;
}
blockquote em,blockquote i {
  font-style: normal;
  font-weight: 300;
}
blockquote strong,blockquote b {
  font-weight: 400;
}
small {
  font-size: smaller;
}
sub,sup {
  font-size: 45%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
dt,dd {
  margin: 0;
  padding: 0;
}
menu,ol,ul {
  margin: 16px 0;
  padding: 0 0 0 40px;
}
ul {
  list-style-type: square
}
ul li {
  margin-bottom: .2em;
}
nav ul,nav ol {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
li > ul,li > ol {
  margin: 0;
}
img {
  border: 0;
  vertical-align: middle;
  height: auto;
  max-width: 100%
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal
}
table {
  border-collapse: collapse;
  margin: 0 0 20px;
  width: 100%
}
caption,th,td {
  font-weight: 400;
  text-align: left
}
caption {
  margin: 20px 0
}
del {
  color: #333
}
ins {
  background: #fff9c0;
  text-decoration: none
}
hr {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #efefef, #bbb, #efefef);
  background-image: -moz-linear-gradient(left, #efefef, #bbb, #efefef);
  background-image: -ms-linear-gradient(left, #efefef, #bbb, #efefef);
  background-image: -o-linear-gradient(left, #efefef, #bbb, #efefef);
  margin: 0 0 24px
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.content-area {
    position: relative;
    width: 990px;
    margin: 0 auto;
    padding: 20px 0 80px;
    *zoom: 1
}
.content-area:after {
    content: "";
    display: table;
    clear: both
}
.site-content {
    float: left;
    width: 680px
}
.sidebar-container {
    float: right;
    width: 240px
}

.simplemap {color:#333;}
/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */
/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header {
    position: relative
}
.site-header .inner {
    position: relative;
    width: 990px;
    min-height: 130px;
    margin: 10px auto;
    display: grid;
    gap: 10px;
    grid-template-columns: auto 360px;
    align-items: center;
}
.site-header .home-link {
    display: block;
    margin: 0;
    color: #333;
    font-weight: 400;
    text-decoration: none
}

.site-header a:hover .site-title {
    color: #666
}
.site-header a:hover .site-title img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}
.site-title {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    grid-row: 1 / 4;
}
.site-description {
    font-size: 75%;
    color: #798379;
    margin: 0 0 10px
}
@media all and (max-width: 1024px) {.site-title{width: 300px; padding-top: 0px;}}
@media all and (max-width: 650px) {.site-title{padding-top: 20px;}}
#hNav {
    grid-row-start: 3;
    margin-left: auto;
    padding: 0;
    *zoom: 1;
}
#hNav:after {
    content: "";
    display: table;
    clear: both
}
#hNav ul {
    overflow: hidden;
}
#hNav li {
    font-size: 74%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    list-style: none;
    background: url(./images/blt_arrow.png) no-repeat left center
}
#hNav li + li{
  margin-left: 10px;
}
#hNav li a {
    color: #333;
    text-decoration: none
}
#hNav li a:hover {
    text-decoration: underline
}
.font {
    grid-row-start: 2;
    width: 278px;
    padding: 0 0 0 10px;
    margin-left: auto;
    *zoom: 1;
    background: #8c8c8c;
    border-radius: 4px;
    overflow: hidden;
}
.font:after {
    content: "";
    display: table;
    clear: both
}
.header-font-text {
    float: left;
    margin: 0;
    padding: 12px 0 0;
    color: #fff;
    font-size: 92%
}
#fontSize {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    height: 45px;
    *zoom: 1;
    background: #8c8c8c;
}
#fontSize:after {
    content: "";
    display: table;
    clear: both
}
#fontSize li {
    float: left;
    margin: 0 0 0 5px;
    padding:4px 0 0;
    list-style: none
}
#fontSize li a {
    position: relative;
    display: block;
    padding: 0 20px;
    height: 37px;
    line-height: 37px;
    color: #4d774c;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    background: url(./images/bg_fontsize_off.png) no-repeat left top;
}
#fontSize .active a {
    color: #fff;
    background: url(./images/bg_fontsize_on.png) no-repeat left top;
}
.for_sp {
    display: none
}

#lang { overflow:hidden;position:absolute;top:0;right:0;width:270px;height:32px;list-style:none;margin:0;padding: 0;
display:none;
}
#lang li {float:left;padding:9px 0;margin:0;}
#lang li a {display:block;border-right:solid 1px #ccc;padding: 0 12px;line-height:14px;}
#lang li.pr a {border-right:none;padding-right:8px;}

.telephone {
    grid-row-start: 1;
    margin-left: auto;
    text-align: right;
}

.telephone p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.telephone p + p {
    margin-top: 5px;
}

.telephone .telephoneNum {
    position: relative;
}

.telephone .telephoneNum:hover {
    color: #000000;
}

.telephone .telephoneNum::before {
    content: "";
    background: url(./images/icon_tel.png) no-repeat left center;
    margin-right: 5px;
    width: 30px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

#gNav {
    background-color: #2e2e5e;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(122, 156, 69, .5);
    -moz-box-shadow: 0 1px 2px rgba(122, 156, 69, .5);
    box-shadow: 0 1px 2px rgba(122, 156, 69, .5);
}

nav#gNav {
    width: 100%;
    position: relative;
    height: 60px
}
nav#gNav ul.menu-toggle {
    display: none;
    position: relaitve;
}
nav#gNav ul {
    width: 100%;
    max-width: 990px;
    height: auto!important;
    padding: 0;
    margin: 0 auto;
}
nav#gNav > ul > li {
    width: 141px;
    float: left;
    display: block;
    text-align: center;
    position: relative;
    border-right: solid 1px #fff;
}
nav#gNav > ul > li:first-child{
    border-left: solid 1px #fff;
}
nav#gNav > ul li:nth-child(1),
nav#gNav > ul li:nth-child(2),
nav#gNav > ul li:nth-child(3){
    width: 142px;
}
nav#gNav ul li a {
    display: block;
    width: 100%;
    color: #FFF;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    font-size: 14px;
}
nav#gNav ul li a:link,
nav#gNav ul li a:visited {
    background-color: #2e2e5e;
}
nav#gNav ul li a:hover,
nav#gNav ul li a:active {
    background-color: #3a469d;
    color: #f333333
}
nav#gNav ul li a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
/*  END NAV  */
/* SUB NAV */

nav#gNav ul li ul {
  position: absolute;
  z-index: 5;
  top: 60px;
  left: 0;
  width: 100%;
  overflow: hidden;
  display: none;
}
nav#gNav ul li:hover ul {
    display: block;
}
nav#gNav ul li ul li {
    display: block;
    width: 100%!important;
    padding: 0;
    margin: 0;
    border-top: 1px solid #fff;
}
/* SUB SUB NAV */

nav#gNav ul li ul li ul {
    display: none;
    position: absolute;
    top: 0
}
nav#gNav ul li:not(:last-child) ul li ul {
    left: 100%
}
nav#gNav ul li:last-child ul li ul {
    right: 100%
}
nav#gNav ul li ul li ul li {
    display: none
}
nav#gNav ul li ul li:hover ul {
    display: block
}
nav#gNav ul li ul li:hover ul li {
    display: block
}
nav#gNav ul li:last-child {
    background-image: none
}
/* small pads */

@media all and (max-width: 1024px) {
    /*  NAV   */

    nav#gNav ul.menu-toggle {
        display: none
    }
    nav#gNav ul {
        width: 100%
    }
    /*  END NAV  */
}
/* handheld mobile devices */

@media all and (max-width: 1024px) {
    /*  NAV   */

    nav#gNav ul.menu-toggle {
        display: block;
        margin: 0;
        padding: 0;
        overflow: hidden
    }
    nav#gNav li.menu-toggle {
        display: block
    }
    nav#gNav ul {
        display: block;
        overflow: hidden
    }
    nav#gNav ul.menu-toggle+ul {
        position: absolute;
        top: 50px;
        z-index: 1000
    }
    nav#gNav ul li {
        display: block;
        width: 100%!important;
        border: 0;
        border-top: 1px solid #fff;
    }
    nav#gNav > ul > li:first-child{
        border: 0;
        border-top: 1px solid #fff;
    }
    nav#gNav ul li.menu-toggle a {
        text-align: right;
        overflow: hidden;
        display: block;
        height: 50px;
        margin: 0;
        padding: 0;
        color: #FFF;
        line-height: 50px;
        font-size: 18px;
        text-decoration: none;
        text-transform: uppercase;
        vertical-align: top;
    }
    nav#gNav ul li.menu-toggle a span {
        padding: 0 50px 0 0;
}
    nav#gNav ul {
        display: none
    }
    nav#gNav ul li a {
        text-align: left;
        padding-left: 3%;
        width: 100%;
        height: 50px!important;
        line-height: 50px!important;
        font-size: 14px!important
    }
    /* SUB MENU  */

    nav#gNav ul li ul {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0;
    }
    nav#gNav ul li ul li a {
        padding-left: 10%
    }
    nav#gNav ul li ul li ul {
        display: block;
        left: 0
    }
    nav#gNav ul li ul li:hover ul {
        display: none
    }
    nav#gNav ul li ul li:hover ul li {
        display: none
    }
    /*  END NAV  */
}
/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */
/* pages*/
.mt_05 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.information dt {margin:25px 0 10px 0 !important;font-weight:bold;}
.information dd {margin:0 0 5px 0 !important;padding-left:1em;}
ul.cacko li {list-style:none;padding-left:2em;text-indent:-2em;}
.imgs-left {
    float: left;
    padding-right: 1em;
}
.imgs-right {
    float: right;
    padding-left: 1em;
}
/* event info */

.event {
    margin-bottom: 20px;
    padding: 0 0 15px;
    background: url(./images/line_dotted.gif) repeat-x left bottom
}
.event-header {
    position: relative;
    margin-bottom: 10px;
    *zoom: 1
}
.event-header:after {
    content: "";
    display: table;
    clear: both
}

.event-header.event-title .heading_wrap {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  border-bottom: 1px dashed #666;
  background: url(./images/blt_title_b.gif) no-repeat left bottom;
}
.event-header.event-title .heading_wrap .heading {
  flex: 1;
  margin-bottom: 0;
  border-bottom: none;
  background: none;
}
.event-header.event-title .heading_wrap .heading-text {
  padding-right: 0;
}
.event-header.event-title .heading_wrap .school_tag {
  width: auto;
  margin-left: 8px;
  margin-top: 7px;
}

@media all and (max-width: 768px) {
  .event-header.event-title .heading_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .event-header.event-title .heading_wrap .heading {
    flex: auto;
  }
  .event-header.event-title .heading_wrap .school_tag {
    width: auto;
    margin-left: 0;
    margin-top: 0;
    padding: 0 0 8px 20px;
  }
}
.event-title {
    margin: 0 0 7px;
    padding: 0;
    border-bottom: none;
    font-size: 107%;
    background: none!important;
    font-weight: 700;
    overflow: hidden
}
.heading.event-title {
    margin-bottom: 22px
}

.event-header .event-status {
    float: right;
    margin-left: 20px;
    padding-top: 8px
}
.event-header .event-status img {
    margin-left: 5px
}
.event-img {
    max-width: 30%;
    margin-right: 20px
}
.event-summary {
    overflow: hidden;
    position: relative
}
.event-summary .event-status {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0
}
.event-summary .event-status img {
    margin: 0 5px 0 0
}
.event-summary .ev_title {
    margin: 10px 0 0 0;
    display: block;
}
.home .event-summary dt {
    float: left;
    width: 4em;
    font-weight: bold;
    margin: 0;
    color: #565656;
}
.event-summary dt {
    float: left;
    width: 9em;
    font-weight: bold;
    margin: 0;
    color: #565656;
}
.home .event-summary dd {
    font-weight: 700;
    margin-left: 4em;
}
.event-summary dd {
    font-weight: 700;
    margin-left: 9em;
}
.event-summary dd p {
	display: inline-block;
	padding-left: 0;
}
.event-summary dd p {
    margin: 0
}
.event-top-detail {
    overflow: hidden
}
.event-top-btn {
    clear: both
}
.event-data{
  margin: 5px 0;
  padding: 7px 5px 3px;
}
.event-detail {
    font-size: 92%;
    overflow: hidden;
    position: relative;
    clear: both;
    background: url(./images/line_dotted.gif) repeat-x left bottom
}
.event-detail dt {
    width: 25%;
    padding: 14px 10px 14px 0;
    color: #333;
    vertical-align: top;
    white-space: nowrap;
    background: url(./images/line_dotted.gif) repeat-x left top;
    clear: both;
    float: left;
	min-height:48px;
}
.event-detail dd {
    font-weight: 700;
    padding: 14px 10px 14px 0;
    overflow: hidden;
    position: relative;
    background: url(./images/line_dotted.gif) repeat-x left top;
	min-height:48px;
}
.event-detail dd .dd_img {
    width: 30%;
    float: left;
    padding-right: 15px;
}
.event-detail dd dl {
    overflow: hidden;
    position: relative;
}
.event-detail dd p {
    margin: 0
}
#close.event-detail dt {
    width: 55%;
}
.noput dt {
    padding: 0;
    float: none;
    background: none
}
.noput dt:before {
    content: ""
}
.noput dt:after {
    content: ""
}
.noput dd {
    padding: 0 0 14px 20px;
    font-weight: 400;
    background: none
}
.price dl,
.page dl {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.price ul,
.price ol {
    padding: 0 0 0 40px;
    margin: 0 0 0 0;
}
.price dt {
    width: 100%;
    padding: 14px 10px 14px 0;
    color: #333;
    vertical-align: top;
    white-space: normal;
    background: url(./images/line_dotted.gif) repeat-x left top;
    float: none
}
.price dt.nb {
    background: none !important;
    padding: 0 0 14px 0;
}
.page dt.nb,
.page dd.nb {
    background: none !important;
    padding: 14px 10px 14px 0 !important;
}
.price dd {
    padding: 0 10px 14px 0;
    overflow: visible;
    background: none
}
.noput dd {
    padding: 0 0 14px 20px;
    font-weight: 400;
    background: none
}
.event-excerpt {
    margin: 15px 0 20px;
    color: #565656
}
.event-content,
.event-images {
    margin-bottom: 30px;
    clear: both;
    overflow: hidden
}
.event-images {
    text-align: center;
		display: flex;
	flex-wrap: wrap;
}

.event-images:after {
    content:" ";
    display:block;
    clear:both;

}

.event-images .box {
    padding:0 5px;
    font-size:0.8em;
    vertical-align: middle;
	width: 33%;
}

.event-images .small{
	width: 33%;
}
.event-images .medium{
	width: 66%;
}
.event-images .medium{
	width: 100%;
}

.event-images .box p {
    margin-top:5px;
    padding-top:0;
}

.event-images .box img {
    width: 100%;
}
.event-ticketOffices {
    margin: 0;
    padding: 0
}
.event-ticketOffices li {
    list-style: none;
    margin-bottom: .2em
}
.event-ticketOffices {
    margin-bottom: 20px;
    *zoom: 1
}
.event-ticketOffices .hall:after {
    content: "";
    display: table;
    clear: both
}
.event-ticketOffices .pia,
.event-ticketOffices .eplus,
.event-ticketOffices .lawson,
.event-ticketOffices .jtbet,
.event-ticketOffices .other {
    margin-top: 20px
}
.event-ticketOffices .link {
    display: block;
    padding-left: 15px;
    background: url(./images/blt_arrow.png) no-repeat left
}
.event-ticketShop {
    overflow: hidden;
    position: relative;
    _zoom: 1
}
.hall-info {
    /*float:left;*/

    font-size: 125%
}
.ticketSite {
    width: 280px;
    float: right
}
.event-btn {
    float: right;
    text-align: right;
    margin: 0;
    padding: 0
}
.event-btn li {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none
}
.workshop-summary {
    overflow: hidden
}
/* news */


.news_menu dt {
    margin-bottom: 5px;
    color: #565656
}
.news_menu dd {
    margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: dashed 1px #e0e0e0;
}
.news_menu p {
    margin: 0
}

.news-new{
  margin-left: 10px;
  color: #e50000;
}

.event-tag span,
.facility-tag,
.event-status span {
	margin-right: 5px;
}
.facility-tag,
.event-tag span {
	display: inline-block;
	margin-left: 0;
	padding: 0 0.5em;
	height: 28px;
	line-height: 30px;
	font-size: 81%;
	vertical-align: middle;
	border-radius: 5px;
	color: #fff;
}

.event-tag span{
	background: red;
}

.event.pickup .facility-tag{
	margin-left: 0;
}

.detail-tag{
	margin-left: 0;
	margin-bottom: 10px;
}

.zero, .zero_hall, .zero_news{
	background: #f35594;
}

.nogata, .ward_hall, .ward_news{
	background: #aaca00;
}

.geisho, .art_hall, .art_news{
	background: #4aafe6;
}

.joint{
	background: #bbb9b9;
}
.today{
	background: #bbb9b9;
}
.other, .other_news{
	background: #999999;
}

.event-status span {
	display: inline-block;
	padding: 0 0.5em;
	height: 28px;
	line-height: 30px;
	font-size: 81%;
	vertical-align: middle;
	border-radius: 5px;
	color: #fff;
	border: 1px solid #DDDDDD;
}
.event-status .end {background: #999999;}
.event-status .free {background: #7eb81f;}
.event-status .soldout {background: #999999;}
.event-status .releaseend {background: #999999;}
.event-status .nowonsale {background: #0066cc;}
.event-status .soldout {background: #999999;}
.event-status .currentticket {background: #5ea043;}


.news-list{
	list-style: none;
	padding: 0;
	width: 100%;
}
.news-list li{
	box-sizing: border-box;
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-bottom: 1.5%;
}
.news-list li:nth-child(3n-2){
	margin-left: 0;
}
.news-list li a{
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 5px 0;
	text-decoration: none;
	text-align: center;
}

.category + .category{
	margin-top: 30px;
}

.calendar-flex{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
main .calendar-flex li{
border:none;
border: 2px solid #ad85c8;
}
main .calendar-flex li a{
border:none;
display: table;
height: 100%;
}
main .calendar-flex li a span{
display: table-cell;
vertical-align: middle;
}

/*固定ページ*/

.page-images {
    margin-bottom: 30px
}
.page-images {
    text-align: center;
    max-height: 320px
}
.page-images .box {
    display: table-cell;
    width: 340px;
    max-height: 225px;
    text-align: center;
	overflow:hidden;
    vertical-align: middle
}
.page-images .box img {
    width: 100%;
}


dl.bd_box {padding:20px;margin:20px;border:solid 2px #b9513b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
dl.bd_box dt {margin-top:0px !important;}


.zero-list{
	list-style: none;
	width: 100%;
	padding-left: 0;
}
.zero-list li{
	width: 23%;
	margin-left: 1%;
	float: left;
}
.zero-list li:nth-child(4n-3){
	margin-left: 0;
}
.zero-list li a{
	box-sizing: border-box;
	display: block;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
	border: solid 2px #9348c4;
	color: #9348c4;
}
.zero-list li a:hover,.zero-list li.current a{
	background: #9348c4;
	color: #fff;
}

.menu-list{
	width: 100%;
	list-style: none;
	padding: 0;
}

.menu-list li{
	float: left;
	width: 31%;
}

.menu-list li + li{
	margin-left: 2.5%;
}

.menu-list.type3 li{
	width: 32%;
	margin-left: 2%;
}
.menu-list.type3 li:nth-child(3n-2){
	margin-left: 0;
}

.menu-list li a{
	height: 56px;
	width: 100%;
	display: table;
	vertical-align: middle;
	text-decoration: none!important;
	font-size: 88%;
}
.menu-list li a span{
	height: 100%;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

li[class*="-list-"] a{
	color: #ad85c8;
	background: #fff;
	border: 2px solid #ad85c8;
}
li[class*="-list-"].current a,li[class*="-list-"] a:hover{
	color: #fff;
	background: #ad85c8;
}
*[class*="-list-all"] a{
	color: #7d7d7d;
	border: solid 2px #7d7d7d;
}
*[class*="-list-all"] a:hover,*[class*="-list-all"].current a{
	background: #7d7d7d;
}

li[class*="-list-nogata"] a{
	color: #aaca00;
	background: #fff;
	border: 2px solid #aaca00;
}
li[class*="-list-nogata"].current a,li[class*="-list-nogata"] a:hover{
	color: #fff;
	background: #aaca00;
}

li[class*="-list-geisho"] a{
	color: #4aafe6;
	background: #fff;
	border: 2px solid #4aafe6;
}
li[class*="-list-geisho"].current a,li[class*="-list-geisho"] a:hover{
	color: #fff;
	background: #4aafe6;
}

@media all and (max-width: 768px) {
	.zero-list li {
		width: 32%;
	}
	.zero-list li a {
		height: 56px;
		width: 100%;
		display: table;
		vertical-align: middle;
		text-decoration: none!important;
		font-size: 88%;
	}
	.zero-list li a span {
		height: 100%;
		width: 100%;
		vertical-align: middle;
		display: table-cell;
		text-align: center;
	}
	.zero-list li:nth-child(4n-3) {
		margin-left: 1%;
	}
}

.access-content .content-ac-gmap iframe {
	display: block;
	width: 100%;
	height:400px;
}

.table_wrap{
	display: table;

}

.table_item:first-child{
	width: 180px;
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
}

#planeta_commentary {
	margin-top: 40px;
}

.table_item:first-child img{
	width: 100%;
}

.table_item:last-child{
	display: table-cell;
	vertical-align: top;
}

.table_item p{
	padding: 0;
	margin: 0;
}

.accordion .facility-name li a {
	padding-left: 0;
}
.accordion-ttl{
	border-bottom: none;
	font-weight: bold!important;
	padding: 0 20px!important;
	margin-bottom:0!important;
	border: none!important;
	background: #ebebeb;
	cursor:pointer
}
.accordion-ttl.accordion-open{
	background: #f8dddd;
}
.accordion-ttl span{
	display: block;
	padding: 15px 0;
	background: url(./images/accordion_arw_close.png) no-repeat right center;
}
.accordion-ttl.accordion-open span{
	background: url(./images/accordion_arw_open.png) no-repeat right center;
}
.facility-name{
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.facility-name li{
	box-sizing: border-box;
	float: left;
	width: 48%;
	position: relative;
	padding: 5px 0 5px 32px!important;
	text-indent: 0!important;
}
.facility-name li:nth-child(even){
	margin-left: 4%;
}
.facility-name li:nth-child(odd) {
		clear:both;}
@media all and (max-width: 768px) {
/*facility*/
	.facility-name {
		padding-left:5px;}
	.facility-name li:nth-child(odd) {
		clear:both;}
}

#main .facility-num{
	position: absolute;
	width: 20px !important;
	height: 20px !important;
	left: 0;
}
.facility-mapImage{
	margin-top: 10px;
	text-align: center;
}
.facility-category.link{
	font-weight: bold;
	border-bottom: none;
}
.facilityreservation-content {
	margin-bottom: 30px;
}
.flow ul,
.flow li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.anc-nav,
.ticket_anc-nav {
	margin: 0;
	padding: 0;
	text-align: center;
}
.anc-nav li,
.ticket_anc-nav li {
	margin-bottom: 0;
	display: inline-block;
	text-align: center;
	font-size: 82%;
	vertical-align: top;
}

.anc-nav li a,
.ticket_anc-nav li a {
	background: #fff;
    color: #ad85c8;
	text-decoration: none;
	display: block;
	border: 2px solid #ad85c8;
	padding: 10px 40px;
	width: 100%;
}
.ticket_anc-nav li a {
	text-decoration: underline;
}
.ticket_anc-nav li a:hover {
	text-decoration: none;
}
.anc-nav li.current a,
.ticket_anc-nav li.current a {
	background: #ad85c8;
    color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 40px;
	width: 100%;
}
.anc-nav li a span,
.ticket_anc-nav li a span {
    height: 100%;
    width: 100%;
    vertical-align: middle;
    /*display: table-cell;*/
    text-align: center;
}
.anc-nav li.menu01 {
	margin-right: 5px;
}
.anc-nav li.menu01 a {
	padding-top: 20px;
	padding-bottom: 0;
}
.anc-nav li.menu02 {
	margin-left: 5px;
}

.ticket-content {
	margin-bottom: 30px;
}
.ticket-content ul {
	list-style-type: none;
}
.ticket_anc-nav li.menu01,
.ticket_anc-nav li.menu02 {
	margin-right: 5px;
}
.ticket-content .box {
	background: #fff;
    color: #ad85c8;
    display: block;
    border: 2px solid #ad85c8;
    padding: 5px 10px;
	display: inline-block;
}
.ticket-content .box.inverted {
	background: #ad85c8;
    color: #fff;
}
.ticket-content dl {
	margin-bottom: 30px;
	overflow: hidden;
}
.ticket-content dl dt {
	margin-bottom: 10px;
	float: left;
	width: 25%;
}
.ticket-content dl dd {
	float: left;
	width: 72%;
	padding-left: 3%;
}
.ticket-content a .box {
	text-decoration: underline;
}
.ticket-content a .box:hover {
	text-decoration: none;
}

.page .contact_form {
	width: 100%;
	display: table;
	vertical-align: middle;
	margin-bottom: 20px;
}
.page .contact_form.line1 label,
.page .contact_form.line2 label,
.page .contact_form.line3 label,
.page .contact_form.line4 label,
.page .contact_form.line5 label,
.page .contact_form.line6 label,
.page .contact_form.line7 label,
.page .contact_form.line8 label,
.page .contact_form.line13 label {
	width: 100%;
	display: table;
	vertical-align: middle;
	margin-bottom: 20px;
}
.page .contact_form dt {
	height: 100%;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
	width: 30%;
	font-weight: bold;
}
.page .contact_form dd {
	height: 100%;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}
.page .contact_form.line1 span,
.page .contact_form.line2 span,
.page .contact_form.line3 span,
.page .contact_form.line4 span,
.page .contact_form.line5 span,
.page .contact_form.line6 span,
.page .contact_form.line7 span,
.page .contact_form.line8 span,
.page .contact_form.line13 span,
.page .contact_form.line13 span textarea {
	display: block;
	width: 100%;
}
.page .contact_form.line1 span input[type="text"],
.page .contact_form.line2 span input[type="text"],
.page .contact_form.line3 span input[type="text"],
.page .contact_form.line4 span input[type="text"],
.page .contact_form.line5 span input[type="email"],
.page .contact_form.line6 span input[type="text"],
.page .contact_form.line7 span input[type="text"],
.page .contact_form.line8 span input[type="tel"],
.page .contact_form.line10 select,
.page .contact_form.line11 select,
.page .contact_form.line4 span input[type="tel"],
.page .contact_form.line5 span input[type="text"],
.page .contact_form.line6 span input[type="email"],
.page .contact_form.line8 span input[type="text"],
.page .contact_form.line11 span input[type="text"],
.page .contact_form.line12 span input[type="text"],
.page .contact_form.line13 span input[type="text"],
.page .contact_form.line14 span input[type="text"],
.page .contact_form.line15 span input[type="text"],
.page .contact_form.line16 span input[type="text"],
.page .contact_form.line17 span input[type="tel"]
{
    display: block;
    width: 100%;
	padding: 10px;
}
.page .contact_form.line10.add01 span input[type="text"] {
	display: inline-block;
    width: 20%;
	padding: 10px;
}
.page .contact_form.line10.add02 span input[type="text"] {
	display: inline-block;
    width: 20%;
	padding: 10px;
}
.page .contact_form.line10.add02 span select {
	display: inline-block;
    width: 50%;
	margin-right: 10px;
	padding: 10px;
}
.page .contact_form.line9 span input[type="text"] {
	display: inline-block;
    width: 47%;
	padding: 10px;
}
.page .contact_form textarea {
    width: 83%;
}
.page .contact_form1 dd select,
.page .contact_form10 dd select,
.page .contact_form11 dd select {
	width: 83%;
}
.page .contact_form2 dd input,
.page .contact_form3 dd input,
.page .contact_form4 dd input,
.page .contact_form5 dd input,
.page .contact_form7 dd input {
    width: 83%;
}
.page .contact_form_send_btn {
	text-align: center;
	margin-bottom: 60px;
	margin-top: 30px;
}
.page .submit_btn {
	text-align: center;
}
.page .submit_btn input[type="submit"] {
	background-color: #9c0;
	border: none;
	border-bottom: 3px solid #578200;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 11px 54px 10px;
	text-decoration: none
}
button,
input,
textarea {
	border: 1px solid #999;
	font-family: inherit;
	padding: 5px;
}
input,
textarea {
	color: #999
}
input:focus,
textarea:focus {
	border: 1px solid #9c0;
	outline: 0
}

@media all and (max-width: 719px) {
		.page .contact_form {
		width: 100%;
		display: block;
		vertical-align: middle;
		margin-bottom: 20px;
	}
	.page .contact_form dt {
		height: 100%;
		width: 100%;
		vertical-align: middle;
		display: block;
		width: 100%;
	}
	.page .contact_form dd {
		height: 100%;
		width: 100%;
		vertical-align: middle;
		display: block;
	}

	.page .contact_form textarea {
		padding: 5px 2%;
		width: 100%;
	}
	.page .contact_form1 dd select,
	.page .contact_form10 dd select,
	.page .contact_form11 dd select {
		width: 100%;
	}
	.page .contact_form2 dd input,
	.page .contact_form3 dd input,
	.page .contact_form4 dd input,
	.page .contact_form5 dd input,
	.page .contact_form7 dd input {
		padding: 5px 2%;
		width: 100%;
	}

	.page .learning_contact_form {
		display: block;
	}
	.page .learning_contact_form dt {
		display: block;
		width: 100%;
	}
	.page .learning_contact_form dd {
		display: block;
	}
	.page .learning_contact_form textarea {
		padding: 5px 2%;
    width: 96%;
	}
	.page .learning_contact_form6 dd select,
	.page .learning_contact_form7 dd select {
		width: 100%;
	}
	.page .learning_contact_form1 dd input,
	.page .learning_contact_form2 dd input,
	.page .learning_contact_form3 dd input {
		padding: 5px 2%;
		width: 96%;
	}
}

.accordion .ticket-flow {
	margin: 0;
	padding: 0;
	margin-top: 30px;
}
.accordion .ticket-flow li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	text-indent: 0;
}

.learningroom_block {
	display:table;
	table-layout:fixed;
	width:100%;
	text-align:center;
	border-collapse: separate;
	border-spacing: 20px 0;
}
.learningroom_block .learningroom {
	display:table-cell;
	vertical-align:middle;
	width: 50%;
}

.accordion-content ul {
	padding-left: 0;
}
.accordion .facility-map li {
    padding-left: 0;
    text-indent: 0;
}

@media all and (max-width: 719px) {
	.learningroom_block {
		display:table;
		table-layout:fixed;
		width:100%;
		text-align:left;
		border-collapse: separate;
		border-spacing: 10px 0;
	}
	.learningroom_block .learningroom {
		display:block;
		vertical-align:middle;
		width: 100%;
	}
	.learningroom_block .event-date {
		padding: 0;
		padding-left: 10px;
	}
	.learningroom-img {
		width: 50%;
		float: left;
	}
}

.school_contact {
	padding-top: 14px;
    background: url(./images/line_dotted.gif) repeat-x left top;
	overflow: hidden;
}
.school_contact a {
    display: block;
    padding-left: 15px;
    font-size: 12px;
    color: #565656;
    background: url(./images/blt_arrow.png) no-repeat left center;
    font-weight: bold;
	float: right;
}
.school_event-status {margin: 0;}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */
/* breadcrumbs */

#breadCrumbs {
    margin: 0 0 36px;
    padding: 0;
    list-style: none;
    font-size: 85%;
    *zoom: 1
}
#breadCrumbs:after {
    content: "";
    display: table;
    clear: both
}
#breadCrumbs li {
    float: left
}
#breadCrumbs li a {
    display: block;
    padding-right: 20px;
    background: transparent url(./images/blt_breadcrumbs.gif) no-repeat right center
}
/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
/* page header */

.page-header {
    margin-bottom: 40px
}
/* Page links */

.page-links {
    clear: both;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 2.2;
    margin: 20px 0;
    text-transform: uppercase
}
.page-links a,
.page-links > span {
    padding: 5px 10px;
    text-decoration: none
}
/* pagetop */

.pagetop {
    clear: both;
    text-align: right;
    padding-top: 30px
}
/* navigation */

.navigation {
    *zoom:
    /* 次のページへ */
    /* 前のページへ */

    1
}
.navigation:after {
    content: "";
    display: table;
    clear: both
}
.navigation .nav-back {
    float: right;
    margin: 0;
    padding: 0
}
.navigation .nav-back a {
    display: block;
    padding-left: 15px;
    background: url(./images/blt_arrow.png) no-repeat left center
}
.navigation .nav-previous {
    float: right
}
.navigation .nav-next {
    float: left
}
.nobr {
    display: inline-block;
    white-space: nowrap
}
.mustbr {
    display: block;
    white-space: nowrap
}
#tinymce .nobr {
    border: solid 1px #FDC4FB
}
#tinymce .spbr {
    border-right: solid 1px #01FDF4
}
#tinymce .tel-link {
    border: solid 1px #00ff00
}
/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

.sidenav {
    margin-bottom: 20px
}
.sidenav-title {
    margin-bottom: 5px;
    background: url(./images/blt_sidetitle_b.gif) no-repeat left bottom
}
.sidenav-title span {
    display: block;
    padding: 3px 0 3px 15px;
    background: url(./images/blt_title_t.gif) no-repeat left top
}
.sidenav-link {
    margin: 0;
    padding: 0
}
.sidenav-link li {
    list-style: none
}
.sidenav-link li {
    padding: 10px 0;
    background: url(./images/line_dotted.gif) repeat-x left bottom
}
.sidenav-link li a {
    display: block;
    padding-left: 15px;
    background: url(./images/blt_arrow.png) no-repeat left center
}
.contact {
    padding: 5px;
    color: #fff;
    font-size: 85%;
    font-weight: 700
}
.content-access{
    background-color: #2e2e5e;
}
.content-access .mt_05{
    text-align: center;
}
.content-fb{
  /* margin-top: 20px; */
    margin-bottom: 14px;
    background-color: #0866ff;
}
.contact .inner {
    margin: 0 5px 12px;
    font-size: 12px;
    line-height: 1.2
}
.contact .title {
    margin: 5px 0 10px 5px;
    padding: 4px 0 4px 15px;
    font-size: 133%;
    line-height: 1.4;
    background: url(./images/bg_contact.png) no-repeat left center;
}
.contact ul {
    margin: 0 0 12px;
    padding: 0
}
.contact ul li {
    list-style: none
}
.contact ul li span.br {
    display: block;
    padding: 0 0 .5em 1em
}
.contact .link-btn {
    margin: 0
}
.contact a:link,
.contact a:hover,
.contact a:visited,
.contact a:active {
    color: #fff
}
#map {
    width: 100%;
    height: 180px
}
#accessMap {
    width: 680px;
    height: 380px
}
.contact-list li{
    padding: 5px;
    margin-bottom: 1em
}
/**
 * 7.0 calender
 * ----------------------------------------------------------------------------
 */
/* Monthly */

#monthTabs {
    *zoom: 1
}
#monthTabs:after {
    content: "";
    display: table;
    clear: both
}
#monthTabsChange {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    *zoom: 1
}
#monthTabsChange:after {
    content: "";
    display: table;
    clear: both
}
#monthTabsChange li {
    float: left;
    list-style: none;
    margin-right: 25px;
    padding: 5px 20px;
    border: 1px solid #9c5b55
}
#monthTabsChange li a {
    color: #9c5b55;
    text-decoration: none
}
#monthTabsChange li.select {
    background-color: #fcf0f2
}

#monthTabs .monthLink{
display: table;
width: 100%;
margin-bottom: 20px;
}
#monthTabs .monthLink .leftList{
text-align: left;
display: table-cell;
width: 5em;
}
#monthTabs .monthLink .monthDate{
text-align: center;
display: table-cell;
}
#monthTabs .monthLink .rightList{
text-align: right;
display: table-cell;
width: 5em;
}

/* Hall tab */

.hallTabs {
    margin: 20px 0;
    padding: 0 0 0 10px;
    list-style: none;
    background: url(./images/bg_tab.gif) repeat-x left bottom;
    *zoom: 1
}
.hallTabs:after {
    content: "";
    display: table;
    clear: both
}
.hallTabs li {
    float: left;
    margin: 0 3px 0 0;
    list-style: none;
    text-align: center;
    background: url(./images/tab_off_l.gif) no-repeat left bottom
}
.hallTabs li a {
    display: block;
    height: 41px;
    line-height: 41px;
    color: #fff;
    padding: 0 20px;
    text-decoration: none;
    background: url(./images/tab_off_r.gif) no-repeat right bottom
}
.hallTabs li.select {
    background: url(./images/tab_on_l.gif) no-repeat left bottom
}
.hallTabs li.select a {
    cursor: default;
    color: #000;
    font-weight: 700;
    background: url(./images/tab_on_r.gif) no-repeat right bottom
}
/* Tab content */

#monthTabs .tabContent table {
    border-collapse: collapse;
    border-top: 1px solid #666;
    border-left: 1px solid #666
}
#monthTabs .tabContent th {
    padding: 6px 10px;
    color: #fff;
    text-align: center;
    background-color: #666;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #666;
	width: 20%;
}
#monthTabs .tabContent th.date {
    width: 28%;
    border-left: 1px solid #666
}
#monthTabs .tabContent th.eventName {
    width: 20%
}
#monthTabs .tabContent th.organizer {
    width: 20%;
    border-right: 1px solid #666
}
#monthTabs .tabContent td {
    padding: 10px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
	width: 20%;
}
#monthTabs .tabContent td p {
    margin: .3em auto
}
#monthTabs .tabContent tr.host td {
    background-color: #fcf0f2
}
/**
 * 8.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
    clear: both;
    padding: 0 0 5px;
    color: #686758;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #e7e7e7;
    border-bottom:5px solid #2e2e5e;
}
.site-footer .site-footer p {
    margin: 0
}
.site-footer .site-footer a {
    color: #686758
}
.site-footer .bg {
    background-color: #fff
}
.site-footer .inner {
    width: 990px;
    margin: 0 auto;
    padding: 20px 0;
    *zoom: 1
}
.site-footer .inner:after {
    content: "";
    display: table;
    clear: both
}
#fNav {
    float: right;
    margin: 0;
    padding: 0
}
#fNav li {
    font-size: 85%;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
    list-style: none;
    list-style: none;
    background: url(./images/blt_arrow.png) no-repeat left center
}
#fNav li a {
    color: #333;
    text-decoration: none
}
#fNav li a:hover {
    text-decoration: underline
}
.copyright {
    widht: 950px;
    margin: 0 auto;
    padding: 15px 0 30px;
    text-align: center
}


/**
 * 10.0 sc_nav
 * ----------------------------------------------------------------------------
 */

.sc_nav {
    float: none;
    width: 100%;
    margin: 0 auto;
    max-width: 950px;
    width: expression(this.width > this.height ? "950px": "auto")
}
.sc_nav ul {
    overflow: hidden;
    zoom: 1;
    position: relative;
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}
.sc_nav ul li {
    float: left;
    padding-right: 10px;
    font-weight: 700;
    line-height: 26px;
    color: #f69
}
.sc_nav .sc_btn {
    float: none;
    width: 100%;
    margin: 0 auto;
    width: 800px
}
.sc_nav .sc_btn li {
    float: left;
    padding: 0 10px
}
.sc_nav .sc_btn li a {
    display: block;
    width: 140px;
    height: 140px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: contain!important;
    backglound: no-repeat top left
}
.sc_nav .sc_btn li.sc01 a {
    background: url(./images/shnv_1.jpg)
}
.sc_nav .sc_btn li.sc01 a:hover {
    background: url(./images/shnv_1_on.jpg)
}
.sc_nav .sc_btn li.sc02 a {
    background: url(./images/shnv_2.jpg)
}
.sc_nav .sc_btn li.sc02 a:hover {
    background: url(./images/shnv_2_on.jpg)
}
.sc_nav .sc_btn li.sc03 a {
    background: url(./images/shnv_3.jpg)
}
.sc_nav .sc_btn li.sc03 a:hover {
    background: url(./images/shnv_3_on.jpg)
}
.sc_nav .sc_btn li.sc04 a {
    background: url(./images/shnv_4.jpg)
}
.sc_nav .sc_btn li.sc04 a:hover {
    background: url(./images/shnv_4_on.jpg)
}
.sc_nav .sc_btn li.sc05 a {
    background: url(./images/shnv_5.jpg)
}
.sc_nav .sc_btn li.sc05 a:hover {
    background: url(./images/shnv_5_on.jpg)
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    margin: 0;
    z-index: 99999
}
#page-top a img {
    width: 48px;
    height: 64px;
    margin: 0;
    opacity: .7
}
.form-width {
    max-width: 90%;
}
.txt_blue {color:#3B5998;}
    span.br {display:block;}
/**
 * 11.0 For Smartphone
 * ----------------------------------------------------------------------------
 */

@media all and (max-width: 1024px) {
    #gNav ul,
    .mainImg,
    .site-footer .inner,
    #fNav,
    #main img,
    .banners img {
        width: 100%
    }
    nav#gNav ul li.home a{
        background: #b9513b url(./images/ico_home.png) no-repeat 24px 14px;
    }
    nav#gNav .prmenu_container {
        width: 100%;
        max-width: 1024px;
        width: expression(this.width > this.height ? "1024px": "auto")
    }
    .site-header {
        width: 96%!important;
        margin: 10px auto;
    }
    .content-area {
        width: 96%!important;
        margin: 0 auto;
    }
    .site-content {
        width: 74%
    }
    .sidebar-container {
        width: 24%
    }
    .content-fb-inner{
        width: 100%;
        margin: 0 auto;
    }
    .contact ul li {
        display: inline-block;
        padding-right: 1em;
        line-height: 2em
    }
    .contact ul li:nth-child(1) {
        display: block
    }
    .copyright {
        float: none;
        width: 96%;
        margin: auto;
        text-align: center;
        clear: both;
        padding-top: 25px
    }
    #accessMap {
        max-width: 100%;
        height: 380px;
    }
    .site-footer .inner {
        padding: 20px 0 5px
    }
}
@media all and (max-width: 800px) {
    .sc_nav {
        float: none;
        width: 96%;
        margin: 0 auto;
        width: 96%
    }
    .sc_nav .sc_btn {
        width: 700px
    }
    .sc_nav .sc_btn li a {
        width: 120px;
        height: 120px
    }
    #close.event-detail dt {
        width: 100%;
    }
    #close.event-detail dd {
        padding: 0 0 14px 20px;
        background: none
    }
    #close.event-detail dt:before {
        content: "【"
    }
    #close.event-detail dt:after {
        content: "】"
    }
}
@media all and (max-width: 719px) {
.content-ac-gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.content-ac-gmap iframe,
.content-ac-gmap object,
.content-ac-gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}
.site-header .home-link{
  margin-top: 20px;
}
.site-header .inner{
  min-height: 80px;
  grid-template-columns: auto;
}
.telephone{
  display: none;
}
span.br {
        display: inline
    }
    .content-area,
    #gNav ul,
    .mainImg,
    .site-footer .inner,
    #main img,
    .banners img {
        width: 100%!important
    }
    .site-header .inner,
    .site-content,
    .sidebar-container,
    #fNav {
        float: none;
        width: 96%;
        margin: auto
    }
    .sidebar-container {
        margin-top: 45px;
    }
    .contact ul li span.br {
        display: inline
    }
    #map {
        width: 100%;
        height: 300px
    }
    #accessMap {
        max-height: 300px
    }
    .font,
    #hNav {
        display: none
    }
    .copyright {
        float: none;
        width: 96%;
        margin: auto;
        text-align: center;
        margin-top: 25px
    }
    .pagetop {
        padding: 30px 0 0;
        text-align: right
    }
    .contact a {
        color: #fff;
        display: inline-block
    }
    .for_sp {
        display: block
    }
    #fNav li {
        float: left;
        margin: 0 0 8px;
        width: 49%;
        background: none;
        padding: 0!important
    }
    #fNav li:nth-child(even) {
        float: right
    }
    #fNav li a {
        display: block;
        padding: 8px 2% 8px 5%;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border: 1px solid #ccc;
        background: url(./images/blt_arrow.png) no-repeat 3% center;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
@media all and (max-width: 700px) {
    .imgs-left img,
    .imgs-right img {
        max-height: 300px;
    }
    .spbr {
        display: block
    }
    .mustbr {
        display: inline-block;
        white-space: nowrap
    }
    .sc_nav ul {
        margin: 0 0 5px
    }
    .sc_nav .sc_btn {
        width: 96%;
        margin: 0 auto
    }
    .sc_nav .sc_btn li {
        margin: 0 0 8px;
        background: none;
        float: none;
        padding: 0!important
    }
    .sc_nav .sc_btn li a {
        display: block;
        padding: 8px 2% 8px 5%;
        width: 92%;
        height: auto;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border: 1px solid #ccc;
        text-indent: 0;
        color: #333;
        white-space: normal;
        background: url(./images/blt_arrow.png) no-repeat 3% 1em !important;
        text-decoration: none
    }
    .sc_nav .sc_btn li a span {
        display: block;
        font-weight: 400;
        font-size: .85em;
        line-height: 1.2em
    }
    /* news */

    .heading-text .spbr {
        text-align: right
    }
    /* pickup */

    .pickup .alignleft {
        float: none
    }
    .event-summary dt {
        margin-bottom: .5em;
        width: initial;
        display: inline-block;
        clear: both;
        width: 8em;
        float: left
    }
    .event-summary dd {
        margin-left: 8em;
        margin-bottom: .5em
    }
    .event-top-detail {
        overflow: hidden
    }
    .event-top-detail .for_sp {
        margin-bottom: 20px;
        float: left
    }
    .event-top-detail .sercive-icons {
        min-width: 140px;
        float: right
    }
    .event-top-detail dl {
        clear: both
    }
    /* event */

    .event-detail dt {
        width: 100%;
        background: url(./images/line_dotted.gif) repeat-x left top;
        float: none
    }
    .event-detail dt:before {
        content: "【"
    }
    .event-detail dt:after {
        content: "】"
    }
    .event-detail dd {
        padding: 0 0 14px 20px;
        background: none
    }
    .event-detail .page dt {
        width: 30%;
        float: left
    }
    .event-detail .page dd {
        background: url(./images/line_dotted.gif) repeat-x left top;
    }
    .event-detail .page .dd_img {
        width: 100%;
        margin-bottom: 1em;
        float: none
    }
    .event-detail .page dd {
        padding: 14px 10px 14px 0;
    }
    .event-images,
    .event-images .box,
    .page-images .box {
        display: table-cel;
        max-width: 470px;
        max-height: initial;
        max-height: auto;
        margin: 0 autot;
    }
    .event-summary {
        max-width: 400px;
        margin: 0 auto;
    }
    /*.alignleft.event-img {
	float:none;
	max-width:300px;
    max-height: initial;
    max-height: auto;
	margin:0 auto;
	padding-bottom:0.5em
}*/
}

@media all and (max-width: 768px) {
	.alignleft.event-img{
		float: none;
		margin: 0 auto 15px;
		width: 100% !important;
		max-width: 400px;
		text-align: center;
	}
	.alignleft.event-img img{
		max-width: 100%;
	}
}

@media all and (max-width: 470px) {
    span.nobr {display:inline;}
    .imgs-left,
    .imgs-right {
        float: none;
        padding-right: 0;
        text-align: center;
    }
    #main .imgs-left img,
    #main .imgs-right img {
        max-width: 200px !important;
    }
    /* news */

    .news_menu dt {
        margin-bottom: .5em;
        float: none
    }
    .news_menu dd {
        margin-bottom: 1em;
    }
    .dd_img {
        width: 80%;
        float: none;
    }
    /* event */

    .event-images,
    .event-images .box,
    .page-images,
    .page-images .box {
        display: block;
        max-width: 300px;
		/*width: 100%;*/
        max-height: initial;
        max-height: auto;
        margin: 0 auto;
        margin-bottom: 0.5em;
    }
    .event item,
    .event-body {
        overflow: hidden
    }
    .event-summary {
        overflow: visible;
        margin: 0 auto
    }
    .event-excerpt {
        clear: both
    }
}


.hallTabs li.tab01 {
    background: url(./images/tab_01_l.gif) no-repeat left bottom;
}
.hallTabs li.tab01 a {
    background: url(./images/tab_01_r.gif) no-repeat right bottom;
}
.hallTabs li.tab02 {
    background: url(./images/tab_02_l.gif) no-repeat left bottom;
}
.hallTabs li.tab02 a {
    background: url(./images/tab_02_r.gif) no-repeat right bottom;
}
.hallTabs li.tab03 {
    background: url(./images/tab_03_l.gif) no-repeat left bottom;
}
.hallTabs li.tab03 a {
    background: url(./images/tab_03_r.gif) no-repeat right bottom;
}
.hallTabs li.tab04 {
    background: url(./images/tab_04_l.gif) no-repeat left bottom;
}
.hallTabs li.tab04 a {
    background: url(./images/tab_04_r.gif) no-repeat right bottom;
}
.hallTabs li.select {
    background: url(./images/tab_on_l.gif) no-repeat left bottom !important;
}
.hallTabs li.select a {
    background: url(./images/tab_on_r.gif) no-repeat right bottom !important;
}

#monthTabs .tabContent table.hall01 th {
background-color: #b9513b;
}

#monthTabs .tabContent table.hall02 th {
background-color: #b99a3b;
}

#monthTabs .tabContent table.hall03 th {
background-color: #7aa049;
}

#monthTabs .tabContent table.hall04 th {
background-color: #473b39;
}

.spnav{
  width: 990px;
  margin: 0 auto;
  background: url(./images/top/spnav_bg.png) no-repeat center bottom;
  clear: both;
}
.spnav ul{
  overflow: hidden;
  width: 528px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.spnav li{
  float: left;
  margin-bottom: 0;
}
.spnav li + li{
  margin-left: 36px;
}
.spnav li img{
  display: block;
}


.search{
	width: 950px;
    margin: 20px auto 0;
	text-align: center;
}
.search .search_inner{
	display: inline-block;
	width: 282px;
}
.search .search_inner .gsib_a {
	padding: 0;
}
.search .search_inner .gsc-input {
	padding: 5px;
}
.search .search_inner .gsc-input-box {
	padding: 5px;
}
.search .search_inner input.gsc-search-button-v2 {
    padding: 10px 27px;
}
.search table {
	box-sizing: initial;
}

@media all and (max-width: 719px) {
	.search{
		width: 100%;
		margin-top: 15px;
	}
	.search{
		width: 97%;
	}
	.search .search_inner{
		width: 100%;
	}
	.learning-content .disp_table .cell.text {
		width: 100%;
		text-align: left;
	}
	.learning-content .disp_table .cell.img {
		width: 30%;
		margin: 0 auto;
	}
}

.wpcf7 select[name="menu-379"] {
	width: 100px!important;
	padding:10px;
	margin-right:10px;
}

.wpcf7 [type="text"][name="text-445"] {
	width: 200px!important;
	padding:10px;
}