/*
 color replace table for JIS accessibility rank AA
 from #5DB2C5 to #339999 (like Lightseagreen #20b2aa) 
 from #3F95CC to #3399CC
 from #D12820 to #CC3333
 from #4D7A62 to #336666
 from #cE6929 to #cc6633
 from #88AD47 to #669933
 font size replace table for JIS accessibility rank AA
 from 12px to small
 from 14px to small
 from 16px to medium
 from 20px to large
 from 22px to x-large
*/

.smt-hidden {
  position: absolute;
  left: 990px;
  top: -9999px; }
.smt-gadget-inner {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 982px; }
.smt-lb {
  margin-left: -0.5em; }
.smt-gadget .smt-gadget-title {
  border: 0;
  border-bottom: 1px solid #336666;/*  border-bottom: 1px solid #4D7A62; */
  color: #336666;/*  color: #4D7A62;*/
  font-size: large;/* font-size: 20px; */
  font-weight: bold;
  line-height: 1.5;
  position: relative; }
.smt-gadget .smt-gadget-title a {
  background: url(../images/arrow-addition.png) no-repeat 0 50%;
  color: #339999;/*  color: #5DB2C5; for AA */
  font-size: small;/* font-size: 12px; for AA */
  font-weight: bold;
  line-height: 1.5;
  margin: -10px 0 0 0;
  padding: 0 0 0 10px;
  position: absolute;
  top: 50%;
  right: 0;
  white-space: nowrap; }
.smt-scrollable-content {
    /*
  margin: 0;
  padding: 0;
  width: 476px; 
*/}
.smt-scrollable-content .viewport {
    /*
  overflow: hidden;
  position: relative; 
*/}
.smt-scrollable-content .overview {
    /*
  left: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  top: 0; */
}
/*
.smt-scrollable-content .scrollbar {
  float: right;
  position: relative;
  margin: 0;
  width: 10px; }
.smt-scrollable-content .track {
  background: #D8D8D8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 100%;
  position: relative;
  width: 10px; }
.smt-scrollable-content .thumb {
  background: #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 20px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 10px; }
.smt-scrollable-content ul,
.smt-scrollable-content li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%; }
.smt-scrollable-content .thumb .end,
.smt-scrollable-content .disable {
  display: none; }

*/

.noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }
.smt-hr {
  border: 0;
  content: '.';
  clear: both;
  font-size: 0;
  height: 40px;
  line-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%; }

/* =スライド
----------------------------------------------------------------------------- */
#smt-top-projects {
  padding: 0 0 32px 0;
  overflow: hidden;
  width: 100%; }
#smt-top-projects .smt-cards-patternA {
  font-size: small;
  position: relative;
  width: 982px;
  height: 573px;
  margin: 16px auto 0 auto; }
#smt-top-slide, #smt-top-slide .slick-slide {
  font-size: small;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0; }
#smt-top-slide .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  width: 982px; }
#smt-top-slide .slick-list,
#smt-top-slide .slick-track {
  height: 100%; }
#smt-top-slide a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%; }
.smt-card-content {
  background: #000;
  display: table;
  left: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%; }
#smt-top-slide .smt-card-cover {
  background-size: cover;
  background-position: 50% 50%;
  bottom: 0;
  height: 100%;
  height: 500px;
    
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2; }
#smt-top-slide .smt-card-cover img {
  display: block;
  height: auto;
  width: 100%;
  visibility: hidden; }
#smt-top-slide .smt-card-cover {
  *background: none; }
#smt-top-slide .smt-card-cover img {
  *visibility: visible; }
#smt-top-slide .smt-card-content {
  background: #000;
  /*min-height: 110px;*/
  /*background: rgba(0,0,0,0.7);*/
  padding: 0;
  /*position: absolute;*/
  z-index: 3;
  /*display: none;*/
}

#smt-top-slide .smt-card-content * {  transition: opacity .8s;  opacity: 0;}
#smt-top-slide .slick-active .smt-card-content * {    opacity: 1;}

.smt-cards-patternA #smt-top-slide {
  height: 550px;
  overflow: hidden; }
.smt-cards-patternA .slick-slide {
  height: 550px;
  position: relative; }
.smt-cards-patternA .smt-card-title {
  color: #fff;
/*  font-size: 20px;*/
  font-size: large;
  font-weight: bold;
  display: block;
  line-height: 1.5;
  padding: 12px 144px 0 44px;
  vertical-align: top; }
.smt-cards-patternA .smt-card-desc {
  display: block;
  padding: 0 144px 12px 44px; }
.smt-cards-patternA .smt-card-desc * {
  color: #fff;
  font-size: small;/*font-size: 14px;*/
  font-weight: normal;
  line-height: 1.7; }
.smt-cards-patternA .smt-card-metas {
  position: absolute;
  margin: -18px 0 0 0;
  right: 16px;
  top: 50%; }
.smt-cards-patternA .smt-card-tag {
  background: #D12820;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: block;
  float: right;
  font-size: medium;/*  font-size: 16px;*/
  font-weight: bold;
  line-height: 2.25;
  margin: 0;
  padding: 0 12px;
  text-align: center;
  width: 80px; }
#smt-top-projects .smt-cards-patternB {
  position: relative;
  width: 100%;
  height: 550px;
  height: calc(100vh - 136px);
  margin: 0 0 18px 0; }
.smt-layout-patternB #smt-header h1 {
  overflow: hidden; }
.smt-layout-patternB #smt-header h1 a {
  background: url(../images/smt-logo-c.png) no-repeat 0 0; }
.smt-layout-patternB #smt-header h1 a {
  text-indent: 300px;
  white-space: nowrap; }
.smt-layout-patternB #smt-header #smt-subnav nav a {
  color: #fff; }
.smt-layout-patternB #smt-header {
  background: transparent;
  height: 116px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999; }
.smt-layout-patternB #smt-top-projects .smt-cards-patternB {
  height: 100vh; }
#smt-top-projects .smt-cards-patternB .slick-slide {
  width: 100%; }
.smt-cards-patternA #smt-top-slide {
  height: 100%; }
.slick-dots {
  bottom: 82px;
  font-size: small;
  display: block;
  left: 0;
  line-height: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000; }
.slick-dots li {
  cursor: pointer;
  display: inline-block;
  font-size: small;
  height: 10px;
  position: relative;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  vertical-align: top; }
.slick-dots li:after {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #fff;
  content: ' ';
  display: block;
  height: 12px;
  left: 1px;
  height: 10px;
  overflow: hidden;
  position: absolute;
  top: 1px;
  width: 10px;
}
.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0%;
  height: 10px;
  line-height: 0;
  padding: 0;
  outline: none;
  width: 10px; }
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }
.slick-dots li button:before,
.slick-dots li button:after {
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #000;
  background: transparent;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  line-height: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 12px;
  text-align: center; }
.slick-dots li button:after {
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  left: 2px;
  height: 8px;
  top: 2px;
  width: 8px; }
.slick-dots li.slick-active button:before {
  background: #fff; }
.slick-dots li.slick-active button:after {
  display: none; }
.slick-arrow {
  cursor: pointer;
  border: 0;
  font-size: small;
  display: block;
  height: 40px;
  margin: -58px 0 0 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-decoration: none;
  text-indent: -9999px;
  top: 50%;
  width: 22px;
  z-index: 1000;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
.slick-prev {
  background: transparent url(/images/arrow-slickjs-left.png) no-repeat 0 0;
  left: 12px; }
.slick-next {
  background: transparent url(/images/arrow-slickjs-right.png) no-repeat 0 0;
  right: 12px; }
.slick-slider:hover .slick-arrow {
  display: block;
  opacity: 0.75; }
.slick-slider:hover .slick-arrow:hover {
  display: block;
  opacity: 1; }

.slick-slide{ opacity: 0.5;}
.slick-slide.slick-active{ opacity: 1;}



/* =プロジェクトの動き
----------------------------------------------------------------------------- */
#smt-activities .smt-gadget-title {
  border: 0;
  margin: 0 0 16px 0; }
#smt-activities .smt-gadget-content {
  overflow: hidden;
  margin: -10px 0 0 -10px;
  padding: 0 0 48px 0;
  width: 1000px; }
.smt-activities {
  display: table-cell;
  border-spacing: 10px; }
.smt-activity-row {
  display: table-row; }
.smt-activity-cell {
  border: 1px solid #ccc;
  display: table-cell;
  margin: 0 10px 10px 0;
  vertical-align: top;
  width: 236px; }
.smt-activity-cell a {
  display: inline-block;
  *display: inline;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 100%; }
.smt-activity-cell a:hover {
  text-decoration: none; }
.smt-activity-cell .smt-item-title,
.smt-activity-cell .smt-item-desc {
  height: auto !important;
  min-height: 10px;
  height: 10px;
  padding: 6px 12px; }
.smt-activity-cell .smt-item-desc p {
  height: auto !important;
  min-height: 10px;
  height: 10px;
  padding: 6px 12px; }
.smt-activity-cell .smt-item-desc {
  color: #666;
  font-size: small;/* font-size: 12px; for AA */
  font-weight: normal; }
.smt-activity-cell a:hover .smt-item-desc {
  color: #666;
  text-decoration: underline; }
.smt-activity-cell .smt-item-title * {
  color: #339999;/* color: #5DB2C5; for AA */
  font-size: small;/*font-size: 14px; for AA */
  font-weight: bold; }
.smt-activity-cell .smt-item-title .smt-item-project {
  color: #666;
  display: block;
  font-size: small;/*font-size: 12px; for AA */
  font-weight: normal;
  line-height: 1.2;
  padding: 0 0 4px 0; }
.smt-activity-cell a:hover .smt-item-title * {
  color: #339999;/*  color: #5DB2C5; for AA */
  text-decoration: underline; }
.smt-activity-cell a:hover .smt-item-title .smt-item-project {
  color: #666;
  text-decoration: underline; }
.smt-activity-cell .smt-item-visual {
  background-position: -99999px -9999px;
  background-repeat: no-repeat;
  height: 132px;
  overflow: hidden;
  width: 100%; }
.smt-activity-cell .smt-item-visual img {
  display: block;
  height: auto;
  width: 100%; }

.smt-bgsizecover .smt-activity-cell .smt-item-visual {
  background-position: 50% 50%;
  background-size: cover;
  height: 132px;
  width: 100%; }
.smt-activity-cell a:hover .smt-item-title .smt-tag {
  color: #fff;
  text-decoration: none; }
.smt-activity-cell .smt-tag {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background: #D12820;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: small;/*font-size: 12px;*/
  font-weight: bold;
  line-height: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 12px;
  width: 46px; }


/* =本日のイベント
----------------------------------------------------------------------------- */
#smt-gadget-topevents {
  float: left;
  width: 476px; }
#smt-gadget-topevents .smt-gadget-content {
  padding: 24px 0 0 0;
  position: relative; }
#smt-gadget-topevents .smt-legend {
  color: #666;
  position: absolute;
  right: 0;
  top: 4px;
  font-size: small;/*font-size: 12px;*/
  line-height: 1.5; }
#smt-gadget-topevents .smt-legend img {
  vertical-align: medium; }
#smt-gadget-topevents li {
  padding: 0 0 6px 0; }
#smt-gadget-topevents li a {
  background: url(../images/arrow-addition.png) no-repeat 0 6px;
  color: #666;
  display: block;
  font-size: small;/* font-size: 14px; for AA */
  height: auto !important;
  min-height: 10px;
  height: 10px;
  line-height: 1.5;
  margin: 0 0 12px 0;
  padding: 0 0 0 10px;
  text-decoration: none;
  width: auto; }
#smt-gadget-topevents li a .title {
  color: #339999;/*  color: #5DB2C5; for AA */
  font-weight: bold; }
#smt-gadget-topevents li a .desc {
  display: block;
  padding: 4px 0 0 0; }
#smt-gadget-topevents li a:hover .title {
  text-decoration: underline; }
#smt-gadget-topevents li a:hover .desc {
  text-decoration: underline; }
#smt-gadget-topevents .smt-home-host {
  background: url(/images/smt-host-home.png) no-repeat 0 0;
  display: inline-block;
  overflow: hidden;
  color: black;
  height: 24px;
  margin: 0 6px 0 3px;
  text-indent: -999px;
  vertical-align: medium;
  width: 70px; }

/* =そのほかのお知らせ
----------------------------------------------------------------------------- */
#smt-gadget-topnews {
  float: right;
  width: 476px; }
#smt-gadget-topnews .smt-gadget-content {
  padding: 24px 0 0 0; }
#smt-gadget-topnews li {
  padding: 6px 0; }
#smt-gadget-topnews li a {
  background: url(../images/arrow-addition.png) no-repeat 0 6px;
  color: #339999;/*  color: #5DB2C5; for AA */
  display: block;
  font-size: small;/* font-size: 14px; for AA */
  font-weight: bold;
  line-height: 1.7;
  margin: 0;
  padding: 0 0 0 10px;
  text-decoration: none; }
#smt-gadget-topnews a:hover {
  text-decoration: underline; }

/* =バナーエリア
----------------------------------------------------------------------------- */
#smt-gadget-toptimes ul{}
#smt-gadget-toptimes li{ display: inline-block; margin-right: 8px; margin-bottom: 8px;}


/* =開館時間
----------------------------------------------------------------------------- */
#smt-gadget-toptimes {
  float: left;
  width: 476px; }
#smt-gadget-toptimes .smt-gadget-content {
  padding: 16px 0; }
#smt-gadget-toptimes .smt-gadget-content p {
  color: #666;
  font-size: small;/*font-size: 14px;*/
  line-height: 2;
  margin: 0;
  padding: 0; }
#smt-gadget-toptimes .smt-gadget-content p a {
  color: #339999;/*  color: #5DB2C5; for AA */
#smt-gadget-toptimes .smt-gadget-content strong {
  font-weight: bold; }
#smt-gadget-toptimes .smt-announce {
  padding: 16px 0 0 0; }
#smt-gadget-toptimes .smt-announce-header a {
  color: #4D7A62;
  font-size: small;/*font-size: 16px;*/
  line-height: 36px;
  font-weight: bold; }
#smt-gadget-toptimes .smt-announce-content a {
/*  color: #5DB2C5; for AA */
  color: #339999;
  text-decoration: none; }
#smt-gadget-toptimes .smt-announce-content a:hover {
  text-decoration: underline; }
#smt-gadget-toptimes .smt-announce-content strong {
  color: #666; }

/* =バナー
----------------------------------------------------------------------------- */
#smt-gadget-toplinks {
  float: right;
  width: 476px; }
#smt-gadget-toplinks table {
  border-collapse: separate;
  border-spacing: 10px;
  margin: -10px 0 0 -10px;
  padding: 0; }
#smt-gadget-toplinks td {
  vertical-align: top; }
#smt-gadget-toplinks a img {
  border: 1px solid #ccc;
  display: block; }
#smt-gadget-toplinks ul,
#smt-gadget-toplinks li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }
#smt-gadget-toplinks ul {
  overflow: hidden;
  width: 100%; }
#smt-gadget-toplinks li {
  float: left;
  padding: 1px 32px 1px 0; }
#smt-gadget-toplinks li a {
  background: url(../images/arrow-addition.png) no-repeat 0 6px;
  color: #339999;/*  color: #5DB2C5; for AA */
  display: block;
  font-size: small;/*font-size: 14px;*/
  line-height: 1.7;
  margin: 0;
  padding: 0 0 0 10px;
  text-decoration: none; }

/* =MODAL_EVENT
----------------------------------------------------------------------------- */
.smt-tmpl-top .smt-tmpl-calendar-modal {
  display: none; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-contents,
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-contents .smt-section-inner {
  width: auto;
  background: transparent; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-contents .smt-section-inner {
  background: url(../images/bg-dot1.png); }
.smt-tmpl-top .smt-tmpl-calendar-modal .smt-calendar-top a {
  display: none; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-main .smt-wysiwyg {
  padding: 12px 28px 90px 28px; }
.smt-tmpl-top .smt-tmpl-calendar-modal .smt-modal-close {
  padding: 12px 28px 0 28px; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-main .smt-crumb,
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-main h1 {
  margin: 12px 28px 0 28px; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-main h1 {
  margin-bottom: 41px; }
.smt-tmpl-top .smt-tmpl-calendar-modal .smt-modal-close a {
  cursor: pointer;
  padding: 2px 0 0 24px;
  background: url(../images/modal-close.png) no-repeat 0 50%;
  color: #666666;
  font-size: small;/*font-size: 14px;*/
  text-decoration: none; }
.smt-tmpl-top .smt-tmpl-calendar-modal .smt-modal-close a:hover {
  text-decoration: underline; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-sidebar {
  padding-left: 28px;
  padding-right: 28px; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-sidebar .smt-widget {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-sidebar .smt-widget-content {
  width: 212px; }
.smt-tmpl-top .smt-tmpl-calendar-modal #smt-sidebar #smt-related-events .smt-widget-content {
  width: 224px;
  padding: 6px 0;
  background: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-filter: "none";
  filter: none; }