@charset "UTF-8";

/* Layout
------------------------------------------------*/
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #4c4c4c;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  line-height: 150%;
  font-family: helvetica, Marmelad, arial, century gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  vertical-align: bottom;
  word-break: break-all;
  letter-spacing: 1px;
}

body {
  background-color: #ffffff;
}

a {
  color: #361815;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}

#site {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: url(../img/gn.png) repeat-x 0 60px scroll;
}

#body {
  margin: 0 auto;
  width: 950px;
}

#container,
#footer,
#globalnav,
#header,
#visual {
  width: 100%;
}

/* Header
------------------------------------------------*/
#header {
  height: 60px;
}

.header {
  overflow: hidden;
}

#hgroup {
  position: relative;
  padding: 5px 0 0;
  width: 350px;
  float: left;
}
#hgroup .sitetitle {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1;
  text-align: left;
}
#hgroup .sitetitle a {
  display: block;
  width: 100%;
}
#hgroup .sitetitle img {
  vertical-align: bottom;
}
#hgroup .description {
  overflow: hidden;
  position: absolute;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  -moz-clip-path: inset(0px 0px 99.9% 99.9%);
  -o-clip-path: inset(0px 0px 99.9% 99.9%);
  -ms-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  border: 0 none;
}

#guide {
  padding: 10px 0 0;
  float: right;
}
#guide .guide_kanri {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0;
}
#guide .guide_kanri .kanri_text, #guide .guide_kanri .kanri_logo {
  display: block;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  line-height: 1.2;
}
#guide .guide_kanri .kanri_text.displaynone, #guide .guide_kanri .kanri_logo.displaynone {
  display: none;
}
#guide .guide_kanri .kanri_text {
  padding-left: 0;
}
#guide .guide_kanri .kanri_logo {
  padding-left: 10px;
}

/* Footer
------------------------------------------------*/
#footer,
.footer {
  background: url(../img/footer.png) repeat-x 0 0 scroll #ff8d00;
  height: auto;
}

.footer {
  position: relative;
  margin: 0 auto;
  width: 950px;
}
.footer #totop {
  position: absolute;
  top: -39px;
  right: -55px;
}
.footer #totop,
.footer #totop a,
.footer #totop a img {
  display: block;
  width: 40px;
  height: 40px;
}

.fmenu,
.fmenu ul,
.fmenu li,
.fmenu li a {
  margin: 0;
  padding: 0;
}

.fmenu,
.fmenu ul {
  display: block;
  width: 100%;
  text-align: center;
}

.fmenu ul {
  margin: 0 0 15px;
  padding: 10px 0 0;
  list-style: none;
}
.fmenu ul li {
  padding: 0 10px;
  white-space: none;
}
.fmenu ul.separator li {
  border-left: 1px solid #ffffff;
}
.fmenu ul.separator li:first-child {
  border: 0 none;
}
.fmenu ul li,
.fmenu ul li a {
  display: inline;
  color: #ffffff;
  font-size: 90%;
  line-height: 120%;
}
.fmenu ul li a.uline:hover, .fmenu ul li a.uline:acrive, .fmenu ul li a.on {
  text-decoration: none;
}

.foot_guide {
  text-align: center;
}
.foot_guide span {
  display: inline;
  padding: 0 10px;
  color: #ffffff;
  font-size: 90%;
}

.copyright {
  margin: 0;
  padding: 10px 0;
  color: #ffffff;
  font-size: 90%;
  text-align: center;
}

/* Global Navigation
------------------------------------------------*/
#globalnavi,
#gmenu {
  height: 30px;
  background: url(../img/gn.png) repeat-x 0 0 scroll;
}

#navicon {
  display: none;
}

#gmenu ul {
  margin: 0;
  padding: 0 75px;
  list-style: none;
  overflow: hidden;
}
#gmenu li,
#gmenu li a {
  margin: 0;
  width: 160px;
  height: 30px;
}
#gmenu li {
  display: block;
  padding: 0;
  float: left;
}
#gmenu li a {
  display: inline-block;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  background: url(../img/gn.png) repeat-x 0 0 scroll;
}
#gmenu li a:hover, #gmenu li a:active, #gmenu li a.on {
  background-image: url(../img/gnon.png);
}

/* Main Visual
------------------------------------------------*/
#visual {
  text-align: center;
}
#visual ul, #visual li {
  list-style-type: none;
}

/* Container
------------------------------------------------*/
#container {
  padding: 20px 0 50px;
}
#container::before, #container::after {
  content: "";
  display: table;
  clear: both;
}

/* Primary, Secondary
------------------------------------------------*/
#primary {
  width: 750px;
  float: right;
}

#secondary {
  width: 190px;
  float: left;
}

#primary .banners ul,
#primary .banners li,
#primary .banners li a,
#primary .banners li a img,
#secondary .banners ul,
#secondary .banners li,
#secondary .banners li a,
#secondary .banners li a img {
  display: block;
  margin: 0;
  padding: 0;
}
#primary .banners ul,
#secondary .banners ul {
  list-style: none;
}
#primary .banners li,
#secondary .banners li {
  margin: 0 0 20px;
}

/* Primary
------------------------------------------------*/
#primary .banners li {
  margin-right: 34px;
  width: 162px;
  float: left;
}
#primary .banners li:nth-child(4) {
  margin-right: 0;
}
#primary .section,
#primary .section .header,
#primary .section .header .stitle,
#primary .section .scontent,
#primary .facility,
#primary .facility ul,
#primary .facility li,
#primary .banner,
#primary .banner ul,
#primary .banner li,
#primary .notice,
#primary .notice .content ul,
#primary .notice ul,
#primary .notice li,
#primary .relatedinfo,
#primary .relatedinfo .content ul,
#primary .relatedinfo ul,
#primary .relatedinfo li,
#primary .sportsclass,
#primary .sportsclass ul,
#primary .sportsclass li {
  margin: 0;
  padding: 0;
}

#primary .section {
  margin: 0 0 20px;
}
#primary .section .header .stitle {
  color: #402b17;
  font-size: 100%;
}
#primary .facility ul,
#primary .banner ul,
#primary .notice ul,
#primary .relatedinfo ul,
#primary .sportsclass ul {
  display: block;
  list-style: none;
  overflow: hidden;
}
#primary .facility ul,
#primary .sportsclass ul {
  margin: 15px 0 0;
  list-style-type: none;
}
#primary .facility li,
#primary .sportsclass li {
  margin: 0 0 21px;
  width: 236px;
  margin-right: 21px;
  float: left;
}
#primary .facility li:nth-child(3n),
#primary .sportsclass li:nth-child(3n) {
  margin-right: 0;
}
#primary .facility li .listbox,
#primary .facility li .listbox .list_thumb,
#primary .facility li .listbox .list_title,
#primary .facility li .listbox .list_content,
#primary .sportsclass li .listbox,
#primary .sportsclass li .listbox .list_thumb,
#primary .sportsclass li .listbox .list_title,
#primary .sportsclass li .listbox .list_content {
  width: 100%;
}
#primary .facility li .listbox .list_thumb a,
#primary .sportsclass li .listbox .list_thumb a {
  display: block;
  position: relative;
  padding-top: 63%;
  width: 100%;
  height: 0;
  border: 1px solid #ffa500;
  overflow: hidden;
}
#primary .facility li .listbox .list_thumb a img,
#primary .sportsclass li .listbox .list_thumb a img {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#primary .facility li .listbox .list_title,
#primary .facility li .listbox .list_title a,
#primary .facility li .listbox .list_content,
#primary .facility li .listbox .list_content a,
#primary .sportsclass li .listbox .list_title,
#primary .sportsclass li .listbox .list_title a,
#primary .sportsclass li .listbox .list_content,
#primary .sportsclass li .listbox .list_content a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
#primary .facility li .listbox .list_title,
#primary .facility li .listbox .list_title a,
#primary .sportsclass li .listbox .list_title,
#primary .sportsclass li .listbox .list_title a {
  background-color: #ff8d00;
  color: #ffffff;
  font-weight: bold;
  font-size: 98%;
  line-height: 1.5;
  text-align: center;
}
#primary .facility li .listbox .list_title,
#primary .sportsclass li .listbox .list_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 35px;
}
#primary .facility li .listbox .list_title a,
#primary .sportsclass li .listbox .list_title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#primary .facility li .listbox .list_content,
#primary .sportsclass li .listbox .list_content {
  padding: 5px;
  background-color: #ffebca;
  color: #000000;
  font-weight: normal;
  font-size: 80%;
  line-height: 100%;
  text-align: left;
}
#primary .facility .flex_list,
#primary .facility .flex_list li,
#primary .sportsclass .flex_list,
#primary .sportsclass .flex_list li {
  list-style-type: none;
}
#primary .facility .flex_list,
#primary .sportsclass .flex_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 15px -10px 0;
  width: calc(100% + 20px);
  list-style-type: none;
}
#primary .facility .flex_list li,
#primary .sportsclass .flex_list li {
  margin: 10px;
  width: calc(33% - 20px);
  background-color: #ff8d00;
}
#primary .facility .flex_list li a,
#primary .sportsclass .flex_list li a {
  display: block;
  width: 100%;
}
#primary .facility .flex_list li a .img,
#primary .sportsclass .flex_list li a .img {
  position: relative;
  padding-top: 63%;
  width: 100%;
  height: 0;
  overflow: hidden;
  border: 1px solid #ff8d00;
}
#primary .facility .flex_list li a .img img,
#primary .sportsclass .flex_list li a .img img {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#primary .facility .flex_list li a .ttl,
#primary .sportsclass .flex_list li a .ttl {
  margin: 0;
  padding: 5px 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 92%;
  line-height: 1.5;
  text-align: center;
}
#primary .facility .flex_list li a .txt,
#primary .sportsclass .flex_list li a .txt {
  margin: 0;
  padding: 5px;
  background-color: #ffebca;
}
#primary .notice ul,
#primary .relatedinfo ul {
  margin: 10px 0 0;
}
#primary .notice .topborder,
#primary .relatedinfo .topborder {
  border: 1px solid #ffa500;
}
#primary .notice .content,
#primary .relatedinfo .content {
  padding: 20px 0;
}
#primary .notice .tolists,
#primary .relatedinfo .tolists {
  margin: 0 4%;
  text-align: right;
}
#primary .notice ul {
  display: block;
  margin: 0 4% 15px !important;
  padding: 10px 0;
  width: 92%;
}
#primary .notice li,
#primary .notice li .listbox {
  display: block;
  width: 100%;
  overflow: hidden;
}
#primary .notice li {
  margin: 15px 0;
  padding: 5px 0;
  border-bottom: 1px dashed #ededed;
}
#primary .notice li .listbox .tim,
#primary .notice li .listbox .cat,
#primary .notice li .listbox .tit {
  display: block;
  font-size: 90%;
}
#primary .notice li .listbox .tim a,
#primary .notice li .listbox .cat a,
#primary .notice li .listbox .tit a {
  display: inline;
  text-decoration: none;
}
#primary .notice li .listbox .tim {
  width: 15%;
  float: left;
}
#primary .notice li .listbox .cat {
  width: 15%;
  float: left;
}
#primary .notice li .listbox .cat a {
  text-align: center;
  border-radius: 2px;
}
#primary .notice li .listbox .cat a.c_event, #primary .notice li .listbox .cat a.c_notice, #primary .notice li .listbox .cat a.c_sportsclass {
  color: #ffffff;
}
#primary .notice li .listbox .cat a.c_event {
  background-color: #a81a04;
}
#primary .notice li .listbox .cat a.c_notice {
  background-color: #5e923e;
}
#primary .notice li .listbox .cat a.c_sportsclass {
  background-color: #003a57;
}
#primary .notice li .listbox .tit {
  width: 68%;
  float: right;
}
#primary .relatedinfo ul {
  display: block;
  margin: 0 0 0 20px !important;
  padding: 10px 0;
  width: 730px;
  overflow: hidden;
}
#primary .relatedinfo li,
#primary .relatedinfo li .listbox,
#primary .relatedinfo li .listbox .img,
#primary .relatedinfo li .listbox .tit,
#primary .relatedinfo li .listbox .soe {
  display: block;
  text-align: center;
}
#primary .relatedinfo li {
  margin: 0 20px 0 0;
  padding: 5px 0;
  width: 124px;
  height: 178px;
  float: left;
  border: 1px solid #ededed;
  font-size: 75%;
}
#primary .relatedinfo li .listbox,
#primary .relatedinfo li .listbox .img,
#primary .relatedinfo li .listbox .tit,
#primary .relatedinfo li .listbox .soe {
  width: 100%;
}
#primary .banner ul,
#primary .banner li,
#primary .banner li a {
  display: block;
  width: 100%;
}
#primary .banner li {
  margin: 0 0 20px;
}
#primary .banner li a img {
  width: 100%;
  height: 100%;
}

.archive,
.post {
  margin: 0;
  padding: 0;
}
.archive_header, .archive_title, .archive_info, .archive_thumbnail, .archive_content, .archive_summary, .archive_footer,
.post_header,
.post_title,
.post_info,
.post_thumbnail,
.post_content,
.post_summary,
.post_footer {
  margin: 0;
  padding: 0;
}
.archive_header,
.post_header {
  margin: 0 0 20px;
  padding: 0;
}
.archive_title,
.post_title {
  padding: 8px 10px 8px 30px;
  color: #402b17;
  font-weight: normal;
  font-size: 100%;
}
.archive_info,
.post_info {
  padding: 0 10px;
}
.archive_info ul,
.post_info ul {
  margin: 0;
  padding: 0;
  list-style: outside none none;
}
.archive_info li,
.post_info li {
  display: inline;
  margin-right: 5px;
  padding: 17px;
  font-size: 80%;
  line-height: 1.2;
}
.archive_info li.tim,
.post_info li.tim {
  background: url(../img/calendar.gif) no-repeat 0 50% scroll;
}
.archive_info li.cat,
.post_info li.cat {
  background: url(../img/category.gif) no-repeat 0 50% scroll;
}
.archive_info li.tag,
.post_info li.tag {
  background: url(../img/tag.gif) no-repeat 0 50% scroll;
}
.archive_thumbnail,
.post_thumbnail {
  margin: 20px 0;
}
.archive_content,
.post_content {
  padding: 0 10px;
}
.archive_content h1,
.archive_content h2,
.archive_content h3,
.archive_content h4,
.archive_content h5,
.archive_content h6,
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
  margin: 2em 0 0.6em;
  padding: 0;
}
.archive_content h1,
.archive_content h2,
.post_content h1,
.post_content h2 {
  padding: 10px 1em;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa500), color-stop(1, #ff8d00));
  background-image: -webkit-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -moz-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -o-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -ms-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#ff8d00',GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#ff8d00', GradientType=0)";
  background-gradient: linear-gradient(to bottom, #ffa500, #ff8d00);
  background: url(../img/icon1.png) no-repeat 0 50% scroll;
  -webkit-box-shadow: 0 5px 5px #cccccc;
  -moz-box-shadow: 0 5px 5px #cccccc;
  -o-box-shadow: 0 5px 5px #cccccc;
  -ms-box-shadow: 0 5px 5px #cccccc;
  box-shadow: 0 5px 5px #cccccc;
}
.archive_content h1,
.post_content h1 {
  font-size: 1.6em;
}
.archive_content h2,
.post_content h2 {
  font-size: 1.4em;
}
.archive_content h3,
.post_content h3 {
  padding: 6px 1.5em;
  border-bottom: 2px solid #ff8d00;
  background: url(../img/icon1.png) no-repeat 0 50% scroll;
  -webkit-box-shadow: 0 5px 5px #cccccc;
  -moz-box-shadow: 0 5px 5px #cccccc;
  -o-box-shadow: 0 5px 5px #cccccc;
  -ms-box-shadow: 0 5px 5px #cccccc;
  box-shadow: 0 5px 5px #cccccc;
  font-size: 1.2em;
}
.archive_content h4,
.post_content h4 {
  padding: 0 1.5em;
  border: 2px solid #ff8d00;
  font-size: 1em;
}
.archive_content h5,
.post_content h5 {
  background: url(../img/icon1.png) no-repeat 0 50% scroll;
  font-size: 0.9em;
}
.archive_content h6,
.post_content h6 {
  font-size: 0.8em;
}
.archive_content p,
.post_content p {
  margin: 1em 0;
}
.archive_content ol,
.archive_content ul,
.archive_content menu,
.post_content ol,
.post_content ul,
.post_content menu {
  margin: 20px 0;
  padding: 0 0 0 1em;
}
.archive_content ol,
.post_content ol {
  list-style: decimal none outside;
}
.archive_content ul,
.post_content ul {
  list-style: disc none outside;
}
.archive_content strong,
.post_content strong {
  font-weight: bold;
}
.archive_content em,
.post_content em {
  font-style: italic;
}
.archive_content del,
.archive_content strike,
.post_content del,
.post_content strike {
  text-decoration: line-through;
}
.archive_content blockquote,
.post_content blockquote {
  margin: 1em 20px;
  padding: 10px;
}
.archive_content hr,
.post_content hr {
  border-top: 1px solid #000000;
  border-bottom: px solid #ffffff;
  border-left: 0 none;
  border-right: 0 none;
}
.archive_content > .attachment-post-thumbnail,
.post_content > .attachment-post-thumbnail {
  width: 100%;
}

.archive_title {
  background-color: #ffa500;
}
.archive_content {
  overflow: hidden;
}

.post_title {
  border-top: 2px solid #ffa500;
  border-bottom: 1px solid #f7f7f7;
}
.post_content .table,
.post_content .table thead tr,
.post_content .table thead tr th,
.post_content .table thead tr td,
.post_content .table tfoot tr,
.post_content .table tfoot tr th,
.post_content .table tfoot tr td,
.post_content .table tbody tr,
.post_content .table tbody tr th,
.post_content .table tbody tr td {
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
}
.post_content .table {
  margin: 0 0 1em;
  padding: 0;
}
.post_content .table caption {
  margin: 0;
  padding: 0;
}
.post_content .table thead tr th,
.post_content .table thead tr td,
.post_content .table tfoot tr th,
.post_content .table tfoot tr td,
.post_content .table tbody tr th,
.post_content .table tbody tr td {
  padding: 5px;
}

.notices,
.sportsclasses {
  margin: 0 0 5em;
  padding: 0;
}

.newmark {
  display: inline-block;
  margin: 0 0 0 0.5em;
  padding: 2px 4px;
  border: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #ff0000;
  color: #ffffff;
  font-size: 10px;
  line-height: 1.3;
  vertical-align: baseline;
  vertical-align: text-top;
  letter-spacing: 1px;
}

.panel {
  margin: 0;
  padding: 0;
}
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tfoot:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tfoot:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.panel > .table:last-child > thead:last-child > tr:last-child th:last-child,
.panel > .table:last-child > thead:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.readmore {
  -webkit-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  -moz-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  -o-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  -ms-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  box-shadow: inset 0px 1px 0px 0px #f0ce93;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa500), color-stop(1, #ff8d00));
  background-image: -webkit-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -moz-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -o-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -ms-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#ff8d00',GradientType=0);
  background-color: #ffa500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ff9900;
  display: inline-block;
  cursor: pointer;
  padding: 3px 9px 3px 6px;
  text-shadow: 0px 1px 0px #6b5b33;
  float: right;
}
.readmore a {
  padding: 0 14px 0 3px;
  color: #ffffff;
  font-family: Arial,sans-serif;
  font-size: 90%;
  font-weight: normal;
  text-decoration: none;
  background: url(../img/right_white_arrow.png) no-repeat 100% 50% scroll;
}

.alist {
  margin: 0;
  padding: 0;
}
.alist .post_header,
.alist .post_title {
  background-color: #ffa500;
}
.alist .archive_title > a {
  color: #ffffff;
}

.result-count {
  margin: 0;
  padding: 0 2rem;
  font-size: .8em;
}

.schedules {
  margin: 0 10% 10px;
  width: 80%;
  -webkit-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  -moz-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  -o-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  -ms-box-shadow: inset 0px 1px 0px 0px #f0ce93;
  box-shadow: inset 0px 1px 0px 0px #f0ce93;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa500), color-stop(1, #ff8d00));
  background-image: -webkit-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -moz-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -o-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: -ms-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  background-image: linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#ff8d00',GradientType=0);
  background-color: #ffa500;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ff9900;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none !important;
  text-shadow: 0px 1px 0px #6b5b33;
}
.schedules:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8d00), color-stop(1, #ffa500));
  background-image: -webkit-linear-gradient(to bottom, #ff8d00 5%, #ffa500 100%);
  background-image: -moz-linear-gradient(to bottom, #ff8d00 5%, #ffa500 100%);
  background-image: -o-linear-gradient(to bottom, #ff8d00 5%, #ffa500 100%);
  background-image: -ms-linear-gradient(to bottom, #ff8d00 5%, #ffa500 100%);
  background-image: linear-gradient(to bottom, #ff8d00 5%, #ffa500 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8d00', endColorstr='#ffa500',GradientType=0);
  background-color: #ff8d00;
}
.schedules:active {
  position: relative;
  top: 1px;
}

#primary .thumblist,
#primary .thumblist .listbox,
#primary .thumblist .listbox .img,
#primary .thumblist .listbox .tit,
#primary .thumblist .listbox .soe {
  display: block;
  text-align: center;
}
#primary .thumblist {
  margin: 0 20px 0 0;
  padding: 5px 0;
  width: 124px;
  height: 178px;
  float: left;
  border: 1px solid #ededed;
  font-size: 75%;
}
#primary .thumblist .listbox .img,
#primary .thumblist .listbox .tit,
#primary .thumblist .listbox .soe {
  width: 100%;
}

.myButton {
  background-color: #ffa500;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff8d00;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 17px;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #664b14;
}
.myButton:hover {
  background-color: #fa9c28;
}
.myButton:active {
  position: relative;
  top: 1px;
}

#map_canvas {
  width: 100%;
  height: 400px;
}

#iw,
#iw.iw_thumb,
#iw.iw_thumb img {
  width: 100%;
}

#iw .iw_title {
  margin: 0.5em 0;
  padding: 0;
  border: 0 none;
  background: none;
  color: #4f4f4f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 1.6em;
}
#iw .iw_content,
#iw .iw_content p {
  margin: 0;
  padding: 0;
}

#access .view-map-frame {
  position: relative;
  margin: 20px 0;
  padding: 0 0 400px;
  width: 100%;
  height: 0;
}
#access .view-map-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0 none;
  outline: 0 none;
  text-decoration: none;
}

#widget_area,
.widget,
.widget_title,
.textwidget {
  margin: 0;
  padding: 0;
}

.widget {
  margin: 0 0 20px;
  background: #fff3be;
  border: 1px solid #ffa500;
}
.widget_title {
  padding: 5px;
  border-bottom: 2px solid #ffa500;
}

.textwidget {
  padding: 5px;
  font-size: 90%;
}
.textwidget h3 {
  border-bottom: 2px solid #ffa500;
  font-weight: nomal;
  font-size: 110%;
}
.textwidget dl,
.textwidget dl dt,
.textwidget dl dd {
  display: block;
  margin: 0;
  padding: 0;
}

.facility_gallery {
  margin: 1em 0;
  padding: 0;
}
.facility_gallery ul,
.facility_gallery li,
.facility_gallery li a,
.facility_gallery li a img {
  display: block;
  margin: 0;
  padding: 0;
}
.facility_gallery ul {
  list-style-type: none;
  overflow: hidden;
}
.facility_gallery li {
  margin-right: 11px;
  margin-bottom: 11px;
  float: left;
}
.facility_gallery li:nth-child(3n) {
  margin-right: 0;
}
.facility_gallery li a {
  border: 1px solid #ffa500;
  width: 236px;
}
.facility_gallery li a img {
  width: 234px;
}

#facility_table {
  width: 100%;
}
#facility_table th {
  width: 15%;
}
#facility_table td {
  width: 85%;
}

#dialogAttention {
  margin: 0;
  padding: 30px 30px 0;
  font-size: 80%;
}

#rules {
  margin: 30px;
  padding: 20px;
  height: 300px;
  border: 2px solid #3f3f3f;
  background-color: #f1f1f1;
  color: #3f3f3f;
  font-size: 80%;
  overflow: scroll;
}
#rules h1,
#rules h2,
#rules h3 {
  padding: 0;
}
#rules h1 {
  margin: 1em;
  text-align: center;
}
#rules h2 {
  margin: 0.6em;
}
#rules h3 {
  margin: 0.4em;
}

.abled {
  color: #333333;
}

.disabled {
  color: #8d8d8d;
}

#agreeCheck input[type=checkbox],
#agreeCheck label {
  cursor: pointer;
}

/** 横にスワイプできる表 */
.swipe-table {
  margin: 1rem 0;
  padding: 0;
}
.swipe-table table,
.swipe-table table th,
.swipe-table table td {
  border: 1px solid #cccccc;
  border-collapse: collapse;
}
.swipe-table table {
  width: 100%;
}
.swipe-table table caption,
.swipe-table table th,
.swipe-table table td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.swipe-table table caption.text-left,
.swipe-table table th.text-left,
.swipe-table table td.text-left {
  text-align: left;
}
.swipe-table table caption.text-right,
.swipe-table table th.text-right,
.swipe-table table td.text-right {
  text-align: right;
}
.swipe-table table caption.col-1,
.swipe-table table th.col-1,
.swipe-table table td.col-1 {
  width: 1%;
}
.swipe-table table caption.col-2,
.swipe-table table th.col-2,
.swipe-table table td.col-2 {
  width: 2%;
}
.swipe-table table caption.col-3,
.swipe-table table th.col-3,
.swipe-table table td.col-3 {
  width: 3%;
}
.swipe-table table caption.col-4,
.swipe-table table th.col-4,
.swipe-table table td.col-4 {
  width: 4%;
}
.swipe-table table caption.col-5,
.swipe-table table th.col-5,
.swipe-table table td.col-5 {
  width: 5%;
}
.swipe-table table caption.col-6,
.swipe-table table th.col-6,
.swipe-table table td.col-6 {
  width: 6%;
}
.swipe-table table caption.col-7,
.swipe-table table th.col-7,
.swipe-table table td.col-7 {
  width: 7%;
}
.swipe-table table caption.col-8,
.swipe-table table th.col-8,
.swipe-table table td.col-8 {
  width: 8%;
}
.swipe-table table caption.col-9,
.swipe-table table th.col-9,
.swipe-table table td.col-9 {
  width: 9%;
}
.swipe-table table caption.col-10,
.swipe-table table th.col-10,
.swipe-table table td.col-10 {
  width: 10%;
}
.swipe-table table caption.col-11,
.swipe-table table th.col-11,
.swipe-table table td.col-11 {
  width: 11%;
}
.swipe-table table caption.col-12,
.swipe-table table th.col-12,
.swipe-table table td.col-12 {
  width: 12%;
}
.swipe-table table caption.col-13,
.swipe-table table th.col-13,
.swipe-table table td.col-13 {
  width: 13%;
}
.swipe-table table caption.col-14,
.swipe-table table th.col-14,
.swipe-table table td.col-14 {
  width: 14%;
}
.swipe-table table caption.col-15,
.swipe-table table th.col-15,
.swipe-table table td.col-15 {
  width: 15%;
}
.swipe-table table caption.col-16,
.swipe-table table th.col-16,
.swipe-table table td.col-16 {
  width: 16%;
}
.swipe-table table caption.col-17,
.swipe-table table th.col-17,
.swipe-table table td.col-17 {
  width: 17%;
}
.swipe-table table caption.col-18,
.swipe-table table th.col-18,
.swipe-table table td.col-18 {
  width: 18%;
}
.swipe-table table caption.col-19,
.swipe-table table th.col-19,
.swipe-table table td.col-19 {
  width: 19%;
}
.swipe-table table caption.col-20,
.swipe-table table th.col-20,
.swipe-table table td.col-20 {
  width: 20%;
}
.swipe-table table caption.col-21,
.swipe-table table th.col-21,
.swipe-table table td.col-21 {
  width: 21%;
}
.swipe-table table caption.col-22,
.swipe-table table th.col-22,
.swipe-table table td.col-22 {
  width: 22%;
}
.swipe-table table caption.col-23,
.swipe-table table th.col-23,
.swipe-table table td.col-23 {
  width: 23%;
}
.swipe-table table caption.col-24,
.swipe-table table th.col-24,
.swipe-table table td.col-24 {
  width: 24%;
}
.swipe-table table caption.col-25,
.swipe-table table th.col-25,
.swipe-table table td.col-25 {
  width: 25%;
}
.swipe-table table caption.col-26,
.swipe-table table th.col-26,
.swipe-table table td.col-26 {
  width: 26%;
}
.swipe-table table caption.col-27,
.swipe-table table th.col-27,
.swipe-table table td.col-27 {
  width: 27%;
}
.swipe-table table caption.col-28,
.swipe-table table th.col-28,
.swipe-table table td.col-28 {
  width: 28%;
}
.swipe-table table caption.col-29,
.swipe-table table th.col-29,
.swipe-table table td.col-29 {
  width: 29%;
}
.swipe-table table caption.col-30,
.swipe-table table th.col-30,
.swipe-table table td.col-30 {
  width: 30%;
}
.swipe-table table caption.col-31,
.swipe-table table th.col-31,
.swipe-table table td.col-31 {
  width: 31%;
}
.swipe-table table caption.col-32,
.swipe-table table th.col-32,
.swipe-table table td.col-32 {
  width: 32%;
}
.swipe-table table caption.col-33,
.swipe-table table th.col-33,
.swipe-table table td.col-33 {
  width: 33%;
}
.swipe-table table caption.col-34,
.swipe-table table th.col-34,
.swipe-table table td.col-34 {
  width: 34%;
}
.swipe-table table caption.col-35,
.swipe-table table th.col-35,
.swipe-table table td.col-35 {
  width: 35%;
}
.swipe-table table caption.col-36,
.swipe-table table th.col-36,
.swipe-table table td.col-36 {
  width: 36%;
}
.swipe-table table caption.col-37,
.swipe-table table th.col-37,
.swipe-table table td.col-37 {
  width: 37%;
}
.swipe-table table caption.col-38,
.swipe-table table th.col-38,
.swipe-table table td.col-38 {
  width: 38%;
}
.swipe-table table caption.col-39,
.swipe-table table th.col-39,
.swipe-table table td.col-39 {
  width: 39%;
}
.swipe-table table caption.col-40,
.swipe-table table th.col-40,
.swipe-table table td.col-40 {
  width: 40%;
}
.swipe-table table caption.col-41,
.swipe-table table th.col-41,
.swipe-table table td.col-41 {
  width: 41%;
}
.swipe-table table caption.col-42,
.swipe-table table th.col-42,
.swipe-table table td.col-42 {
  width: 42%;
}
.swipe-table table caption.col-43,
.swipe-table table th.col-43,
.swipe-table table td.col-43 {
  width: 43%;
}
.swipe-table table caption.col-44,
.swipe-table table th.col-44,
.swipe-table table td.col-44 {
  width: 44%;
}
.swipe-table table caption.col-45,
.swipe-table table th.col-45,
.swipe-table table td.col-45 {
  width: 45%;
}
.swipe-table table caption.col-46,
.swipe-table table th.col-46,
.swipe-table table td.col-46 {
  width: 46%;
}
.swipe-table table caption.col-47,
.swipe-table table th.col-47,
.swipe-table table td.col-47 {
  width: 47%;
}
.swipe-table table caption.col-48,
.swipe-table table th.col-48,
.swipe-table table td.col-48 {
  width: 48%;
}
.swipe-table table caption.col-49,
.swipe-table table th.col-49,
.swipe-table table td.col-49 {
  width: 49%;
}
.swipe-table table caption.col-50,
.swipe-table table th.col-50,
.swipe-table table td.col-50 {
  width: 50%;
}
.swipe-table table caption.col-51,
.swipe-table table th.col-51,
.swipe-table table td.col-51 {
  width: 51%;
}
.swipe-table table caption.col-52,
.swipe-table table th.col-52,
.swipe-table table td.col-52 {
  width: 52%;
}
.swipe-table table caption.col-53,
.swipe-table table th.col-53,
.swipe-table table td.col-53 {
  width: 53%;
}
.swipe-table table caption.col-54,
.swipe-table table th.col-54,
.swipe-table table td.col-54 {
  width: 54%;
}
.swipe-table table caption.col-55,
.swipe-table table th.col-55,
.swipe-table table td.col-55 {
  width: 55%;
}
.swipe-table table caption.col-56,
.swipe-table table th.col-56,
.swipe-table table td.col-56 {
  width: 56%;
}
.swipe-table table caption.col-57,
.swipe-table table th.col-57,
.swipe-table table td.col-57 {
  width: 57%;
}
.swipe-table table caption.col-58,
.swipe-table table th.col-58,
.swipe-table table td.col-58 {
  width: 58%;
}
.swipe-table table caption.col-59,
.swipe-table table th.col-59,
.swipe-table table td.col-59 {
  width: 59%;
}
.swipe-table table caption.col-60,
.swipe-table table th.col-60,
.swipe-table table td.col-60 {
  width: 60%;
}
.swipe-table table caption.col-61,
.swipe-table table th.col-61,
.swipe-table table td.col-61 {
  width: 61%;
}
.swipe-table table caption.col-62,
.swipe-table table th.col-62,
.swipe-table table td.col-62 {
  width: 62%;
}
.swipe-table table caption.col-63,
.swipe-table table th.col-63,
.swipe-table table td.col-63 {
  width: 63%;
}
.swipe-table table caption.col-64,
.swipe-table table th.col-64,
.swipe-table table td.col-64 {
  width: 64%;
}
.swipe-table table caption.col-65,
.swipe-table table th.col-65,
.swipe-table table td.col-65 {
  width: 65%;
}
.swipe-table table caption.col-66,
.swipe-table table th.col-66,
.swipe-table table td.col-66 {
  width: 66%;
}
.swipe-table table caption.col-67,
.swipe-table table th.col-67,
.swipe-table table td.col-67 {
  width: 67%;
}
.swipe-table table caption.col-68,
.swipe-table table th.col-68,
.swipe-table table td.col-68 {
  width: 68%;
}
.swipe-table table caption.col-69,
.swipe-table table th.col-69,
.swipe-table table td.col-69 {
  width: 69%;
}
.swipe-table table caption.col-70,
.swipe-table table th.col-70,
.swipe-table table td.col-70 {
  width: 70%;
}
.swipe-table table caption.col-71,
.swipe-table table th.col-71,
.swipe-table table td.col-71 {
  width: 71%;
}
.swipe-table table caption.col-72,
.swipe-table table th.col-72,
.swipe-table table td.col-72 {
  width: 72%;
}
.swipe-table table caption.col-73,
.swipe-table table th.col-73,
.swipe-table table td.col-73 {
  width: 73%;
}
.swipe-table table caption.col-74,
.swipe-table table th.col-74,
.swipe-table table td.col-74 {
  width: 74%;
}
.swipe-table table caption.col-75,
.swipe-table table th.col-75,
.swipe-table table td.col-75 {
  width: 75%;
}
.swipe-table table caption.col-76,
.swipe-table table th.col-76,
.swipe-table table td.col-76 {
  width: 76%;
}
.swipe-table table caption.col-77,
.swipe-table table th.col-77,
.swipe-table table td.col-77 {
  width: 77%;
}
.swipe-table table caption.col-78,
.swipe-table table th.col-78,
.swipe-table table td.col-78 {
  width: 78%;
}
.swipe-table table caption.col-79,
.swipe-table table th.col-79,
.swipe-table table td.col-79 {
  width: 79%;
}
.swipe-table table caption.col-80,
.swipe-table table th.col-80,
.swipe-table table td.col-80 {
  width: 80%;
}
.swipe-table table caption.col-81,
.swipe-table table th.col-81,
.swipe-table table td.col-81 {
  width: 81%;
}
.swipe-table table caption.col-82,
.swipe-table table th.col-82,
.swipe-table table td.col-82 {
  width: 82%;
}
.swipe-table table caption.col-83,
.swipe-table table th.col-83,
.swipe-table table td.col-83 {
  width: 83%;
}
.swipe-table table caption.col-84,
.swipe-table table th.col-84,
.swipe-table table td.col-84 {
  width: 84%;
}
.swipe-table table caption.col-85,
.swipe-table table th.col-85,
.swipe-table table td.col-85 {
  width: 85%;
}
.swipe-table table caption.col-86,
.swipe-table table th.col-86,
.swipe-table table td.col-86 {
  width: 86%;
}
.swipe-table table caption.col-87,
.swipe-table table th.col-87,
.swipe-table table td.col-87 {
  width: 87%;
}
.swipe-table table caption.col-88,
.swipe-table table th.col-88,
.swipe-table table td.col-88 {
  width: 88%;
}
.swipe-table table caption.col-89,
.swipe-table table th.col-89,
.swipe-table table td.col-89 {
  width: 89%;
}
.swipe-table table caption.col-90,
.swipe-table table th.col-90,
.swipe-table table td.col-90 {
  width: 90%;
}
.swipe-table table caption.col-91,
.swipe-table table th.col-91,
.swipe-table table td.col-91 {
  width: 91%;
}
.swipe-table table caption.col-92,
.swipe-table table th.col-92,
.swipe-table table td.col-92 {
  width: 92%;
}
.swipe-table table caption.col-93,
.swipe-table table th.col-93,
.swipe-table table td.col-93 {
  width: 93%;
}
.swipe-table table caption.col-94,
.swipe-table table th.col-94,
.swipe-table table td.col-94 {
  width: 94%;
}
.swipe-table table caption.col-95,
.swipe-table table th.col-95,
.swipe-table table td.col-95 {
  width: 95%;
}
.swipe-table table caption.col-96,
.swipe-table table th.col-96,
.swipe-table table td.col-96 {
  width: 96%;
}
.swipe-table table caption.col-97,
.swipe-table table th.col-97,
.swipe-table table td.col-97 {
  width: 97%;
}
.swipe-table table caption.col-98,
.swipe-table table th.col-98,
.swipe-table table td.col-98 {
  width: 98%;
}
.swipe-table table caption.col-99,
.swipe-table table th.col-99,
.swipe-table table td.col-99 {
  width: 99%;
}
.swipe-table table caption.col-100,
.swipe-table table th.col-100,
.swipe-table table td.col-100 {
  width: 100%;
}
.swipe-table table caption.bg-red,
.swipe-table table th.bg-red,
.swipe-table table td.bg-red {
  background-color: #fae4e1;
}
.swipe-table table caption.bg-blue,
.swipe-table table th.bg-blue,
.swipe-table table td.bg-blue {
  background-color: #e7f4f4;
}
.swipe-table table caption.bg-purple,
.swipe-table table th.bg-purple,
.swipe-table table td.bg-purple {
  background-color: #f1e7ea;
}
.swipe-table table caption.bg-orange,
.swipe-table table th.bg-orange,
.swipe-table table td.bg-orange {
  background-color: #fdf2e2;
}
.swipe-table table caption.bg-yellow,
.swipe-table table th.bg-yellow,
.swipe-table table td.bg-yellow {
  background-color: #fdfbde;
}
.swipe-table table caption.bg-green,
.swipe-table table th.bg-green,
.swipe-table table td.bg-green {
  background-color: #e1f9e4;
}
.swipe-table table caption.bg-green-1,
.swipe-table table th.bg-green-1,
.swipe-table table td.bg-green-1 {
  background-color: #7ac890;
}
.swipe-table table caption.bg-green-2,
.swipe-table table th.bg-green-2,
.swipe-table table td.bg-green-2 {
  background-color: #8cdaa2;
}
.swipe-table table caption.bg-green-3,
.swipe-table table th.bg-green-3,
.swipe-table table td.bg-green-3 {
  background-color: #9debb3;
}
.swipe-table table caption.bg-green-4,
.swipe-table table th.bg-green-4,
.swipe-table table td.bg-green-4 {
  background-color: #b0ffc6;
}
.swipe-table table caption.bg-green-5,
.swipe-table table th.bg-green-5,
.swipe-table table td.bg-green-5 {
  background-color: #ccffd9;
}
.swipe-table table caption.black-circle,
.swipe-table table th.black-circle,
.swipe-table table td.black-circle {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: currentColor;
  border: 0 none;
  border-radius: 100%;
}

.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 1rem -10px;
  width: calc(100% + 20px);
}
.flexbox_item {
  margin: 10px;
  width: calc(100% - 20px);
}
.flexbox_item a {
  display: block;
  width: 100%;
}
.flexbox_item a:hover {
  text-decoration: none;
}
.flexbox_item .img {
  display: block;
  position: relative;
  padding-top: 75%;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.flexbox_item .img img {
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.flexbox_item .txt {
  display: block;
  margin-top: 10px;
  color: #4c4c4c;
  font-size: 100%;
  line-height: 1.5;
  text-align: center;
}
.flexbox.col_2 .flexbox_item {
  width: calc(50% - 20px);
}
.flexbox.col_3 .flexbox_item {
  width: calc(100% / 3 - 20px);
}
.flexbox.col_4 .flexbox_item {
  width: calc(25% - 20px);
}
.flexbox.col_5 .flexbox_item {
  width: calc(20% - 20px);
}

.court {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.court_item {
  display: block;
  margin: 0 10px;
  font-weight: normal;
  font-size: 80%;
}

.googlemap,
.youtube {
  position: relative;
  margin: 1rem 0;
  padding: 0 0 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.googlemap iframe,
.youtube iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*==================================================================================================*/
/* media queries
------------------------------------------------*/
@media screen and (max-width: 1140px) {
  .footer #totop {
    right: 2%;
  }
}
@media screen and (max-width: 950px) {
  #body,
  #visual img,
  .footer {
    width: 100%;
  }

  #globalnavi {
    position: relative;
  }

  #navicon {
    display: block;
    padding: 5px 0 0 5px;
    width: 100%;
    height: 30px;
    cursor: pointer;
  }
  #navicon:after {
    content: "MENU";
    display: block;
    position: absolute;
    top: 0;
    left: 35px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
  }
  #navicon .navicon_line {
    display: block;
    margin-bottom: 4px;
    width: 26px;
    height: 4px;
    background-color: #ffffff;
    border-radius: 10px;
  }

  #gmenu {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 30px;
    left: 0;
    width: 100%;
    height: auto;
  }
  #gmenu ul {
    display: block;
    padding: 0;
    width: 100%;
    height: auto;
    list-style-type: none;
  }
  #gmenu li,
  #gmenu li a {
    display: block;
    width: 100%;
    height: auto;
    background-color: #ff8d00;
    background-image: none;
  }
  #gmenu li a {
    padding: 10px 0;
  }
  #gmenu li a:hover, #gmenu li a:active, #gmenu li a.on {
    background-color: #ffa500;
    background-image: none;
  }

  #primary,
  #secondary {
    margin: 0 auto;
    float: none;
  }

  #primary .notice .content,
  #primary .relatedinfo .content {
    padding: 0;
  }
  #primary .notice .tolists,
  #primary .relatedinfo .tolists {
    margin: 0;
  }
  #primary .notice .tolists a,
  #primary .notice .tolists a:after,
  #primary .relatedinfo .tolists a,
  #primary .relatedinfo .tolists a:after {
    display: block;
    width: 100%;
    -webkit-box-shadow: inset 0px 1px 0px 0px #f0ce93;
    -moz-box-shadow: inset 0px 1px 0px 0px #f0ce93;
    -o-box-shadow: inset 0px 1px 0px 0px #f0ce93;
    -ms-box-shadow: inset 0px 1px 0px 0px #f0ce93;
    box-shadow: inset 0px 1px 0px 0px #f0ce93;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa500), color-stop(1, #ff8d00));
    background-image: -webkit-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
    background-image: -moz-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
    background-image: -o-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
    background-image: -ms-linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
    background-image: linear-gradient(to bottom, #ffa500 5%, #ff8d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#ff8d00',GradientType=0);
    background-color: #ffa500;
  }
  #primary .notice .tolists a:after,
  #primary .relatedinfo .tolists a:after {
    content: attr(data-label);
    padding: 10px 0;
    color: #ffffff;
    font-size: 90%;
    text-align: center;
  }
  #primary .notice .tolists a img,
  #primary .relatedinfo .tolists a img {
    display: none;
  }
  #primary .relatedinfo ul {
    margin: 0 !important;
  }
  #primary .relatedinfo li {
    margin: 0;
    width: 20%;
  }

  #widget_area {
    display: none;
  }

  .facility_gallery li {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }
  .facility_gallery li a,
  .facility_gallery li a img {
    width: 100%;
  }

  .swipe-table {
    overflow: auto;
    white-space: nowrap;
    background-image: -webkit-gradient(linear, left, right, color-stop(0, #cccccc), color-stop(0.9, rgba(204, 204, 204, 0)), color-stop(1, #cccccc));
    background-image: linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    background-image: linear-gradient(left, #cccccc 0%, rgba(204, 204, 204, 0) 1%, rgba(204, 204, 204, 0) 90%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0);
    background-color: #ffffff;
    -webkit-overflow-scrolling: touch;
  }
  .swipe-table::-webkit-scrollbar {
    height: 5px;
  }
  .swipe-table::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  .swipe-table::-webkit-scrollbar-thumb {
    background-color: #bcbcbc;
  }
}
@media screen and (max-width: 820px) {
  #access .view-map-frame {
    padding: 0 0 300px;
  }
}
@media screen and (max-width: 800px) {
  #primary .facility li,
  #primary .facility li:nth-child(2n),
  #primary .facility li:nth-child(3n),
  #primary .sportsclass li,
  #primary .sportsclass li:nth-child(2n),
  #primary .sportsclass li:nth-child(3n) {
    margin-right: 0;
    margin: 0 1% 10px;
    width: 48%;
  }
  #primary .facility li .listbox,
  #primary .sportsclass li .listbox {
    margin: 0 1%;
    width: 98%;
  }
  #primary .facility li .listbox .list_thumb,
  #primary .facility li .listbox .list_thumb a,
  #primary .facility li .listbox .list_thumb a img,
  #primary .facility li .listbox .list_title,
  #primary .facility li .listbox .list_title a,
  #primary .sportsclass li .listbox .list_thumb,
  #primary .sportsclass li .listbox .list_thumb a,
  #primary .sportsclass li .listbox .list_thumb a img,
  #primary .sportsclass li .listbox .list_title,
  #primary .sportsclass li .listbox .list_title a {
    width: 100%;
    height: auto;
  }
  #primary .facility .flex_list li,
  #primary .sportsclass .flex_list li {
    margin: 10px;
    width: calc(50% - 20px);
  }
  #primary .sportsclass li .listbox .list_content {
    width: 100%;
    height: auto;
  }

  #secondary {
    width: 100%;
  }
  #secondary .banners {
    width: 100%;
  }
  #secondary .banners ul {
    display: block;
    width: 100%;
  }
  #secondary .banners li {
    float: left;
  }

  .flexbox {
    margin: 1rem -10px;
    width: calc(100% + 20px);
  }
  .flexbox_item {
    margin: 10px;
    width: calc(100% - 20px);
  }
  .flexbox.col_3 .flexbox_item, .flexbox.col_4 .flexbox_item, .flexbox.col_5 .flexbox_item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 750px) {
  #container {
    margin: 0 5%;
    width: 90%;
  }

  #primary {
    width: 100%;
  }
  #primary .notice li .listbox .tim {
    width: 20%;
  }
  #primary .notice li .listbox .cat {
    width: 80%;
  }
  #primary .notice li .listbox .tit {
    width: 100%;
  }
  #primary .relatedinfo ul {
    width: 100%;
  }

  #primary .banners li,
  #secondary .banners li {
    margin-right: 0;
    width: 25%;
  }
  #primary .banners li a,
  #primary .banners li a img,
  #secondary .banners li a,
  #secondary .banners li a img {
    width: 100%;
  }

  .fmenu ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ffbd17;
  }
  .fmenu ul li,
  .fmenu ul li a {
    display: block;
  }
  .fmenu ul li {
    padding: 0;
  }
  .fmenu ul li a {
    padding: 10px 0;
    border-top: 1px solid #ffbd17;
    border-bottom: 1px solid #f38000;
  }
  .fmenu ul li:first-child a {
    border-top: 0 none;
  }
  .fmenu ul.separator li {
    border-left: 0 none;
  }

  .foot_guide {
    padding: 15px 0 0;
    border-top: 1px solid #f38000;
  }
  .foot_guide span,
  .foot_guide span em {
    color: #ffffff;
    font-style: normal;
  }
  .foot_guide span em a {
    color: #ffffff;
  }

  .copyright {
    padding: 15px 0;
  }

  .post_content img {
    width: 100%;
    height: auto;
  }

  .flexbox.flexbox_text .flexbox_item {
    width: calc(100% - 20px) !important;
  }
}
@media screen and (max-width: 640px) {
  #site {
    background: none;
  }

  #header {
    height: auto;
  }

  #hgroup,
  #guide {
    width: 100%;
    float: none;
  }

  #hgroup .sitetitle {
    text-align: center;
  }

  #guide .guide_kanri {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 15px;
  }

  .foot_guide span,
  .foot_guide span em {
    display: block;
    padding: 0;
  }
  .foot_guide span {
    margin: 0 0 5px;
  }

  #primary .banners li,
  #secondary .banners li {
    margin: 0 0 1em;
  }
}
@media screen and (max-width: 520px) {
  #access .view-map-frame {
    padding: 0 0 200px;
  }
}
@media screen and (max-width: 500px) {
  #primary .notice li .listbox .tim,
  #primary .notice li .listbox .cat,
  #primary .notice li .listbox .tit {
    width: 100%;
  }
  #primary .relatedinfo li {
    margin: 0;
    width: 50%;
  }

  .copyright span {
    display: block;
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 400px) {
  #primary .banners li,
  #secondary .banners li {
    margin: 0 1% 5px;
    width: 48%;
  }
  #primary .banners li a,
  #primary .banners li a img,
  #secondary .banners li a,
  #secondary .banners li a img {
    width: 100%;
  }
}
/* other
------------------------------------------------*/
.bgPastelOrange1 {
  background-color: #ffcd84;
}
.bgPastelOrange2 {
  background-color: #ffdcaf;
}
.bgPastelOrange3 {
  background-color: #ffeecf;
}

/*# sourceMappingURL=style.css.map */