@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* padding*/
.box_full {
  padding: 0 0;
}

.box_wide {
  padding: 0 4.6875%;
}

.box_narrow {
  padding: 0 3.125%;
}

/*fill-image*/
.fill, .uc img, #header img, footer .container #banner ul li img, footer p#pagetop a img, .bandlist ul li a img, #main h2 img, #main h3 img, #home #section_relate a img {
  width: 100%;
  height: auto;
}

/*thumbnail*/
.thumb {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #ddd;
}

/*clearfix*/
.cf:after, footer .container #banner ul:after, .bandlist ul:after, #main dl.default:after, #detail #sec02 .other .livehouse:after, #detail #sec02 .other .restaurant:after, #detail #sec02 .other .tower:after, section#anchor ul:after {
  content: "";
  clear: both;
  display: block;
}

/*btn*/
.btn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none;
  color: #fff;
}
.btn.btn_lg {
  font-size: 22px;
  font-size: 1.375rem;
  padding: 20px 30px;
}
.btn.btn_default {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2YzdkNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1YTdiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #36c7d6), color-stop(100%, #25a7b4));
  background: -moz-linear-gradient(#36c7d6, #25a7b4);
  background: -webkit-linear-gradient(#36c7d6, #25a7b4);
  background: linear-gradient(#36c7d6, #25a7b4);
}
.btn.btn_default span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  background: url(../img/common/icon_btn_default.png) no-repeat left center;
  background-size: 25px;
  padding-left: 35px;
  line-height: 30px;
}
.btn:hover, .btn:visited, .btn:active {
  text-decoration: none;
  color: #fff;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxZDNkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5YmJjOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #61d3de), color-stop(100%, #29bbc9));
  background: -moz-linear-gradient(#61d3de, #29bbc9);
  background: -webkit-linear-gradient(#61d3de, #29bbc9);
  background: linear-gradient(#61d3de, #29bbc9);
}

/*------------
 ## typography
------------*/
html {
  font-size: 16px;
  color: #333;
}

body {
  font-family: -apple-system, ‘Helvetica Neue’, ’Hiragino Kaku Gothic ProN’, ‘游ゴシック’, ’メイリオ’, meiryo, sans-serif;
  background: #fff;
  color: #454545;
  -webkit-text-size-adjust: 100%;
}

/*heading*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: bold;
}

h1, .h1 {
  font-size: 1.5rem;
}

h2, .h2 {
  font-size: 1.4rem;
}

h3, .h3 {
  font-size: 1.3rem;
}

h4, .h4 {
  font-size: 1.2rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}

/*paragraph*/
#main p {
  line-height: 1.6;
  margin-top: 1rem;
}
#main section p:first-child {
  margin-top: 0;
}

.alert {
  color: #ec2357;
}

/*link*/
a {
  color: #1f9cdd;
  text-decoration: none;
}
a:hover {
  color: #0cc;
  text-decoration: underline;
}
a:active {
  color: #1f9cdd;
}
a:visited {
  color: #1f9cdd;
}

/*準備中*/
.uc {
  text-align: center;
  color: #492592;
  padding: 0 5%;
}
.uc img {
  max-width: 704px;
}

/*先行予約ボタン*/
#reserve a#btn_reserve {
  line-height: 1;
  font-size: 24px;
  font-size: 1.5rem;
  background: #f14b4b;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNWY1ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxNGI0YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f15f5f), color-stop(100%, #f14b4b));
  background: -moz-linear-gradient(#f15f5f, #f14b4b);
  background: -webkit-linear-gradient(#f15f5f, #f14b4b);
  background: linear-gradient(#f15f5f, #f14b4b);
  padding: 24px 3% 24px 7%;
  display: block;
  width: 85%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  margin: 10px auto 0;
  transition: width 0.05s linear, background 0.05s linear;
  -webkit-transition: width 0.05s linear, background 0.05s linear;
  -moz-transition: width 0.05s linear, background 0.05s linear;
  transition: all 1s ease 0;
  -moz-transition: all 1s ease 0;
  -webkit-transition: all 1s ease 0;
  position: relative;
  margin-bottom: 1rem;
  border-radius: 3px;
}
#reserve a#btn_reserve:hover {
  width: 90%;
  background: #ed5d8a;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkNTQ4MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkNWQ4YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed5483), color-stop(100%, #ed5d8a));
  background: -moz-linear-gradient(#ed5483, #ed5d8a);
  background: -webkit-linear-gradient(#ed5483, #ed5d8a);
  background: linear-gradient(#ed5483, #ed5d8a);
}
#reserve a#btn_reserve:before {
  content: "▶︎";
  position: absolute;
  left: 3%;
  top: 45px;
  font-size: 20px;
  font-size: 1.25rem;
}
#reserve a#btn_reserve span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 12px;
  line-height: 1.2;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  color: #f15f5f;
  margin: 10px 3% 0;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #reserve a#btn_reserve span {
    margin: 10px 0 0;
  }
  #reserve a#btn_reserve {
    width: 70%;
  }
  #reserve a#btn_reserve:hover {
    width: 80%;
  }
}
#reserve p.memo {
  line-height: 1.5;
  font-size: 1rem;
}

html {
  font-size: 16px;
  font-size: 1rem;
}

body {
  background: #eff7f4 url(../img/common/bg_body.png) no-repeat center 0;
  font-family: -apple-system, ‘Helvetica Neue’, ’Hiragino Kaku Gothic ProN’, ‘游ゴシック’, ’メイリオ’, meiryo, sans-serif;
}

#header {
  margin-top: 0;
}
#header img {
  vertical-align: bottom;
}
#header #contents_header {
  padding: 0 5%;
}

footer {
  background: #8ad2c4 url(../img/common/bg_footer.png) repeat-x center 0;
  background-size: 90%;
}
footer .container {
  position: relative;
}
footer .container img.chara {
  height: auto;
}
footer .container img.haniwa {
  width: 90%;
  display: block;
  margin: -48px 5% 20px;
}
@media screen and (min-width: 481px) {
  footer .container img.haniwa {
    margin-top: -12%;
  }
}
footer .container img.animal {
  width: 90%;
  margin: 0 5% 20px;
  display: block;
}
footer .container #sns {
  text-align: center;
  padding: 0;
  margin-bottom: -20px;
}
@media screen and (min-width: 481px) {
  footer .container #sns {
    margin-bottom: -20px;
  }
}
@media screen and (min-width: 1180px) {
  footer .container #sns {
    margin-bottom: -20px;
  }
}
footer .container #banner {
  margin-bottom: 20px;
}
footer .container #banner .row div {
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
footer .container #banner h3 {
  font-size: 14px;
  background: #333;
  color: #fff;
  padding: 5px;
  margin-bottom: 10px;
}
footer .container #banner ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
}
footer .container #banner .credit ul li a {
  width: 100px;
  display: block;
}
footer .container #banner .other ul li a {
  width: 150px;
  display: block;
}
footer p#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}
footer p#pagetop a {
  display: block;
  width: 50px;
}
@media screen and (min-width: 768px) {
  footer p#pagetop a {
    width: 70px;
  }
}
footer #copyright {
  width: 100%;
  background: #333;
  padding: 20px 0;
}
footer #copyright p {
  color: #fff;
  text-align: center;
}

.bandlist ul {
  text-align: center;
  display: table;
}
.bandlist ul li {
  width: 33.3333%;
  padding: 1.25%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
@media screen and (min-width: 481px) {
  .bandlist ul li {
    width: 25%;
    padding: 1%;
  }
}
.bandlist ul li.new:before {
  position: absolute;
  top: 0;
  left: 10%;
  display: block;
  content: " ";
  width: 80%;
  height: 50px;
  background: url(../img/band/new.png) no-repeat center 0;
  background-size: 100%;
  z-index: 10;
}

table {
  margin: 10px 5% 20px;
  width: 90%;
  background: #fff;
}
table th, table td {
  word-break: break-all;
  border: solid 1px #ccc;
  padding: 10px;
  vertical-align: middle;
  line-height: 1.4;
}
table th.nr, table td.nr {
  white-space: nowrap;
  text-align: center;
}
table th {
  width: 200px;
  text-align: center;
  color: #fff;
  background: #42578c;
}
table td.nr {
  background: #eee;
}
@media screen and (max-width: 660px) {
  table th, table td {
    display: block;
    width: 100%;
  }
}

#main .container article {
  background: url(../img/common/bg_article.png) repeat-y center 0;
  background-size: 92%;
}
#main .container article .row {
  margin-bottom: 1rem;
}
#main .container article h1 img {
  margin-top: -3%;
  width: 100%;
  vertical-align: bottom;
}
#main .container article h1.ttl-image {
  background: url(../img/common/bg_h1.png) no-repeat center bottom;
  background-size: 100%;
  padding: 0 0 3%;
  text-align: center;
  margin: 0;
}
#main .container article h1.ttl-image.noimage {
  min-height: 100px;
}
#main .container article h1.ttl-image img {
  width: 100%;
  max-width: 960px;
}
#main .container article section {
  padding: 5% 15% 3%;
}
@media screen and (min-width: 481px) {
  #main .container article section {
    padding: 2% 12% 3%;
  }
}

#main div.inner {
  margin: 20px 0  30px 0;
  background: #f7f7f0;
}
@media screen and (min-width: 980px) {
  #main div.inner {
    margin: -2% 6% 20px;
    padding: 30px 20px 20px;
    border-left: solid 10px #d1d1bc;
    border-right: solid 10px #ebead3;
    border-bottom: solid 10px #deddc8;
  }
}
#main div.inner .row {
  margin-top: 20px;
}
#main h3 {
  margin: 0 2% 20px;
}
#main dl.default dt {
  padding: 10px 10px;
  color: #fff;
  font-size: 16px;
  background: #6d881b;
  border-radius: 5px;
  margin-bottom: 5px;
}
#main dl.default dd {
  padding: 0 10px;
}
#main dl.default dd p {
  margin: 0 0 1rem 0;
}
#main ul.default li {
  margin-bottom: 10px;
  position: relative;
  padding: 0 0 0 25px;
  line-height: 1.5;
}
#main ul.default li:before {
  content: " ";
  background: url(../img/common/icon_list_default.png) no-repeat center center;
  background-size: 21px;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
}
#main .bd-btm {
  border-bottom: dotted 1px #999;
  margin-bottom: 20px;
}
#main dl.default dt {
  font-weight: bold;
}
#main dl.default dt.eplus {
  background: #e95098;
}
#main dl.default dt.lawson {
  background: #009ee0;
}
#main dl.default dt.pia {
  background: #3366cc;
}
#main dl.default dt.yunakama {
  background: #f14b4b;
}
#main dl.default dt.rakuten {
  background: #C00;
}
#main dl.default dt.cn {
  background: #ea1d2b;
}
#main dl.default dt.yahoo {
  background: #00aeb1;
}
#main dl.default dt.hanshin {
  background: #00694f;
}
#main dl.default dt.seven {
  background: #f85294;
}
@media screen and (max-width: 660px) {
  #main dl.default dt.acco {
    position: relative;
  }
  #main dl.default dt.acco + dd {
    display: none;
  }
  #main dl.default dt.acco:before {
    content: "▼";
    position: absolute;
    right: 10px;
  }
  #main dl.default dt.acco.open:before {
    content: "▲";
  }
}
#main dl.default dd span {
  margin: 10px 0 20px;
  display: block;
}
#main dl.default dd table {
  width: 100%;
  margin: 0 0 20px;
}
#main dl.default dd th {
  width: 100px;
}
@media screen and (max-width: 660px) {
  #main dl.default dd th {
    width: 100%;
  }
}

#home .tt {
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  #home .tt img {
    width: 70%;
    height: auto;
  }
}
#home #main article section {
  padding: 5% 15% 10%;
}
@media screen and (min-width: 481px) {
  #home #main article section {
    padding: 2% 12% 10%;
  }
}
#home #section_relate {
  text-align: center;
}
#home #pickup {
  width: 100%;
  text-align: center;
  margin-bottom: -50px;
}
#home #pickup .inner {
  padding: 20px 12% 20px;
  min-height: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#detail #sec02 .other .livehouse {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #ccc;
}
#detail #sec02 .other .livehouse h4 {
  background: #c64c38;
  color: #fff;
}
#detail #sec02 .other .restaurant {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #ccc;
}
#detail #sec02 .other .restaurant h4 {
  background: #ff4f19;
  color: #fff;
}
#detail #sec02 .other .tower h4 {
  background: #fecf00;
  color: #d6000f;
}
#detail #sec02 .other h4 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 20px;
}
#detail #sec02 .other ul.arw li {
  display: inline-block;
  margin: 0 10px 5px 0;
}
#detail #sec02 .other ul.arw li a,
#detail #sec02 .other ul.arw li span {
  padding: 12px 0;
  display: inline-block;
  position: relative;
}
#detail #sec02 .other ul.arw li a:before,
#detail #sec02 .other ul.arw li span:before {
  content: "▶︎";
  font-size: 12px;
  font-size: 0.75rem;
  color: #c64c38;
  margin-right: 3px;
}
#detail #sec02 .other dl {
  padding: 0 10px;
}
#detail #sec02 .other dl dd {
  padding: 0;
}
#detail #sec04 p,
#detail #sec06 p {
  text-align: center;
  margin-bottom: 20px;
}
#detail #sec04 p strong,
#detail #sec06 p strong {
  font-weight: bold;
  color: #ec2357;
}
#detail #sec05 table th, #detail #sec05 table td {
  display: table-cell;
  width: 50%;
  text-align: center;
  font-size: 1.25rem;
}
#detail #sec05 table tr:nth-child(2n+1) td {
  background: #f3f3f3;
}

#band #dai {
  margin-bottom: 2rem;
}
@media screen and (min-width: 668px) {
  #band #dai {
    float: left;
    width: 49%;
    padding: 0 1% 0 0;
  }
}
@media screen and (min-width: 668px) {
  #band #roten {
    float: right;
    width: 49%;
    padding: 0 0 0 1%;
  }
}
#band #notice {
  margin-bottom: 5rem;
}
#band #notice p {
  text-align: center;
}
#band #stf ul.default {
  width: 100%;
}
@media screen and (min-width: 480px) {
  #band #stf ul.default {
    width: 40%;
    margin: 0 5% 2%;
    float: left;
  }
}
#band #stf ul.default li {
  font-size: 1.25rem;
  margin-bottom: 10px;
  padding: 0;
}
#band #stf ul.default li a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  padding: 5px 0 5px 25px;
  display: inline-block;
  line-height: 1.2;
}
#band #stf ul.default li a:hover {
  color: #ff5f2e;
}
#band #stf ul.default li:before {
  top: 3px;
}
#band #stf ul.default li.nomark {
  padding-left: 25px;
  font-weight: bold;
}
#band #stf ul.default li.nomark:before {
  display: none;
}

#access section dl.default {
  margin: 0 10px 20px;
}
#access section dl.default dd.bg {
  padding: 20px;
  background: #fff;
}

#notice .bubble {
  text-align: center;
}
#notice .bubble p {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  width: 90%;
  margin: 0 5% 15px;
  font-weight: bold;
  padding: 15px;
  position: relative;
  display: block;
  color: #F6F6F6;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#notice .bubble p:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
}
#notice .bubble.tono p {
  background: #2b3787;
}
#notice .bubble.tono p:after {
  border-color: #2b3787 transparent transparent transparent;
}
#notice .bubble.hime p {
  background: #b52626;
}
#notice .bubble.hime p:after {
  border-color: #b52626 transparent transparent transparent;
}

#museum #shikishi ul,
#museum #photodama ul{
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  display: table-cell;
}

#museum #shikishi li,
#museum #photodama li{
  width: 45%;
  margin: 0 2% 10px 2%;
  padding: 0;
  height: auto;
  text-align: center;
  display: inline-block;
}
#museum #photodama li{
  width: 26%;
}
@media screen and (min-width: 668px) {
  #museum #shikishi li {
    width: 30.333%;
    margin: 0 1% 10px 1%;
  }
  #museum #photodama li {
    width: 16%;
    margin: 0 1% 10px 1%;
  }
}
#museum #shikishi li a,
#museum #photodama li a {
  text-decoration: none;
}
#museum #shikishi li a img,
#museum #photodama li a img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  vertical-align: bottom;
  border: solid 5px #b09645;
}
#museum #shikishi li a:hover img,
#museum #photodama li a:hover img {
  border: solid 5px #ff5f2e;
}

#museum #shikishi li span,
#museum #photodama li span {
  display: block;
  min-height: 2.4rem;
  line-height: 1.2;
  font-size: 1rem;
  color: #ff5f2e;
  font-size: 1rem;
  font-weight: bold;
}

section#anchor {
  padding: 0;
  clear: both;
}
section#anchor ul {
  display: table;
  margin: 0 auto 0;
}
section#anchor li {
  width: 70px;
  display: block;
  height: 330px;
  float: left;
  margin: 0;
  background-repeat: no-repeat;
  padding: 0;
}
section#anchor.detail li a {
  background-image: url(../img/detail/anchor.png);
}
section#anchor.goods li a {
  background-image: url(../img/goods/anchor.png);
}
section#anchor.access li a {
  background-image: url(../img/access/anchor.png);
}
section#anchor.notice li a {
  background-image: url(../img/notice/anchor.png);
}
section#anchor.notice li.anchor03 {
  width: 90px;
}
section#anchor li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  font-size: 1px;
  overflow: hidden;
  background-repeat: no-repeat;
}
@media screen and (max-width: 500px) {
  section#anchor li {
    width: 32px;
    height: 150px;
  }
  section#anchor li a {
    background-size: 700%;
  }
  section#anchor.notice li.anchor03 {
    width: 42px;
  }
  section#anchor.notice li.anchor03 a {
    background-size: 535%;
  }
}
@media screen and (min-width: 501px) and (max-width: 660px) {
  section#anchor li {
    width: 50px;
    height: 236px;
  }
  section#anchor li a {
    background-size: 700%;
  }
  section#anchor.notice li.anchor03 {
    width: 65px;
  }
  section#anchor.notice li.anchor03 a {
    background-size: 541%;
  }
}
section#anchor.detail li.anchor01 a, section#anchor.access li.anchor01 a, section#anchor.goods li.anchor01 a, section#anchor.museum li.anchor01 a {
  background-position: 0.8% 0;
}
section#anchor.detail li.anchor02 a, section#anchor.access li.anchor02 a, section#anchor.goods li.anchor02 a, section#anchor.museum li.anchor02 a {
  background-position: 16.8% 0;
}
section#anchor.detail li.anchor03 a, section#anchor.access li.anchor03 a, section#anchor.goods li.anchor03 a, section#anchor.museum li.anchor03 a {
  background-position: 33.6% 0;
}
section#anchor.detail li.anchor04 a, section#anchor.access li.anchor04 a, section#anchor.goods li.anchor04 a, section#anchor.museum li.anchor04 a {
  background-position: 49.4% 0;
}
section#anchor.detail li.anchor05 a, section#anchor.access li.anchor05 a, section#anchor.goods li.anchor05 a, section#anchor.museum li.anchor05 a {
  background-position: 66.2% 0;
}
section#anchor.detail li.anchor06 a, section#anchor.access li.anchor06 a, section#anchor.goods li.anchor06 a, section#anchor.museum li.anchor06 a {
  background-position: 83% 0;
}
section#anchor.detail li.anchor07 a, section#anchor.access li.anchor07 a, section#anchor.goods li.anchor07 a, section#anchor.museum li.anchor07 a {
  background-position: 99.2% 0;
}
section#anchor.detail li.anchor01 a:hover, section#anchor.access li.anchor01 a:hover, section#anchor.goods li.anchor01 a:hover, section#anchor.museum li.anchor01 a:hover {
  background-position: 0.8% bottom;
}
section#anchor.detail li.anchor02 a:hover, section#anchor.access li.anchor02 a:hover, section#anchor.goods li.anchor02 a:hover, section#anchor.museum li.anchor02 a:hover {
  background-position: 16.8% bottom;
}
section#anchor.detail li.anchor03 a:hover, section#anchor.access li.anchor03 a:hover, section#anchor.goods li.anchor03 a:hover, section#anchor.museum li.anchor03 a:hover {
  background-position: 33.6% bottom;
}
section#anchor.detail li.anchor04 a:hover, section#anchor.access li.anchor04 a:hover, section#anchor.goods li.anchor04 a:hover, section#anchor.museum li.anchor04 a:hover {
  background-position: 49.4% bottom;
}
section#anchor.detail li.anchor05 a:hover, section#anchor.access li.anchor05 a:hover, section#anchor.goods li.anchor05 a:hover, section#anchor.museum li.anchor05 a:hover {
  background-position: 66.2% bottom;
}
section#anchor.detail li.anchor06 a:hover, section#anchor.access li.anchor06 a:hover, section#anchor.goods li.anchor06 a:hover, section#anchor.museum li.anchor06 a:hover {
  background-position: 83% bottom;
}
section#anchor.detail li.anchor07 a:hover, section#anchor.access li.anchor07 a:hover, section#anchor.goods li.anchor07 a:hover, section#anchor.museum li.anchor07 a:hover {
  background-position: 99.2% bottom;
}
section#anchor.notice li.anchor01 a {
  background-position: 0.8% 0;
}
section#anchor.notice li.anchor02 a {
  background-position: 16.8% 0;
}
section#anchor.notice li.anchor03 a {
  background-position: 37.6% 0;
}
section#anchor.notice li.anchor04 a {
  background-position: 66.2% 0;
}
section#anchor.notice li.anchor05 a {
  background-position: 83% 0;
}
section#anchor.notice li.anchor06 a {
  background-position: 99.2% 0;
}
section#anchor.notice li.anchor01 a:hover {
  background-position: 0.8% bottom;
}
section#anchor.notice li.anchor02 a:hover {
  background-position: 16.8% bottom;
}
section#anchor.notice li.anchor03 a:hover {
  background-position: 37.6% bottom;
}
section#anchor.notice li.anchor04 a:hover {
  background-position: 66.2% bottom;
}
section#anchor.notice li.anchor05 a:hover {
  background-position: 83% bottom;
}
section#anchor.notice li.anchor06 a:hover {
  background-position: 99.2% bottom;
}