@charset "utf-8";
/* CSS Document */

/*****************************
　Free page - News
*****************************/


/*----header----------------*/

.temp_header {
  width: 100%;
  margin: 0 auto 40px;
}
.temp_header img {
  width: 100%;
}

/*----wrap----------------*/

div.temp_innerWrap {
  width: 100%;
  max-width: 1010px;
  margin: auto;
  padding: 0 15px;
  font-size: 16px;
  line-height: 1.7;
  color: #000;
}
/*SP*/
@media screen and (max-width: 599px) {
  div.temp_innerWrap {
    font-size: 15px;
  }
}

.elementor-section-wrap {
  background: #FFF;
}

#temp_newsElement * {
  font-size: 100%;
}

.c-detail__body #temp_newsElement {
  font-size: 16px;
}

@media screen and (max-width: 37.4375em) {
  .c-detail__body {
    padding: 0 !important;
  }
}

/*----title----------------*/

h2.temp_h2 {
  margin: 0 auto 15px;
  padding: 8px 10px;
  background: #FFCC00;
  font-size: 20px !important;
  font-weight: bold;
  color: #000;
}

h3.temp_h3 {
  margin: 0 auto 15px;
  padding: 8px 10px;
  background: #000;
  font-size: 18px !important;
  font-weight: bold;
  color: #FFF;
}

h4.temp_h4 {
  margin: 0 auto 15px;
  padding: 0 4px 10px;
  border-bottom: 3px solid #000;
  font-size: 18px !important;
  font-weight: bold;
  color: #000;
}

h5.temp_h5 {
  margin: 0 auto 15px;
  padding: 0 0 0 20px;
  font-size: 18px !important;
  font-weight: bold;
  color: #000;
  position: relative;
  line-height: 1.2;
}
h5.temp_h5:before {
  content: "";
  width: 10px;
  height: 5px;
  background: #FFCC00;
  position: absolute;
  top: 8px;
  left: 0;
}

h2.temp_informalgame_h2 {
  text-align: center;
  font-weight: bold;
  margin: 0 0 15px;
}
h2.temp_informalgame_h2 .data {
  display: block;
  font-size: 14px;
}
h2.temp_informalgame_h2 .team {
  display: block;
  font-size: 22px;
}

/*SP*/
@media screen and (max-width: 599px) {
  h2.temp_h2 {
    font-size: 18px !important;
  }

  h3.temp_h3 {
    font-size: 16px !important;
  }

  h4.temp_h4 {
    font-size: 16px !important;
  }

  h5.temp_h5 {
    font-size: 16px !important;
  }
}

/*----list----------------*/

ul.temp_markList li {
  list-style: disc outside;
  margin-left: 1.5em;
}

ul.temp_numList li {
  list-style: none;
  text-indent: -1em;
  margin-left: 1em;
}

ul.temp_notesList li {
  list-style: none;
  text-indent: -1em;
  margin-left: 1em;
}

ul.temp_attentionList li {
  list-style: none;
  padding-left: 1.5em;
  position: relative;
}
ul.temp_attentionList li:before {
  content: "!";
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #000;
  background: #FFCC00;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 0.4em;
  left: 0;
}

ul.temp_linkList li {
  list-style: none;
  padding-left: 1em;
  position: relative;
}
ul.temp_anchorLinkList li {
  list-style: none;
  padding-left: 1.2em;
  position: relative;
}
ul.temp_linkList li:before {
  content: "";
  display: block;
  border-top: solid 3px #FFCC00;
  border-right: solid 3px #FFCC00;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 0.5em;
  left: 2px;
}
ul.temp_anchorLinkList li:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #FFCC00 transparent transparent transparent;
  position: absolute;
  top: 0.7em;
  left: 2px;
}
ul.temp_linkList li a,
ul.temp_anchorLinkList li a {
  transition: .3s;
  text-decoration: underline;
}
ul.temp_linkList li a:hover,
ul.temp_anchorLinkList li a:hover {
  text-decoration: none;
  color: #FFCC00;
}

ul.temp_linkList.temp_inlineList li,
ul.temp_anchorLinkList.temp_inlineList li {
  display: inline-block;
}

ul.temp_linkList.temp_inlineList li:nth-child(n+2),
ul.temp_anchorLinkList.temp_inlineList li:nth-child(n+2) {
  margin-left: 15px;
}

@media screen and (min-width: 600px) {
  ul.temp_linkList.temp_inlineList,
  ul.temp_anchorLinkList.temp_inlineList {
    text-align: center;
  }
}

ul.temp_iconList li {
  list-style: none;
}
ul.temp_iconList li,
ul.temp_iconList li > a {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
ul.temp_iconList li > a {
  padding: 4px 20px 4px 0;
  position: relative;
}
ul.temp_iconList li:not(:first-child) > a {
  border-top: solid 1px #CCC;
}
ul.temp_iconList li > a:before {
  content: "";
  display: block;
  border-top: solid 3px #FFCC00;
  border-right: solid 3px #FFCC00;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
}
ul.temp_iconList li i {
  display: flex;
  align-items: center;
  width: 32px;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
ul.temp_iconList li i img {
  width: 100% !important;
}
ul.temp_iconList li span {
  flex: 1;
}

@media screen and (min-width: 600px) {
  .temp_menuLinkList {
    display: flex;
    justify-content: center;
    width: 100%;
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
  }
  .temp_menuLinkList li {
    display: flex;
    list-style: none;
    width: 100%;
    border-right: solid 2px #000;
  }
  .temp_menuLinkList li:last-child {
    border-right: none;
  }
  .temp_menuLinkList li a {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 10px 10px 10px 28px;
    background: #FFF;
    color: #000;
    text-decoration: none;
    position: relative;
    transition: .3s;
  }
  .temp_menuLinkList li.temp_active a,
  .temp_menuLinkList li a:hover {
    background: #FFCC00;
  }
  .temp_menuLinkList li a:before {
    content: "";
    display: block;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -4px;
  }
}

@media screen and (max-width: 599px) {
  /*SP2column*/
  .temp_menuLinkList.temp_menuLinkSP2C {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
  }
  .temp_menuLinkList.temp_menuLinkSP2C li {
    display: flex;
    list-style: none;
    width: 50%;
    border-right: solid 2px #000;
    border-bottom: solid 1px #000;
  }
  .temp_menuLinkList.temp_menuLinkSP2C li:nth-child(2n),
  .temp_menuLinkList.temp_menuLinkSP2C li:last-child {
    border-right: none;
  }
  .temp_menuLinkList.temp_menuLinkSP2C li:last-child {
    border-bottom: none;
  }
  .temp_menuLinkList.temp_menuLinkSP2C li a {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 8px 8px 8px 24px;
    background: #FFF;
    color: #000;
    text-decoration: none;
    position: relative;
  }
  .temp_menuLinkList.temp_menuLinkSP2C li.temp_active,
  .temp_menuLinkList.temp_menuLinkSP2C li.temp_active a {
    background: #FFCC00;
  }
  .temp_menuLinkList.temp_menuLinkSP2C li a:before {
    content: "";
    display: block;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -4px;
  }
  /*SP1column*/
  .temp_menuLinkList:not(.temp_menuLinkSP2C) {
    width: 100%;
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
  }
  .temp_menuLinkList:not(.temp_menuLinkSP2C) li {
    list-style: none;
    width: 100%;
    border-bottom: solid 1px #000;
  }
  .temp_menuLinkList:not(.temp_menuLinkSP2C) li:last-child {
    border-bottom: none;
  }
  .temp_menuLinkList:not(.temp_menuLinkSP2C) li a {
    display: block;
    width: 100%;
    padding: 8px 8px 8px 24px;
    background: #FFF;
    color: #000;
    text-decoration: none;
    position: relative;
  }
  .temp_menuLinkList:not(.temp_menuLinkSP2C) li.temp_active a {
    background: #FFCC00;
  }
  .temp_menuLinkList:not(.temp_menuLinkSP2C) li a:before {
    content: "";
    display: block;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -4px;
  }
}
.temp_menuLinkList li.temp_noLink a {
  pointer-events: none;
  color: #888;
  background: #CCC;
}
.temp_menuLinkList li.temp_noLink a:before {
  border-color: #888;
}


/*----link----------------*/

a[class^="temp_tLink"] {
  display: inline-block;
  padding-left: 1.3em;
  position: relative;
}
a.temp_tLinkPDF {
  padding-left: 35px;
}
a.temp_tLinkZoomin {
  padding-left: 35px;
}
a[class^="temp_tLink"] span {
  transition: .3s;
  text-decoration: underline;
}
a[class^="temp_tLink"]:hover span {
  text-decoration: none;
  color: #FFCC00;
}
a.temp_tLink:before {
  content: "";
  display: block;
  border-top: solid 3px #FFCC00;
  border-right: solid 3px #FFCC00;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 0.5em;
  left: 2px;
}
a.temp_tLinkBlank:before {
  content: "";
  display: block;
  border-top: solid 3px #FFCC00;
  border-right: solid 3px #FFCC00;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 0.5em;
  left: 2px;
}
a.temp_tLinkPDF:before {
  content: "PDF";
  display: inline-block;
  font-size: 11px;
  line-height: 17px;
  font-weight: bold;
  padding: 0 4px;
  border-radius: 999px;
  color: #000;
  background: #FFCC00;
  position: absolute;
  top: 0.4em;
  left: 0;
}
a.temp_tLinkZoomin:before {
  content: "拡大";
  display: inline-block;
  font-size: 11px;
  line-height: 17px;
  font-weight: bold;
  padding: 0 4px;
  border-radius: 999px;
  color: #000;
  background: #FFCC00;
  position: absolute;
  top: 0.4em;
  left: 0;
}
ul li a[class^="temp_tLink"] {
  text-indent: initial;
}


/*----button----------------*/

/*common*/

div[class*="temp_btnBlock"] p[class*="temp_btn"] a,
div[class*="temp_btnBlock"] p[class*="temp_btn"] > span {
  display: inline-block;
  min-width: 320px;
  padding: 18px 40px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
  border-radius: 9999px;
  transition: .3s;
}
div[class*="temp_btnBlock"] p.temp_btnS a {
  padding: 10px 10px;
  min-width: 300px;
}

div[class*="temp_btnBlock"] p {
  text-align: center;
}
div[class*="temp_btnBlock"] p.btnText {
  width: 100% !important;
  margin: 0 0 10px;
}

div[class*="temp_btnBlock_"] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 15px;
}

/*normal*/
.temp_btnNormal a {
  background: #FFCC00;
  color: #000;
}
.temp_btnNormal a:hover {
  background: #FFF;
}
/*Red*/
.temp_btnRed a {
  background: #ec0000;
  color: #FFF;
}
.temp_btnRed a:hover {
  background: #FFF;
  color: #ec0000;
}
/*非活性*/
.temp_btnNone a, .temp_btnNone span {
  background: #CCC !important;
  color: #666 !important;
  pointer-events: none !important;
}
/*オンラインストア*/
.temp_btnOnlineStore a {
  display: flex !important;
  background: #ff9900;
  color: #FFF;
  align-items: center;
  justify-content: center;
  padding: 18px 10px !important;
}
.temp_btnOnlineStore a img {
  width: 23%;
  padding: 5px;
  border-radius: 5px;
  background: #FFF;
}
.temp_btnOnlineStore a span {
  padding-left: 15px;
}
.temp_btnOnlineStore a:hover {
  background: #ffb23e;
}
/*タカチケット*/
.temp_btnTakaticket a {
  display: flex !important;
  background: #FFCC00;
  color: #000;
  align-items: center;
  justify-content: center;
  padding: 18px 10px !important;
}
.temp_btnTakaticket a img {
  width: 35%;
}
.temp_btnTakaticket a span {
  width: auto;
  padding-left: 15px;
}
.temp_btnTakaticket a:hover {
  background: #FFF;
}

/*1C*/
div.temp_btnBlock p[class*="temp_btn"] {
  width: 100%;
  max-width: 599px;
  padding: 0 15px;
  margin: auto;
}
/*2C*/
div.temp_btnBlock_2column p[class*="temp_btn"] {
  width: 42%;
  padding: 0;
  margin: 0 4% 0 0;
}
div.temp_btnBlock_2column p[class*="temp_btn"]:last-child {
  margin-right: 0;
}
/*3C*/
div.temp_btnBlock_3column p[class*="temp_btn"] {
  width: 32%;
  padding: 0;
  margin: 0 2% 0 0;
}
div.temp_btnBlock_3column p[class*="temp_btn"]:last-child {
  margin-right: 0;
}
div.temp_btnBlock_3column p[class*="temp_btn"] a {
  max-width: 300px;
  min-width: 100%;
}
/*4C*/
div.temp_btnBlock_4column p[class*="temp_btn"] {
  width: 23.5%;
  padding: 0;
  margin: 0 2% 0 0;
}
div.temp_btnBlock_4column p[class*="temp_btn"]:last-child {
  margin-right: 0;
}
div.temp_btnBlock_4column p[class*="temp_btn"] a {
  max-width: 300px;
  min-width: 100%;
}

/*SP*/
@media screen and (max-width: 599px) {
  div[class*="temp_btnBlock"] p[class*="temp_btn"] a,
  div[class*="temp_btnBlock"] p[class*="temp_btn"] > span {
    min-width: 100%;
  }
  div[class*="temp_btnBlock_"] {
    display: block;
  }
  /*2C*/
  div.temp_btnBlock_2column p[class*="temp_btn"] {
    width: 100%;
    margin-right: 0;
  }
  div.temp_btnBlock_2column.temp_sp2C {
    display: flex;
    justify-content: space-between;
  }
  div.temp_btnBlock_2column.temp_sp2C p[class*="temp_btn"] {
    width: 49%;
    margin: 0 !important;
  }
  div.temp_btnBlock_2column.temp_sp2C p[class*="temp_btn"] > * {
    padding: 15px !important;
  }
  /*3C*/
  div.temp_btnBlock_3column p[class*="temp_btn"] {
    width: 100%;
    margin-right: 0;
  }
  /*4C*/
  div.temp_btnBlock_4column {
    display: flex;
  }
  div.temp_btnBlock_4column p[class*="temp_btn"] {
    width: 49%;
    margin: 0 2% 2% 0 !important;
  }
  div.temp_btnBlock_4column p[class*="temp_btn"]:nth-child(2n) {
    margin-right: 0 !important;
  }
  div.temp_btnBlock_4column p[class*="temp_btn"]:nth-last-child(-n + 2) {
    margin-bottom: 0 !important;
  }
  /*margin*/
  div[class*="temp_btnBlock_"] p[class*="temp_btn"] + p[class*="temp_btn"] {
    margin-top: 15px;
  }
  /*オンラインストア*/
  .temp_btnOnlineStore {
    padding-left: 0;
    padding-right: 0;
  }
  .temp_btnOnlineStore a span {
    padding-left: 5px;
  }
  /*タカチケット*/
  .temp_btnTakaticket a span {
    padding-left: 5px;
  }
}


/*----icon----------------*/

.temp_tIcon {
  display: inline-block;
  padding: 3px 5px;
  margin: 0 5px 0 0;
  background: #ec0000;
  font-size: smaller;
  font-weight: bold;
  line-height: 1;
  color: #FFF;
}


/*----table----------------*/

table.temp_normalTable {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
table.temp_normalTable th {
  border: solid 1px #CCC;
  background: #E1E1E1 !important;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  font-weight: normal !important;
}
table.temp_normalTable td {
  border: solid 1px #CCC;
  background: #FFF !important;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
}

table.temp_normalTable.temp_minTable th {
  padding: 5px;
  font-size: 14px;
}
table.temp_normalTable.temp_minTable td {
  padding: 5px;
  text-align: center;
  font-size: 14px;
}

div.temp_scrollTable {
  width: 100%;
  overflow-x: scroll;
  position: relative;
}
div.temp_scrollTable:before {
  content: "横にスクロールしてください";
  font-size: 11px;
  color: #AAA;
  line-height: 15px;
  padding: 0 5px;
  border: 1px solid #AAA;
  border-radius: 999px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}
div.temp_scrollTable table.temp_normalTable {
  width: 100%;
  white-space: nowrap;
}

/*SP*/
@media screen and (max-width: 599px) {
  div.temp_scrollTableSP {
    width: 100%;
    overflow-x: scroll;
    position: relative;
  }
  div.temp_scrollTableSP:before {
    content: "横にスクロールしてください";
    font-size: 11px;
    color: #AAA;
    line-height: 15px;
    padding: 0 5px;
    border: 1px solid #AAA;
    border-radius: 999px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
  }
  div.temp_scrollTableSP table.temp_normalTable {
    width: 100%;
    white-space: nowrap;
  }
}

table.temp_normalTable tbody>tr:nth-child(odd)>td {
  background: #FFF !important;
}

.temp_gameScoreTable {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
table.temp_gameScoreTable th {
  border: solid 1px #000;
  border-right: solid 1px #333;
  background: #000 !important;
  padding: 5px;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  font-weight: normal !important;
}
table.temp_gameScoreTable tr th:last-child {
  border-right: solid 1px #000;
}
table.temp_gameScoreTable td {
  border: solid 1px #000;
  background: #333 !important;
  padding: 5px;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
}
table.temp_gameScoreTable tr td:first-child {
  font-size: 12px;
}

table.temp_sponsorList {
  table-layout: fixed;
  border-bottom: dotted 1px #CCC;
}
table.temp_sponsorList td {
  padding: 10px 8px;
  vertical-align: middle;
  box-sizing: content-box;
  background: #FFF !important;
  border-top: dotted 1px #CCC;
}
table.temp_sponsorList td.temp_sponsorLogo {
  width: 85px;
  padding-right: 0;
}


/*----responsiveTable----------------*/

@media screen and (min-width: 600px) {
  dl.temp_responsiveTable {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  dl.temp_responsiveTable dt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 20%;
    padding: 10px;
    background: #E1E1E1;
    border-right: 2px solid #FFF;
    margin-bottom: 2px;
    font-weight: bold;
  }
  dl.temp_responsiveTable dd {
    display: flex;
    flex-direction: column;
    width: 80%;
    padding: 10px;
    background: #F7F7F7;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 599px) {
  dl.temp_responsiveTable dt {
    width: 100%;
    padding: 8px 10px;
    background: #E1E1E1;
    margin-bottom: 1px;
    font-weight: bold;
    text-align: center;
  }
  dl.temp_responsiveTable dd {
    display: block;
    width: 100%;
    padding: 8px 10px;
    background: #F7F7F7;
    margin-bottom: 1px;
  }
}


/*----Accordion----------------*/

.temp_accBlock {
  margin: 0;
  padding: 0;
}
.temp_accBlock .temp_accTitle {
  display: block;
  padding: 14px 50px 14px 15px;
  margin: 0;
  border: 1px solid #CCC;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.temp_accBlock .temp_accTitle.accActive {
  border-radius: 10px 10px 0 0;
}
.temp_accBlock .temp_accTitle:before {
  content: "";
  width: 26px;
  height: 6px;
  background: #000;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 15px;
}
.temp_accBlock .temp_accTitle:after {
  content: "";
  width: 6px;
  height: 26px;
  background: #000;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 25px;
  opacity: 1;
  transition: .3s;
}
.temp_accBlock .temp_accTitle.accActive:after {
  transform: rotate(90deg);
  opacity: 0;
  transition: .3s;
}

.temp_accBlock .temp_accContents + .temp_accTitle,
.temp_accBlock .temp_accTitle + .temp_accTitle {
  margin-top: 15px;
}

.temp_accBlock .temp_accContents {
  display: none;
  width: 100%;
  padding: 20px;
  border: 1px solid #CCC;
  border-top: none;
}


/*----Tab----------------*/

/*PC*/
@media screen and (min-width: 600px) {
  div.temp_tabBox p.temp_tabSelectText {
    display: none;
  }
  div.temp_tabBox ul.temp_tabMenuList {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    border-bottom: solid 4px #000;
  }
  div.temp_tabBox ul.temp_tabMenuList li {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
    padding: 10px 15px;
    border: solid 1px #000;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    background: #FFF;
    color: #000;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
  }
  div.temp_tabBox ul.temp_tabMenuList li:first-child {
    margin-left: 10px;
  }
  div.temp_tabBox ul.temp_tabMenuList li:hover {
    background: #FFCC00;
  }
  div.temp_tabBox ul.temp_tabMenuList li.temp_active {
    background: #000;
    color: #FFF;
    font-weight: 700;
  }
  div.temp_tabBox div.temp_tabPanelArea {
    width: 100%;
    margin: 0;
    padding: 20px;
    border: 1px solid #CCC;
    border-top: none;
  }
  div.temp_tabBox div.temp_tabPanelArea div.temp_tabPanel {
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
    transition: .3s;
  }
  div.temp_tabBox div.temp_tabPanelArea div.temp_tabPanel.temp_active {
    display: block;
  }
}

/*SP*/
@media screen and (max-width: 599px) {
  div.temp_tabBox:not(.temp_spLineTab) div.temp_tabSelect {
    width: 100%;
    margin: 0;
    padding: 12px 8px;
    position: relative;
    z-index: 1;
    border: 1px solid #000;
    border-radius: 8px 8px 0 0;
  }
  div.temp_tabBox:not(.temp_spLineTab) div.temp_tabSelect p.temp_tabSelectText {
    font-size: 14px;
    color: #000;
    padding: 0 0 0 24px;
    position: relative;
  }
  div.temp_tabBox:not(.temp_spLineTab) div.temp_tabSelect p.temp_tabSelectText:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -4px;
  }
  div.temp_tabBox:not(.temp_spLineTab) ul.temp_tabMenuList {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
  }
  div.temp_tabBox:not(.temp_spLineTab) ul.temp_tabMenuList li {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 10px;
    border: solid 1px #000;
    border-bottom: none;
    background: #FFF;
    color: #000;
    font-size: 14px;
    text-align: center;
  }
  div.temp_tabBox:not(.temp_spLineTab) ul.temp_tabMenuList li:last-child {
    border-bottom: solid 1px #000;
    border-radius: 0 0 8px 8px;
  }
  div.temp_tabBox:not(.temp_spLineTab) ul.temp_tabMenuList li.temp_active {
    background: #FFCC00;
  }
  div.temp_tabBox div.temp_tabPanelArea {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: 1px solid #CCC;
    border-top: none;
  }
  div.temp_tabBox div.temp_tabPanelArea div.temp_tabPanel {
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
    transition: .3s;
  }
  div.temp_tabBox div.temp_tabPanelArea div.temp_tabPanel.temp_active {
    display: block;
  }
  /***スマホでも横並び***/
  div.temp_tabBox.temp_spLineTab p.temp_tabSelectText {
    display: none;
  }
  div.temp_tabBox.temp_spLineTab ul.temp_tabMenuList {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0;
    padding: 0;
    border-bottom: solid 4px #000;
  }
  div.temp_tabBox.temp_spLineTab ul.temp_tabMenuList li {
    list-style: none;
    width: 100%;
    margin: 0 10px 0 0;
    padding: 8px 10px;
    border: solid 1px #000;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    background: #FFF;
    color: #000;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    cursor: pointer;
    transition: .3s;
  }
  div.temp_tabBox.temp_spLineTab ul.temp_tabMenuList li:first-child {
    margin-left: 10px;
  }
  div.temp_tabBox.temp_spLineTab ul.temp_tabMenuList li:hover {
    background: #FFCC00;
  }
  div.temp_tabBox.temp_spLineTab ul.temp_tabMenuList li.temp_active {
    background: #000;
    color: #FFF;
    font-weight: 700;
  }
}


/*----modal----------------*/

.temp_modalContainer{
  display: flex;
  align-items: center;
  justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	position: fixed;
	top: 0;
	left: 0;
  z-index: 1000;
  margin: 0 !important;
}
.temp_modalContainer:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.temp_modalContainer.temp_active{
	opacity: 1;
	visibility: visible;
}
.temp_modalContents{
  position: relative;
  display: block;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
}
.temp_modalClose{
	display: flex;
  align-items: center;
  justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 40px !important;
  font-weight: bold;
	color: #FFF;
	cursor: pointer;
	position: absolute;
	top: -45px;
	right: -5px;
}
.temp_modalInner{
	background: #FFF;
	padding: 30px;
  text-align: left;
  display: none;
}
.temp_modalInner.temp_active{
  display: block;
}
/*SP*/
@media screen and (max-width: 599px) {
  .temp_modalInner{
    padding: 20px;
  }
}

/*----calendarList----------------*/

/*PC*/
@media screen and (min-width: 600px) {
  dl.temp_calendarList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  dl.temp_calendarList dt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    padding: 15px;
    margin: 0;
    background: #CCC;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #000;
  }
  dl.temp_calendarList dd {
    width: 80%;
    padding: 5px 15px;
    margin: 0;
    border-bottom: 1px solid #000;
    word-break: break-all;
  }
  /*broadcastList*/
  dl.temp_calendarList.temp_broadcastList dt {
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}

/*SP*/
@media screen and (max-width: 599px) {
  dl.temp_calendarList dt {
    padding: 10px;
    margin: 10px 0 0;
    background: #CCC;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #000;
    text-align: center;
  }
  dl.temp_calendarList dd {
    display: block;
    word-break: break-all;
  }
}

dl.temp_calendarList dd table {
  width: auto;
}
dl.temp_calendarList dd table th {
  background: #FFF !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 10px 15px;
  border-bottom: 1px dotted #CCC;
}
dl.temp_calendarList dd table td {
  background: #FFF !important;
  text-align: left !important;
  padding: 10px 0;
  border-bottom: 1px dotted #CCC;
}
dl.temp_calendarList dd table tr:last-child th,
dl.temp_calendarList dd table tr:last-child td {
  border-bottom: none;
}
/*broadcastList*/
dl.temp_calendarList.temp_broadcastList dd table tr td:first-child {
  padding-right: 10px;
}

/*----imageBlock----------------*/

/*common*/
div[class*="temp_imgBlock"] figure {
  margin: 0;
  padding: 0;
  text-align: center;
  display: block;
}
div[class*="temp_imgBlock"] figure img {
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
div[class*="temp_imgBlock"] figure figcaption {
  font-size: 14px;
  text-align: center;
  font-style: normal;
  padding: 5px 0 0;
  margin: 0 !important;
}
div[class*="temp_imgBlock_"] {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  justify-content: center;
}
div[class*="temp_imgBlock_txtcolumn"] {
  justify-content: space-between;
}
div[class*="temp_imgBlock_"] div.temp_columnInner > *:not(figure) {
  margin-top: 10px;
}

/*1C*/
div.temp_imgBlock {
  width: 100%;
  margin: 0;
  padding: 0;
}

/*PC*/
@media screen and (min-width: 600px) {
  div[class*="temp_imgBlock_"] div.temp_columnInner:last-child {
    margin-right: 0;
  }
  /*1C*/
  div.temp_imgBlock figure.temp_imgS img {
    max-width: 640px;
  }
  /*2C*/
  div.temp_imgBlock_2column div.temp_columnInner {
    width: 48%;
    margin-right: 4%;
  }
  div.temp_imgBlock_2column div.temp_columnInner:nth-child(2n) {
    margin-right: 0;

  }









  div.temp_imgBlock_2column div.temp_columnInner:nth-child(n+3) {
    margin-top: 3%;
  }
  /*3C*/
  div.temp_imgBlock_3column div.temp_columnInner {
    width: 31%;
    margin-right: 3.5%;
  }
  div.temp_imgBlock_3column div.temp_columnInner:nth-child(3n) {
    margin-right: 0;
  }
  div.temp_imgBlock_3column div.temp_columnInner:nth-child(n+4) {
    margin-top: 3%;
  }
  /*4C*/
  div.temp_imgBlock_4column div.temp_columnInner {
    width: 22%;
    margin-right: 4%;
  }
  div.temp_imgBlock_4column div.temp_columnInner:nth-child(4n) {
    margin-right: 0;
  }
  div.temp_imgBlock_4column div.temp_columnInner:nth-child(n+5) {
    margin-top: 3%;
  }
  /*img-txt*/
  div.temp_imgBlock_txtcolumnS figure {
    width: 15%;
  }
  div.temp_imgBlock_txtcolumnS div.temp_txtArea {
    width: 82%;
  }
  /*img-txt*/
  div.temp_imgBlock_txtcolumnM figure {
    width: 30%;
  }
  div.temp_imgBlock_txtcolumnM div.temp_txtArea {
    width: 66%;
  }
  /*img-txt*/
  div.temp_imgBlock_txtcolumnL figure {
    width: 48%;
  }
  div.temp_imgBlock_txtcolumnL div.temp_txtArea {
    width: 48%;
  }
}

/*SP*/
@media screen and (max-width: 599px) {
  /*2C 3C txt*/
  div.temp_imgBlock_txtcolumnM,
  div.temp_imgBlock_txtcolumnL,
  div.temp_imgBlock_2column,
  div.temp_imgBlock_3column {
    display: block;
  }
  div.temp_imgBlock_2column div.temp_columnInner + div.temp_columnInner,
  div.temp_imgBlock_3column div.temp_columnInner + div.temp_columnInner {
    margin-top: 15px;
  }
  div.temp_imgBlock_txtcolumnM div.temp_txtArea,
  div.temp_imgBlock_txtcolumnL div.temp_txtArea {
    margin-top: 10px;
  }
  /*4C*/
  div.temp_imgBlock_4column div.temp_columnInner {
    width: 48%;
    margin-right: 4%;
  }
  div.temp_imgBlock_4column div.temp_columnInner:nth-child(2n) {
    margin-right: 0;
  }
  div.temp_imgBlock_4column div.temp_columnInner:nth-child(n+3) {
    margin-top: 3%;
  }
  /*img-txt*/
  div.temp_imgBlock_txtcolumnS figure {
    width: 20%;
  }
  div.temp_imgBlock_txtcolumnS div.temp_txtArea {
    width: 76%;
  }
}


/*----contact----------------*/

@media screen and (min-width: 600px) {
  dl.temp_contactList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  dl.temp_contactList dt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 20%;
    padding: 10px;
    background: #E1E1E1;
    border-right: 2px solid #FFF;
    margin-bottom: 2px;
    font-weight: bold;
  }
  dl.temp_contactList dd {
    /*display: flex;
    flex-direction: column;*/
    width: 80%;
    padding: 10px;
    background: #F7F7F7;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 599px) {
  dl.temp_contactList dt {
    width: 100%;
    padding: 8px 10px;
    background: #E1E1E1;
    margin-bottom: 1px;
    font-weight: bold;
    text-align: center;
  }
  dl.temp_contactList dd {
    display: block;
    width: 100%;
    padding: 8px 10px;
    background: #F7F7F7;
    margin-bottom: 1px;
  }
}

/*----movie----------------*/

div.temp_movieBlock {
  width: 100%;
  max-width: 640px;
  margin: auto;
}
div.temp_movieBlock div.temp_movieInner {
  width: 100%;
  height: 0;
  margin: auto;
  padding-top: 56.25%;
  position: relative;
}
div.temp_movieBlock div.temp_movieInner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}


/*----borderBox----------------*/

/*normal*/
div.temp_boderBox {
  width: 100%;
  background: #555;
  border: solid 3px #000;
}
div.temp_boderBox .temp_boderBoxTitle {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

/*attention*/
div.temp_boderBoxAttention {
  width: 100%;
  background: #ec0000;
  border: solid 3px #ec0000;
}
div.temp_boderBoxAttention .temp_boderBoxTitle {
  font-size: 18px;
  font-weight: bold;
  color: #ec0000;
  margin-bottom: 15px;
  padding: 0 0 0 25px;
  position: relative;
}

div.temp_boderBoxAttention .temp_boderBoxTitle:before {
  content: "!";
  width: 18px;
  height: 18px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
  color: #FFF;
  background: #ec0000;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 0;
}
div.temp_boderBoxAttention p.temp_attentionMark:before,
div.temp_boderBoxAttention ul.temp_attentionMark:before {
  content: "!";
  width: 24px;
  height: 24px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  color: #FFF;
  background: #ec0000;
  border-radius: 999px;
  position: absolute;
  top: 0.2em;
  left: 0;
}
div.temp_boderBoxAttention p.temp_attentionMark,
div.temp_boderBoxAttention ul.temp_attentionMark {
  padding-left: 32px;
  position: relative;
}
div.temp_boderBoxAttention p,
div.temp_boderBoxAttention ul li {
  color: #ec0000;
}

div.temp_borderBoxInner {
  width: 100%;
  padding: 20px;
  background: rgba(255,255,255,0.9);
}


/*----margin----------------*/

.c-detail__body p {
  margin-bottom: 0;
}

div.temp_innerWrap {
  padding-bottom: 50px;
}

div.temp_innerWrap > *:not([class^="temp_h"]) + *:not([class^="temp_h"]) {
  margin-top: 15px;
}
div.temp_innerWrap .temp_tabPanel > *:not([class^="temp_h"]) + *:not([class^="temp_h"]) {
  margin-top: 15px;
}
div.temp_innerWrap .temp_modalInner > *:not([class^="temp_h"]) + *:not([class^="temp_h"]) {
  margin-top: 15px;
}
div.temp_innerWrap .temp_accContents > *:not([class^="temp_h"]) + *:not([class^="temp_h"]) {
  margin-top: 15px;
}

div[class*="temp_imgBlock"] table {
  width: 100%;
  margin-top: 10px;
}

div.temp_innerWrap *:not([class^="temp_h"]) + h3.temp_h3,
div.temp_innerWrap *:not([class^="temp_h"]) + h4.temp_h4 {
  margin-top: 35px;
}

div.temp_innerWrap *:not([class^="temp_h"]) + h5.temp_h5 {
  margin-top: 25px;
}
div[class*="temp_imgBlock_"] + div[class*="temp_imgBlock_"] {
  margin-top: 15px;
}

div.temp_innerWrap p + p {
  margin-top: 10px !important;
}

div.temp_innerWrap p > img {
  vertical-align: middle;
}

/*PC*/
@media screen and (min-width: 600px) {
  div.temp_innerWrap p[class^="temp_btn"] + p[class^="temp_btn"] {
    margin-top: 0 !important;
  }
}


/*****************************
　mobile
*****************************/

/*updateTitle*/
div.temp_updateTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
}
div.temp_updateTitle h2 {
  font-size: 20px;
  font-family: "Oswald", Sans-serif;
}
div.temp_updateTitle:before {
  display: block;
  content: "";
  width: 70px;
  height: 60px;
  background: url(/media/sites/7/common/logo/mobataka.png) no-repeat 0 48%;
  background-size: 100%;
  margin-right: 8px
}
/*updateList*/
div.temp_updateList {
  width: 100%;
  height: 30vh;
  overflow-y: scroll;
  border: 1px solid #CCC;
  background: #FFF;
}
div.temp_updateList > ul > li {
  list-style: none;
}
div.temp_updateList > ul > li:nth-child(n+2) {
  border-top: 1px solid #F2F2F2;
  list-style: none;
}
div.temp_updateList > ul > li > a {
  display: flex;
  justify-content: space-between;
  padding: 8px 20px 8px 8px;
  color: #000;
  position: relative;
}
div.temp_updateList > ul > li > a:before {
  content: "";
  display: block;
  border-top: solid 3px #FFCC00;
  border-right: solid 3px #FFCC00;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
}
div.temp_updateList > ul > li > a > figure {
  width: 25%;
  aspect-ratio: 3/2;
  position: relative;
  overflow: hidden;
}
div.temp_updateList > ul > li > a > figure img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
div.temp_updateList > ul > li > a > p {
  width: 73%;
  font-size: 15px;
}
div.temp_updateList > ul > li > a > p span {
  display: inline-block;

  margin-right: 5px;
  padding: 0 5px;
  border-radius: 999px;
  background: #FFCC00;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  min-width: 7em;
  text-align: center;
}
div.temp_updateList > ul > li > a > p span.cate_wakatana { background: #FFCC00; }/*若鷹選手日記*/
div.temp_updateList > ul > li > a > p span.cate_nagomi { background: #4DC9FD; }/*和日記*/
div.temp_updateList > ul > li > a > p span.cate_tamasta { background: #58B531; }/*あずさのタマスタ日誌*/
div.temp_updateList > ul > li > a > p span.cate_nishitetsu { background: #58B531; }/*西田哲郎の西哲号*/
div.temp_updateList > ul > li > a > p span.cate_wp { background: #E060A0; color: #FFF; }/*壁紙*/
div.temp_updateList > ul > li > a > p span.cate_cp { background: #ec0000; color: #FFF; }/*キャンペーン*/
div.temp_updateList > ul > li > a > p span.cate_movie { background: #ff9900; color: #FFF; }/*動画*/

/*thumbLinkList*/
ul.temp_thumbLinkList > li {
  list-style: none;
}
ul.temp_thumbLinkList > li:nth-child(n+2) {
  border-top: 1px solid #000;
}
ul.temp_thumbLinkList > li.temp_noLink {
  padding: 10px;
  position: relative;
}
ul.temp_thumbLinkList > li a {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 20px 0 0;
  position: relative;
}
ul.temp_thumbLinkList > li a figure {
  width: 90px;
}
ul.temp_thumbLinkList > li a p {
  width: auto;
  padding: 5px 0 5px 8px;
  color: #0054ff;
}
ul.temp_thumbLinkList > li a:before {
  content: "";
  display: block;
  border-top: solid 3px #FFCC00;
  border-right: solid 3px #FFCC00;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
}

/*thumbLinkList*/
ul.temp_linkTapList > li {
  list-style: none;
}
ul.temp_linkTapList > li:nth-child(n+2) {
  border-top: 1px solid #000;
}
ul.temp_linkTapList > li a {
  display: block;
  padding: 8px 20px 8px 8px;
  color: #000;
  position: relative;
}
ul.temp_linkTapList > li a:before {
  content: "";
  display: block;
  border-top: solid 3px #FFCC00;
  border-right: solid 3px #FFCC00;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
}


/*****************************
　Elementor
*****************************/

/*----top----------------*/
#top_newsArea .c-news__tab-button {
  min-width: 90px;
}

/*----LinkBox----------------*/

.temp_linkPanel figure {
  position: relative;
}
.temp_linkPanel figure figcaption {
  position: absolute;
  display: block;
  width: 100%;
  padding: 5px 10px;
  background: rgba(0,0,0,.6);
  font-size: 16px !important;
  font-weight: bold !important;
  color: #FFF !important;
  text-align: left;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.temp_linkPanel-full figure {
  position: relative;
  background: #000;
  cursor: pointer;
}
.temp_linkPanel-full figure img {
  display: block;
  opacity: .5;
  transition: .3s;
}
.temp_linkPanel-full figure a {
  display: block;
}
.temp_linkPanel-full figure:hover img {
  opacity: 1;
}
.temp_linkPanel-full figure figcaption {
  position: absolute;
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-weight: bold !important;
  font-size: 16px !important;
  color: #FFF !important;
  text-align: left;
  bottom: 0;
  left: 0;
}
.temp_linkPanelText a {
  color: #000;
  font-size: 14px !important;
}

/*SP*/
@media screen and (max-width: 599px) {
  .temp_linkPanel figure figcaption {
    font-size: 14px !important;
  }
  .temp_linkPanelText a {
    font-size: 13px !important;
  }
}