/** Theme Name: * Theme Name: HTMLレイアウトカスタムCSS
* Theme URI:
* Description: カスタムスタイル
* Created Date: 2018.03.13
* Update Date:
*/


/*------------------------------------
  Footer
------------------------------------*/

#global-footer {
  margin-top: 40px;
  padding-bottom: 90px;
}

@media screen and (max-width:320px) {
  #global-footer {
    padding-bottom: 85px;
  }
}
.pc-show {
  display: none;
}
.sp-show {
  display: block;
}
.tab-show {
  display: none;
}
.d-flex {
  display: flex;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.small-txt {
  font-size: .8em;
}
.smallest-txt {
  font-size: .6em;
}
.big-txt {
  font-size: 1.2em;
}
a.link-ul {
  text-decoration: underline;
  color: #000;
}
a.link-blue {
  color: #00f;
}

/*main-contents*/
.main-ttl {
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  border-bottom: #009380 solid 2px;
  width: fit-content;
  margin: 0 auto 1vh;
  padding: 0 2vw;
}
.main-ttl span {
  display: inline-block;
  background: linear-gradient(transparent 80%, #FFEC00 80%);
}
.main-txt {
  margin: 0 1vw 2vh;
}
/*tab*/
.over-tab-txt {
  color: #009380;
  text-align: center;
  font-weight: bold;
}
.js-tab-btn {
  list-style: none;
  cursor: pointer;
}
.js-tab-content {
  display: none;
}
.js-tab-content[data-visibility="true"] {
  display: block;
}
/*tab btn*/
.tab-btn-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 2vh;
}
.tab-btn {
  padding: 1vh 0;
  font-weight: bold;
  color: #fff;
  border-radius: 8px;
  border: solid 3px transparent;
  font-size: 1.5rem;
  width: 31vw;
  margin: 0.5vw 0vw;
  display: flex;
  align-items: center;
}
.tab-btn[data-color="red"] {
  background-color: #FC4850;
}
.tab-btn[data-color="red"][data-selected="true"] {
  border-color: #FC4850;
  color: #FC4850;;
  background-color: #FFECED;
}
.tab-btn[data-color="deep-blue"] {
  background-color: #2E57CB;
}
.tab-btn[data-color="deep-blue"][data-selected="true"] {
  border-color: #2E57CB;
  color: #2E57CB;
  background-color: #EBEFFA;
}
.tab-btn[data-color="pink"] {
  background-color: #FF78BB;
}
.tab-btn[data-color="pink"][data-selected="true"] {
  border-color: #FF78BB;
  color: #FF78BB;
  background-color: #FFF2F8;
}
.tab-btn[data-color="light-green"] {
  background-color: #A4D300;
}
.tab-btn[data-color="light-green"][data-selected="true"] {
  border-color: #A4D300;
  color: #A4D300;
  background-color: #F6FBE6;
}
.tab-btn[data-color="orange"] {
  background-color: #FD952D;
}
.tab-btn[data-color="orange"][data-selected="true"] {
  border-color: #FD952D;
  color: #FD952D;
  background-color: #FFF5EA;
}
.tab-btn[data-color="light-blue"] {
  background-color: #51C7C7;
}
.tab-btn[data-color="light-blue"][data-selected="true"] {
  border-color: #51C7C7;
  color: #51C7C7;
  background-color: #EEFAFA;
}
.tab-btn[data-color="deep-green"] {
  background-color: #0F9C0D;
}
.tab-btn[data-color="deep-green"][data-selected="true"] {
  border-color: #0F9C0D;
  color: #0F9C0D;
  background-color: #EEFAFA;
}
.tab-btn[data-color="purple"] {
  background-color: #C184FF;
}
.tab-btn[data-color="purple"][data-selected="true"] {
  border-color: #C184FF;
  color: #C184FF;
  background-color: #F9F3FF;
}
.tab-btn[data-color="grey"] {
  background-color: #666565;
}
.tab-btn[data-color="grey"][data-selected="true"] {
  border-color: #666565;
  color: #666565;
  background-color: #F0F0F0;
}
.tab-btn-icon {
  width: 25px;
  margin-bottom: 3px;
  margin-right: 3px;
}
.tab-btn[data-selected="false"] .tab-btn-icon {
  filter: invert(90%) sepia(100%) saturate(0%) hue-rotate(229deg) brightness(300%) contrast(191%);
}
/*tab content*/
.tab-content {
  padding: 2vh 3vw;
}
.tab-content[data-color="red"] {
  background-color: #FFECED;
}
.tab-content[data-color="red"] .field-name {
  border-color: #FC4850;
  color: #FC4850;;
}
.tab-content[data-color="red"] .uni-name {
  background-color: #FC4850;
}
.tab-content[data-color="deep-blue"] {
  background-color: #EAEEFA;
}
.tab-content[data-color="deep-blue"] .field-name {
  border-color: #2E57CB;
  color: #2E57CB;
}
.tab-content[data-color="deep-blue"] .uni-name {
  background-color: #2E57CB;
}
.tab-content[data-color="pink"] {
  background-color: #FFF2F8;
}
.tab-content[data-color="pink"] .field-name {
  border-color: #FF78BB;
  color: #FF78BB;
}
.tab-content[data-color="pink"] .uni-name {
  background-color: #FF78BB;
}
.tab-content[data-color="light-green"] {
  background-color: #F6FBE6;
}
.tab-content[data-color="light-green"] .field-name {
  border-color: #A4D300;
  color: #A4D300;
}
.tab-content[data-color="light-green"] .uni-name {
  background-color: #A4D300;
}
.tab-content[data-color="orange"] {
  background-color: #FFF5EA;
}
.tab-content[data-color="orange"] .field-name {
  border-color: #FD952D;
  color: #FD952D;
}
.tab-content[data-color="orange"] .uni-name {
  background-color: #FD952D;
}
.tab-content[data-color="light-blue"] {
  background-color: #EEFAFA;
}
.tab-content[data-color="light-blue"] .field-name {
  border-color: #51C7C7;
  color: #51C7C7;
}
.tab-content[data-color="light-blue"] .uni-name {
  background-color: #51C7C7;
}
.tab-content[data-color="deep-green"] {
  background-color: #EEFAFA;
}
.tab-content[data-color="deep-green"] .field-name {
  border-color: #0F9C0D;
  color: #0F9C0D;
}
.tab-content[data-color="deep-green"] .uni-name {
  background-color: #0F9C0D;
}
.tab-content[data-color="purple"] {
  background-color: #F9F3FF;
}
.tab-content[data-color="purple"] .field-name {
  border-color: #C184FF;
  color: #C184FF;
}
.tab-content[data-color="purple"] .uni-name {
  background-color: #C184FF;
}
.tab-content[data-color="grey"] {
  background-color: #F0F0F0;
}
.tab-content[data-color="grey"] .field-name {
  border-color: #666565;
  color: #666565;
}
.tab-content[data-color="grey"] .uni-name {
  background-color: #666565;
}
.field-name {
  font-weight: bold;
  font-size: 2.5rem;
  text-align: center;
  width: fit-content;
  padding: 0 8vw 0 16vw;
  border-bottom: solid 3px;
  margin: 0 auto 3vh;
  position: relative;
  line-height: 1.2;
  padding-bottom: 1vh;
  letter-spacing: -0.05em;
}
.field-name-small {
  font-size: .7em;
}

.movie-list {
  margin-bottom: 2vh;
  align-items: flex-start;
}
.movie-date-box {
  display: flex;
}
.movie-link {
  margin-left: auto;
}
.tab-con-icon {
  width: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
.uni-name {
  color: #fff;
  text-align: center;
  font-weight: bold;
  flex: 1;
  margin-right: 2vw;
  border-radius: 5px;
  padding: 1vw 0;
}
.to-movie {
  flex: 2.5;
}
/*トップ導線*/
.to-top {
  background: #009380;
  padding: 1.5vh 2vw;
  margin: 0 auto 2vh;
  display: flex;
  align-items: center;
}
.to-top-left {
  flex: 1;
  margin-right: 2vw;
}
.to-top-right {
  flex: 2.5;
  color: #fff;
}
.to-top-txt {
  margin-bottom: 1vh;
}
.to-top-btn {
  background: #fff;
  color: #009380;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  padding: 1vh;
}

/*bottom-con*/
.bottom-contents {
  margin-bottom: 2vh;
}
.bottom-ttl {
  background: #009380;
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  margin: 0px auto 2vh;
  padding: 1vh 0;
}