html {
  color: #404040;
  font-size: 62.5%;
  line-height: 1.5;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #c8c8c8;
  margin: 50px 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ===================
    base-common
   =================== */

body {
  font: 16px/26px;
  font-family:'Noto Sans JP', "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  font-size: 1.5rem;
}
img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
p {
  margin: 0;
  padding: 0;
}
ul,li,
ol,li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.li-style-disc,
.li-style-num {
  margin: 8px 0;
}
.li-style-disc li {
  margin: 0 0 12px 1.75em;
  list-style-type: disc;
}
.li-style-num li {
  margin: 0 0 12px 1.75em;
  list-style-type: decimal;
}
.li-mg-wide li {
  margin-top: 24px;
}
.li-style-disc li:last-child,
.li-style-num li:last-child,
.li-mg-wide li:last-child {
  margin-bottom: 0;
}
a {
  text-decoration: underline;
}
a:hover {
	transition: .3s;
}
img {
  width: 100%;
  display: block;
  backface-visibility: hidden;
}
img.round-img {
  border-radius: 0 30px 0 30px;
}
img.round-img-rev {
  border-radius: 30px 0 30px 0;
}
.round-frame {
  border-radius: 30px 0 30px 0;
  padding: 25px 30px;
  box-sizing: border-box;
  background: #e5f6ff;
}

/* layout */

.contents-wrapper { 
  width: 90%;
  margin: 0 5%;
}
.main-container {
  margin-top: 50px;
}

@media print, screen and (max-width: 1210px) {
  .main-container.--back {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 1209px) {
  .main-container.--back {
    margin-top: 100px !important;
  }
}

@media print, screen and (min-width: 1210px) {
  #toppage .main-container,
  .page-other .main-container,
  .page-region .main-container,
  .page-access .main-container,
  .page-news-list .main-container {
    margin-top: 100px;
  }

  .page-arena .main-container,
  .page-nsc .main-container,
  .page-tc .main-container,
  .page-stay .main-container,
  .page-bus .main-container {
    margin-top: 150px;
  }
}
@media print, screen and (min-width: 1210px) {
  .contents-wrapper {
    width: 1024px;
    margin: 0 auto;
  }
}

/* show-hide */

.pc-show , .tab-show , .s-sp-show {
  display: none;
}
@media only screen and (max-width: 321px) {
  .s-sp-show {
    display: block;
  }
  .s-sp-none {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .sp-none {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .sp-show {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .tab-show {
    display: block;
  }
  .tab-none {
    display: none;
  }
}
@media print, screen and (min-width: 1080px) {
  .pc-show {
    display: block;
  }
  .pc-none,.tab-show {
    display: none;
  }
}

/* ===================
    font-style
   =================== */

h1,h2,h3,h4,h5,h6 {
  font-weight: 500;
}
.en,
.btn-more,
.pagenation,
time {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.en-bold {
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fw-black {
  font-style: normal;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fw-bold {
  font-style: normal;
  font-weight: 700;
  font-size: 22.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fw-medium {
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fw-normal {
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fs-xxlarge {
  font-size: 24px;
  font-size: 2.4rem;
}
.fs-xlarge {
  font-size: 20px;
  font-size: 2.0rem;
}
.fs-large {
  font-size: 18px;
  font-size: 1.8rem;
}
.fs-regular {
  font-size: 15px;
  font-size: 1.5rem;
}
.fs-small {
  font-size: 13px;
  font-size: 1.3rem;
}
.fs-xsmall {
  font-size: 11px;
  font-size: 1.1rem;
}
.sap {
	font-size: xx-small;
	vertical-align: top;
	position: relative;
	top: 0;
	padding: 0 0.2em 0 0;
  white-space: nowrap;
}
.txt-left,
table th.txt-left,
table td.txt-left {
  text-align: left;
}
.txt-center,
table th.txt-center,
table td.txt-center  {
  text-align: center;
}

.txt-right,
table th.txt-right,
table td.txt-right  {
  text-align: right;
}
p.txt {
  line-height: 1.8;
}
p.txt + p.txt {
  margin-top: 1em;
}
p.block-txt {
  line-height: 1.6;
}
.txt-img_cap {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 15px;
  text-align: center;
}
.txt-img_cap-s {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 15px;
  text-align: center;
}
.txt-img_cap-xs {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 15px;
  text-align: center;
}
.txt-note {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
  margin-top: 15px;
}
p + .txt-note  {
  margin-top: 8px;
}
.list-note {
  margin-top: 25px;
}
.list-note li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 1.5em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
}
.list-note li::before {
	content:"※";
	display:block;
  position: absolute; top:0; left: 0;
}
.margin-btm {
  margin-bottom: 40px;
}

/* ===================
    header-style
   =================== */

h1, h2, h3, h4 {
  font-style: normal;
  margin: 0; padding: 0;
}
.sec-headline {
  margin: 80px 0 40px;
  text-align: center;
}
.sec-headline > span {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  padding: 10px 30px 0;
}
.sec-headline > span::before {
	content:"";
	display:block;
	width: 13px; height: 100%;
  position: absolute; top:0; left: 0;
  border-left: 7px solid #00a0e9;
  border-top: 7px solid #00a0e9;
  border-bottom: 7px solid #00a0e9;
}
.sec-headline > span::after {
	content:"";
	display:block;
	width: 13px; height: 100%;
  position: absolute; top:0; right: 0;
  border-right: 7px solid #00a0e9;
  border-top: 7px solid #00a0e9;
  border-bottom: 7px solid #00a0e9;
}
.contents-wrapper + .sec-headline {
  margin-top: 0;
}
.sec-en_jp-header {
  margin: 50px 0 20px;
  text-align: center;
  line-height: 1;
}
.sec-en_jp-header > .en-bold {
  display: block;
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1;
  margin-bottom: 5px;
}
.sec-en_jp-header > .jp {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding: 3px 20px 5px;
  border-radius: 1024px;
  border: 1px solid #404040;
}
@media print, screen and (min-width: 768px) {
  .sec-headline {
    margin: 100px 0 50px;
  }
  .sec-headline > span {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    padding: 10px 50px 0;
  }
  .sec-en_jp-header {
    margin: 100px 0 40px;
  }
}

/* ===================
    btn-style
   =================== */

.btn-pri {
  position: relative;
	display: inline-block;
	background:#ffde00;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 1024px;
  min-height: 66px;
  box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.btn-pri > span {
	display: flex;
  align-items: center;
  border: 2px solid #FFF;
	background:#ffde00;
  box-sizing: border-box;
  padding: 0 60px 0 30px;
  color: #404040;
  border-radius: 1024px;
  min-height: 60px;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-mid {
  position: relative;
	display: inline-block;
	background:#ffde00;
  box-sizing: border-box;
  border-radius: 1024px;
  min-height: 40px;
  text-decoration: none;
}
.btn-mid > span {
	display: flex;
  align-items: center;
  min-height: 40px;
  box-sizing: border-box;
  padding: 0 60px 0 30px;
  color: #404040;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-pri.pdf > span,
.btn-mid.pdf > span,
.btn-mid.live-cam > span {
  padding-left: 64px;
}
.btn-nor {
  position: relative;
	display: inline-block;
	background:#FFF;
  border: 1px solid #404040;
  box-sizing: border-box;
  border-radius: 1024px;
  min-height: 40px;
  text-decoration: none;
}
.btn-nor > span {
	display: flex;
  align-items: center;
  min-height: 40px;
  box-sizing: border-box;
  padding: 0 60px 0 30px;
  color: #404040;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
_:-ms-lang(x)::-ms-backdrop, .btn-pri > span {
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}
_:-ms-lang(x)::-ms-backdrop, .btn-mid > span,
_:-ms-lang(x)::-ms-backdrop, .btn-nor > span {
  height: 40px;
  display: table-cell;
  vertical-align: middle;
}
.btn-pri:hover,
.btn-mid:hover,
.btn-nor:hover {
  opacity: 0.75;
}
.btn-pri::after {
	content:"";
	display:block;
	width: 20px; height: 8px;
	background:url("../img/cmn/link_arrow_black.svg") no-repeat top center;
  background-size: 19px auto;
  position: absolute; top:55%; right: 23px;
	transform: translateY(-50%);
  transition: .3s;
}
.btn-mid::after,
.btn-nor::after {
	content:"";
	display:block;
	width: 16px; height: 8px;
	background:url("../img/cmn/link_arrow_black.svg") no-repeat top center;
  background-size: 16px auto;
  position: absolute; top:55%; right: 20px;
	transform: translateY(-50%);
  transition: .3s;
}
a[target].btn-pri::after,
a[target].btn-mid::after,
a[target].btn-nor::after {
	width: 16px; height: 16px;
	background:url("../img/cmn/link_blank.svg") no-repeat top center;
  background-size: 15px auto;
}
.btn-pri.pdf::before,
.btn-mid.pdf::before,
.btn-nor.pdf::before {
	content:"";
	display:block;
	width: 24px; height: 28px;
	background:url("../img/cmn/icon_pdf_black.svg") no-repeat top center;
  background-size: 24px auto;
  position: absolute; top:50%; left: 30px;
	transform: translateY(-50%);
}
.btn-mid.live-cam::before {
	content:"";
	display:block;
	width: 26px; height: 20px;
	background:url("../img/cmn/icon_livecam.svg") no-repeat top center;
  background-size: 26px auto;
  position: absolute; top:50%; left: 30px;
	transform: translateY(-50%);
}
.btn-pri.download::after,
.btn-mid.download::after,
.btn-nor.download::after {
	content:"";
	display:block;
	width: 18px; height: 18px;
	background:url("../img/cmn/link_dl_black.svg") no-repeat top center;
  background-size: 18px auto;
  position: absolute; top:50%; right: 20px;
	transform: translateY(-50%);
}
.btn-nor.pageload::after {
	width: 14px; height: 14px;
	background:url("../img/cmn/link_down_arrow_black.svg") no-repeat top center;
  background-size: 14px auto;
  position: absolute; top:52%; right: 20px;
	transform: translateY(-50%);
}

#toppage .btn-nor.pageload::after,
.page-arena .btn-nor.pageload::after,
.page-nsc .btn-nor.pageload::after,
.page-tc .btn-nor.pageload::after,
.page-stay .btn-nor.pageload::after,
.page-bus .btn-nor.pageload::after {
  transform: rotate(-90deg);
  top: 35%;
  right: 15%;
}

.btn-pri:hover::after,
.btn-mid:hover::after,
.btn-nor:hover::after {
  right: 12px;
}
a[target].btn-pri:hover::after,
a[target].btn-mid:hover::after,
a[target].btn-nor:hover::after {
  top:50%; right: 20px;
}
a[target].btn-pri.pdf:hover::after,
a[target].btn-mid.pdf:hover::after,
a[target].btn-nor.pdf:hover::after {
  top:55%; right: 12px;
}
.btn-pri.download:hover::after,
.btn-mid.download:hover::after,
.btn-nor.download:hover::after {
  top: 56%; right: 20px;
}
.btn-nor.pageload:hover::after {
  right: 20px;
}

#toppage .btn-nor.pageload:hover::after,
.page-arena .btn-nor.pageload:hover::after,
.page-nsc .btn-nor.pageload:hover::after,
.page-tc .btn-nor.pageload:hover::after,
.page-stay .btn-nor.pageload:hover::after,
.page-bus .btn-nor.pageload:hover::after {
  bottom: -50%; right: 10%;
}
.btn-mid.bgc-arena > span,
.btn-mid.bgc-nsc > span,
.btn-mid.bgc-tc > span,
.btn-mid.bgc-stay > span,
.btn-mid.bgc-bus > span,
.btn-mid.bgc-cottage > span,
.btn-mid.bgc-region > span,
.btn-mid.bgc-other > span {
  color: #FFF;
}
.btn-mid.pdf.bgc-arena::before,
.btn-mid.pdf.bgc-nsc::before,
.btn-mid.pdf.bgc-tc::before,
.btn-mid.pdf.bgc-stay::before,
.btn-mid.pdf.bgc-bus::before,
.btn-mid.pdf.bgc-cottage::before,
.btn-mid.pdf.bgc-region::before {
	background:url("../img/cmn/icon_pdf_white.svg") no-repeat top center;
  background-size: 24px auto;
}
.btn-mid.pdf.bgc-arena::after,
.btn-mid.pdf.bgc-nsc::after,
.btn-mid.pdf.bgc-tc::after,
.btn-mid.pdf.bgc-stay::after,
.btn-mid.pdf.bgc-bus::after,
.btn-mid.pdf.bgc-cottage::after,
.btn-mid.pdf.bgc-region::after {
	background:url("../img/cmn/link_arrow_white.svg") no-repeat top center;
  background-size: 16px auto;
}
.btn-mid.download.bgc-arena::after,
.btn-mid.download.bgc-nsc::after,
.btn-mid.download.bgc-tc::after,
.btn-mid.download.bgc-stay::after,
.btn-mid.download.bgc-bus::after,
.btn-mid.download.bgc-cottage::after,
.btn-mid.download.bgc-region::after {
	background:url("../img/cmn/link_dl_white.svg") no-repeat top center;
  background-size: 16px auto;
}
@media only screen and (max-width: 375px) {
  .btn-pri > span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 639px) {
  .btn-wrapper {
    text-align: center;
  }
  .btn-wrapper a + a {
    margin-top: 10px;
  }
  .btn-pri,
  .btn-mid,
  .btn-nor {
    min-width: 80%;
  }
  .contents-wrapper > .btn-pri,
  .contents-wrapper > .btn-mid,
  .contents-wrapper > .btn-nor {
    width: 90%;
  }
  .btn-pri > span,
  .btn-mid > span,
  .btn-nor > span {
    width: 100%;
    justify-content: center;
    padding: 5px 60px 5px 30px;
  }
  .btn-pri::after,
  .btn-pri.download::after,
  .btn-pri:hover::after,
  .btn-pri.download:hover::after {
    right: 20px;
  }
  .btn-mid::after,
  .btn-nor::after,
  .btn-mid.download::after,
  .btn-nor.download::after,
  .btn-mid:hover::after,
  .btn-nor:hover::after,
  .btn-mid.download:hover::after,
  .btn-nor.download:hover::after {
    right: 10px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .contents-wrapper > .btn-pri {
    width: 284px;
    margin: 0 auto;
  }
  .contents-wrapper > .btn-mid {
    width: 290px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 768px) {
  .contents-wrapper > .btn-pri > span {
    min-width: 234px;
  }
  .contents-wrapper > .btn-mid > span {
    min-width: 240px;
  }
}

/*more-button*/

.more-wrapper {
  text-align: right;
}
.btn-more {
  display: inline-block;
  position: relative;
  border-left: 1px dotted #00a0e9;
  box-sizing: border-box;
  padding: 14px 40px 12px 20px;
  color: #00a0e9;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
}
.btn-more::after {
	content:"";
	display:block;
	width: 20px; height: 8px;
	background:url("../img/cmn/link_arrow_other.svg") no-repeat top center;
  background-size: 19px auto;
  position: absolute; top:55%; right: 10px;
	transform: translateY(-50%);
  transition: .3s;
}
.btn-more:hover {
  opacity: 0.75;
}
.btn-more:hover::after {
  right: 5px;
}
.page-arena .btn-more::after {
	background:url("../img/cmn/link_arrow_arena.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-nsc .btn-more::after {
	background:url("../img/cmn/link_arrow_nsc.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-tc .btn-more::after {
	background:url("../img/cmn/link_arrow_tc.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-stay .btn-more::after {
	background:url("../img/cmn/link_arrow_stay.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-bus .btn-more::after {
	background:url("../img/cmn/link_arrow_bus.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-cottage-info .btn-more::after {
	background:url("../img/cmn/link_arrow_bus.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-region .btn-more::after {
	background:url("../img/cmn/link_arrow_region.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-access .btn-more::after {
	background:url("../img/cmn/link_arrow_access.svg") no-repeat top center;
  background-size: 19px auto;
}
.page-other .btn-more::after {
	background:url("../img/cmn/link_arrow_other.svg") no-repeat top center;
  background-size: 19px auto;
}
.more-border {
  border-bottom: 1px solid #00a0e9;
}
.important-news .btn-more {
  border-color: #e41616 !important;
  color: #e41616 !important;
}
.important-news .btn-more::after {
	background:url("../img/cmn/link_arrow_important.svg") no-repeat top center !important;
  background-size: 19px auto;
}

/*link-anchor*/

.link-anchor {
  display: block;
  border-radius: 30px 0 30px 0;
  box-sizing: border-box;
  padding: 20px 20px 40px;
  position: relative;
  background: #00a0e9;
  text-decoration: none;
}
.link-anchor .link-ttl {
  padding-bottom: 10px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 10px;
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.link-anchor p {
  color: #FFF;
}
.link-anchor::after {
	content:"";
	display:block;
	width: 15px; height: 10px;
	background:url("../img/cmn/link_anchor_white.svg") no-repeat top center;
  background-size: 15px auto;
  position: absolute; bottom:8px; left: 50%;
	transform: translateX(-50%);
  transition: .3s;
}
.link-anchor:hover::after {
  bottom: 3px;
}
.link-anchor:hover {
  opacity: 0.75;
}

/*link-variation*/

.link-variation {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px 0 30px 0;
  position: relative;
  background: #00a0e9;
  text-decoration: none;
}
.link-variation .link-ttl {
  padding: 20px 60px 20px 30px;;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.35;
  color: #FFF;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.link-variation::after {
	content:"";
	display:block;
	width: 16px; height: 8px;
	background:url("../img/cmn/link_arrow_white.svg") no-repeat top center;
  background-size: 16px auto;
  position: absolute; top:55%; right: 20px;
	transform: translateY(-50%);
  transition: .3s;
}
a[target].link-variation::after {
	width: 16px; height: 16px;
	background:url("../img/cmn/link_blank.svg") no-repeat top center;
  background-size: 15px auto;
}
.link-variation:hover::after {
  right: 12px;
}
.link-variation:hover {
  opacity: 0.75;
}
a[target].link-variation::after {
  top:50%; right: 20px;
}
@media only screen and (max-width: 639px) {  
  .link-variation::after {
    right: 20px;
  }
  .link-variation:hover::after {
    right: 20px;
  }
}

/*copy-header-btn*/

.img-layout.has-link {
  margin-bottom: 0;
}
.img-layout.has-link .copy-header {
  padding: 0 !important;
  margin-top: -30px;
  margin-bottom: 15px;
  width: 80%;
}
.img-layout.has-link .copy-header > a,
.img-layout.has-link .copy-header > span {
  position: relative;
  width: 100%;
  /* height: 100%; */
  display: block;
  padding: 12px 40px 12px 20px;
  box-sizing: border-box;
  text-decoration: none;
  border-radius: 20px 0 20px 0;
  font-size: 17px;
  font-size: 1.7rem;
  color: #FFF;
}
.img-layout.has-link .copy-header > a > span {
  color: #FFF;
}
.img-layout.has-link .copy-header a:hover::before {
	content:"";
	display:block;
	width: 100%; height: 100%;
  background-color: rgba(255,255,255,0.35);
  position: absolute; top:0;  left: 0;
  z-index: 10;
  border-radius: 20px 0 20px 0;
}
.img-layout.has-link .copy-header a::after {
	content:"";
	display:block;
	width: 16px; height: 8px;
	background:url("../img/cmn/link_arrow_white.svg") no-repeat top center;
  background-size: 16px auto;
  position: absolute; top:55%; right: 20px;
	transform: translateY(-50%);
  transition: .3s;
}
.img-layout.has-link .copy-header > a:hover::after {
  right: 12px;
}
.img-layout.has-link .copy-header.romanet > a::after {
	content:"";
	display:block;
	width: 16px; height: 16px;
	background:url("../img/cmn/link_blank.svg") no-repeat top center;
  background-size: 15px auto;
  position: absolute; top:55%; right: 20px;
	transform: translateY(-50%);
  transition: .3s;
}
.img-layout.has-link .copy-header.romanet > a:hover::after {
  top:50%; right: 20px;
}
.img-layout.has-link .txt-wrapper {
  margin-left: 20px;
}
.img-layout.has-link .txt-wrapper a {
  margin-top: 15px;
}
@media print, screen and (max-width: 400px){
  .img-layout.has-link .copy-header {
    width: 95%;
  }
}
@media print, screen and (min-width: 768px){
  .img-layout.has-link .copy-header {
    width: 80%;
    min-width: 80%;
    display: block;
  }
}
@media print, screen and (min-width: 1080px) {
  .img-layout.has-link .copy-header {
    width: 60%;
    min-width: 60%;
  }
  .img-layout.has-link .copy-header > a,
  .img-layout.has-link .copy-header > span {
    padding: 12px 30px;
    font-size: 20px;
    font-size: 2.0rem;
  }
}

/*btn-fb*/

.btn-fb,
.btn-fb-tc {
  border: 1px solid #1877f2;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 7px 50px;
}
a.btn-fb,
a.btn-fb-tc {
  color: #1877f2 !important;
  text-decoration: none;
}
.btn-fb::before {
	content:"";
	display:block;
	width: 24px; height: 24px;
	background:url("../img/cmn/icon_fb.svg") no-repeat top center;
  background-size: 100%;
  position: absolute; top:50%; left: 10px;;
	transform: translateY(-50%);
}
.btn-fb-tc::before {
	content:"";
	display:block;
	width: 24px; height: 24px;
	background:url("../img/cmn/icon_instagram.png") no-repeat top center;
  background-size: 100%;
  position: absolute; top:50%; left: 10px;;
	transform: translateY(-50%);
}
.btn-fb::after,
.btn-fb-tc::after {
	content:"";
	display:block;
	width: 20px; height: 8px;
	background:url("../img/cmn/link_arrow_fb.svg") no-repeat top center;
  background-size: 19px auto;
  position: absolute; top:55%; right: 23px;
	transform: translateY(-50%);
  transition: .3s;
}
.btn-fb:hover::after,
.btn-fb-tc:hover::after {
  right: 12px;
}
.btn-fb:hover,
.btn-fb-tc:hover {
  background: #e6f1ff;
}
.fb-area {
  margin-top: 60px;
  text-align: center;
}


/* ===================
    layout-column
   =================== */

.layout-col-4 > *,
.layout-col-3 > *,
.layout-col-2 > * {
  margin-bottom: 32px;
}
.layout-col-4.width-s > * {
  margin-bottom: 12px;
}
@media print, screen and (min-width: 768px) {
  .layout-col-4,
  .layout-col-3,
  .layout-col-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .layout-col-4 > * {
    width: calc((100% - 96px) / 4 - .01px);
    margin-right: 32px;
  }
  .layout-col-3 > * {
    width: calc((100% - 64px) / 3 - .01px);
    margin-right: 32px;
  }
  .layout-col-2 > * {
    width: calc((100% - 32px) / 2 - .01px);
    margin-right: 32px;
  }
  .layout-col-4.width-s > * {
    width: calc((100% - 36px) / 4 - .01px);
    margin-right: 12px;
  }
  .layout-col-4 > *:nth-child(4n),
  .layout-col-3 > *:nth-child(3n),
  .layout-col-2 > *:nth-child(2n),
  .layout-col-4.width-s > *:nth-child(4n) {
    margin-right: 0;
  }
}


/* ===================
    hr-style
   =================== */

   .hr-top {
    border-top: 1px solid #c8c8c8;
    padding-top: 30px;
  }
  .hr-btm {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 30px;
  }
  .hr-top_btm {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 30px 0;
  }
  @media print, screen and (min-width: 768px){
    .hr-top {
      padding-top: 40px;
    }
    .hr-btm {
      padding-bottom: 40px;
    }
    .hr-top_btm {
      padding: 40px 0;
    }
  }
/* ===================
    copy+img-layout
   =================== */

.img-layout {
  margin-bottom: 40px;
}
.img-layout img {
  border-radius: 0 50px 0 50px;
}
.img-layout img.round-img-rev {
  border-radius: 50px 0 50px 0;
}
.img-layout .copy-header {
  border-radius: 20px 0 20px 0;
  padding: 20px 30px;
  margin-bottom: 15px;
  box-sizing: border-box;
  color: #FFF;
  font-size: 20px;
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #00a0e9;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .img-layout .copy-header {
    padding: 15px;
    line-height: 1.3;
  }
  .img-layout .txt-wrapper {
    margin: 20px 0 0;
    position: relative;
  }
  .img-layout.col-copy_img--l h2 {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 768px){
  .img-layout {
    margin-bottom: 60px;
  }
  .img-layout .copy-header {
    border-radius: 25px 0 25px 0;
    font-size: 22px;
    font-size: 2.2rem;
    min-width: 428px;
    display: inline-block;
    margin-bottom: 20px;
    padding: 15px 20px;
  }
  .row-img_copy .txt-wrapper {
    margin: -30px 40px 0;
  }
  .col-copy_img--s,
  .col-txt_img,
  .col-sec_img,
  .col-img_copy--s,
  .col-img_txt,
  .col-img_sec {
    display: flex;
    justify-content: space-between;
  }
  .col-copy_img--s,
  .col-img_copy--s {
    align-items: flex-start;
  }
  .col-img_copy--s .img,
  .col-copy_img--s .img {
    padding-top: 40px;
  }
  .col-copy_img--s .txt-wrapper,
  .col-txt_img .txt-wrapper,
  .col-sec_img .txt-wrapper {
    order: 1;
  }
  .col-copy_img--s .img,
  .col-txt_img .img,
  .col-sec_img .img {
    order: 2;
  }
  .col-copy_img--s .txt-wrapper,
  .col-img_copy--s .txt-wrapper,
  .col-copy_img--l .txt-wrapper {
    position: relative;
  }
  .col-copy_img--s .txt-wrapper .txt,
  .col-img_copy--s .txt-wrapper .txt,
  .col-copy_img--l .txt-wrapper .txt {
    box-sizing: border-box;
  }
  .col-copy_img--s > *,
  .col-img_copy--s > *,
  .col-copy_img--l > *,
  .col-txt_img > *,
  .col-sec_img > *,
  .col-img_txt > *,
  .col-img_sec > * {
    width: calc((100% - 32px) / 2);
  }
  .col-copy_img--l {
    position: relative;
  }
  .col-copy_img--l h2 {
    position: absolute; top:0; left: 0;
    z-index: 10;
  }
  .col-copy_img--l img {
    float: right;
    margin: 40px 0 30px 32px;
  }
  .col-copy_img--l .txt {
    width: 100%;
  }
  .col-copy_img--l .copy-header + .txt {
    padding-top: calc(20px + 5em);
  }
  .col-copy_img--l .copy-header {
    position: absolute;
  }
  .img-layout.col-sec_img .copy-header,
  .img-layout.col-img_sec .copy-header {
    min-width: 100%;
  }
  .img-layout.col-img_copy--s .copy-header {
    float: right;
  }
}
@media print, screen and (min-width: 1080px) {
  .col-copy_img--s,
  .col-img_copy--s {
    align-items: flex-end;
  }
  .img-layout .copy-header {
    font-size: 28px;
    font-size: 2.8rem;
    min-width: 568px;
    padding: 15px 30px;
  }
}

/* ===================
    other-layout-set
   =================== */

.round-frame.link-container {
  padding: 0;
  display: flex;
  position: relative;
}
.round-frame.link-container .img {
  width: 35.48%;
  padding-top: 55.1%;
  overflow: hidden;
  position: relative;
  border-radius: 30px 0 0 0;
}
.round-frame.link-container .img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.round-frame.link-container .txt-wrapper {
  width: calc(100% - 35.48%);
  box-sizing: border-box;
  padding: 15px 15px 50px;
}
.round-frame.link-container .txt-wrapper .page-ttl {
  padding: 10px;
  box-sizing: border-box;
  color: #FFF;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 15px;
  background: #00a0e9;
}
.round-frame.link-container .more-wrapper {
  position: absolute; bottom: 0; right: 10px;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .round-frame.link-container .txt-wrapper {
    padding: 25px 25px 60px;
  }
}

/* icon-header-container */

.icon-header-container {
  position: relative;
  box-sizing: border-box;
  padding: 60px 0 0 20px;
}
.icon-header-container .page-ttl-icon {
  position: absolute; top:0; left: 0;
  z-index: 9;
  color: #FFF;
  border-radius: 25px 0 25px 0;
  width: 110px; height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid #FFF;
  background: #00a0e9;
  font-weight: 500;
  font-size: 20px;
  font-size: 2.0rem;
}
.icon-header-container .img > img {
  border-radius: 50px 0 50px 0;
}
@media print, screen and (min-width: 1080px){
  .icon-header-container {
    padding: 20px 0 0 20px;
  }
}

/* tel-container */

.tel-container {
  border: 1px solid #00a0e9;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
  color: #00a0e9;
}
.tel-container a {
  text-decoration: none;
}
.tel-container a:hover {
  opacity: 0.5;
}
.tel-container .tel-head {
  font-size: 15px;
  font-size: 1.5rem;
}
.tel-container .tel {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding-left: 25px;
  margin: 4px 0 2px;
  color: #00a0e9;
}
.tel-container .tel::before {
	content:"";
	display:block;
	width: 20px; height: 20px;
	background:url("../img/cmn/icon_tel.svg") no-repeat top center;
  background-size:100%;
  position: absolute; top:50%; left: 0;
	transform: translateY(-50%);
}
.page-arena .tel-container .tel::before {
	background:url("../img/cmn/icon_tel_arena.svg") no-repeat top center;
  background-size:100%;
}
.page-nsc .tel-container .tel::before {
	background:url("../img/cmn/icon_tel_nsc.svg") no-repeat top center;
  background-size:100%;
}
.page-tc .tel-container .tel::before {
	background:url("../img/cmn/icon_tel_tc.svg") no-repeat top center;
  background-size:100%;
}
.page-stay .tel-container .tel::before {
	background:url("../img/cmn/icon_tel_stay.svg") no-repeat top center;
  background-size:100%;
}
.page-bus .tel-container .tel::before {
	background:url("../img/cmn/icon_tel_bus.svg") no-repeat top center;
  background-size:100%;
}
.page-region .tel-container .tel::before {
	background:url("../img/cmn/icon_tel_region.svg") no-repeat top center;
  background-size:100%;
}
.page-access .tel-container .tel::before {
	background:url("../img/cmn/icon_tel_access.svg") no-repeat top center;
  background-size:100%;
}
@media print, screen and (min-width: 1100px){
  .tel-container a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tel-container h2 {
    box-sizing: border-box;
    padding: 0 10px;
  }
}

/* toiawase-set */

.toiawase-set {
  border: 1px solid #00a0e9;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  color: #00a0e9;
}
.toiawase-set > ul > li.tel-container {
  border: 0;
  background: #e5f6ff;
  margin-bottom: 10px;
}
.toiawase-set > ul > li.tel-container a {
  text-decoration: none;
  width: 100%; 
  /* height: 100%; */
  display: block;
}
.toiawase-set > ul > li.tel-container .tel-head {
  border: 1px solid #00a0e9;
  border-radius: 1024px;
  padding: 3px 10px;
  margin: 5px 20px 5px 0;
  display: inline-block;
}
.toiawase-set > ul > li.form-container {
  background: #e5f6ff;
  height: 100px;
  margin-bottom: 0;
}
.toiawase-set > ul > li.form-container a {
  text-decoration: none;
  width: 100%; height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.toiawase-set > ul > li.form-container a:hover {
  opacity: 0.5;
}
.toiawase-set > ul > li.form-container .form-head {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00a0e9;
  display: inline-block;
  padding-left: 30px;
  position: relative;
}
.toiawase-set .form-container .form-head::before {
	content:"";
	display:block;
	width: 21px; height: 17px;
	background:url("../img/cmn/icon_form.svg") no-repeat top center;
  background-size:100%;
  position: absolute; top:50%; left: 0;
	transform: translateY(-35%);
}
.page-arena .form-container .form-head::before {
	background:url("../img/cmn/icon_form_arena.svg") no-repeat top center;
  background-size:100%;
}
.page-nsc .form-container .form-head::before {
	background:url("../img/cmn/icon_form_nsc.svg") no-repeat top center;
  background-size:100%;
}
.page-tc .form-container .form-head::before {
	background:url("../img/cmn/icon_form_tc.svg") no-repeat top center;
  background-size:100%;
}
.page-stay .form-container .form-head::before {
	background:url("../img/cmn/icon_form_stay.svg") no-repeat top center;
  background-size:100%;
}
.page-bus .form-container .form-head::before {
	background:url("../img/cmn/icon_form_bus.svg") no-repeat top center;
  background-size:100%;
}
.page-region .form-container .form-head::before {
	background:url("../img/cmn/icon_form_region.svg") no-repeat top center;
  background-size:100%;
}
.page-access .form-container .form-head::before {
	background:url("../img/cmn/icon_form_access.svg") no-repeat top center;
  background-size:100%;
}
.toiawase-set .form-container a::after {
	content:"";
	display:block;
	width: 20px; height: 8px;
	background:url("../img/cmn/link_arrow_other.svg") no-repeat top center;
  background-size: 19px auto;
  position: absolute; bottom:15px; right: 23px;
  transition: .3s;
}
.page-arena .toiawase-set .form-container a::after {
	background:url("../img/cmn/link_arrow_arena.svg") no-repeat top center;
  background-size:100%;
}
.page-nsc .toiawase-set .form-container a::after {
	background:url("../img/cmn/link_arrow_nsc.svg") no-repeat top center;
  background-size:100%;
}
.page-tc .toiawase-set .form-container a::after {
	background:url("../img/cmn/link_arrow_tc.svg") no-repeat top center;
  background-size:100%;
}
.page-stay .toiawase-set .form-container a::after {
	background:url("../img/cmn/link_arrow_stay.svg") no-repeat top center;
  background-size:100%;
}
.page-bus .toiawase-set .form-container a::after {
	background:url("../img/cmn/link_arrow_bus.svg") no-repeat top center;
  background-size:100%;
}
.page-region .toiawase-set .form-container a::after {
	background:url("../img/cmn/link_arrow_region.svg") no-repeat top center;
  background-size:100%;
}
.page-access .toiawase-set .form-container a::after {
	background:url("../img/cmn/link_arrow_access.svg") no-repeat top center;
  background-size:100%;
}
.toiawase-set .form-container a:hover::after {
  right: 12px;
}

@media only screen and (max-width: 374px) {
  .toiawase-set {
    padding: 10px;
  }
}
@media only screen and (max-width: 639px) {
  .toiawase-set .form-container a::after,
  .toiawase-set .form-container a:hover::after {
    right: 10px;
  }
}
@media print, screen and (min-width: 768px){
  .toiawase-set > ul > li {
    width: calc((100% - 20px) / 2 - .01px);
    margin: 0;
  }
  .toiawase-set > ul > li.tel-container {
    margin-right: 20px;
    margin-bottom: 0;
  }
  .toiawase-set > ul > li.form-container {
    height: auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 1080px) {
  .toiawase-set .form-container a::after {
    position: absolute; bottom:45%;
    transform: translateY(50%);
  }
}
@media print, screen and (min-width: 1100px) {
  .toiawase-set > ul > li.tel-container a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* block-list-container */

.block-list-container > li,
.block-list-container > div {
  border: 1px solid #00a0e9;
  box-sizing: border-box;
  border-radius: 30px 0 30px 0;
  display: flex;
  align-items: stretch;
}
.block-list-container > li + li,
.block-list-container > div + div {
  margin-top: 20px;
}
.block-list-container .col-l {
  width: 100%;
  background: #00a0e9;
  border-radius: 29px 0 0 0;
}
.block-list-container .ttl-wrapper {
  width: 100%;
  text-align: left;
  padding: 35px 10px 15px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
}
.block-list-container .ttl-wrapper .num-catch {
  position: absolute; top:0; left: 10px;
  z-index: 10;
  color: #a6daf4;
}
.block-list-container .ttl-wrapper .num-catch .num {
  display: inline-block;
  padding: 10px 10px 0;
  box-sizing: border-box;
  border-right: 1px solid #a6daf4;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.block-list-container .ttl-wrapper .num-catch .catch {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
}
.block-list-container .ttl-wrapper .ttl {
  font-size: 20px;
  font-size: 2.0rem;
  color: #FFF;
  padding-left: 20px;
  box-sizing: border-box;
  font-weight: 700;
}
.block-list-container .img {
  width: 230px;
  padding-top: 160px;
  overflow: hidden;
  position: relative;
}
.block-list-container .img > img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.block-list-container .col-r {
  box-sizing: border-box;
  padding: 25px 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 639px) {
  .block-list-container > li,
  .block-list-container > div {
    display: block;
  }
  .block-list-container .ttl-wrapper {
    display: block;
    text-align: center;
  }
  .block-list-container .ttl-wrapper .ttl {
    padding-left: 0;
  }
  .block-list-container .img {
    width: 100%;
    padding-top: 69.56%;
  }
  .block-list-container .col-r {
    padding: 15px 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 899px) {
  .block-list-container .col-l,
  .block-list-container .ttl-wrapper {
    width: 230px;
  }
  .block-list-container .col-r {
    width: calc(100% - 230px);
  }
}
@media print, screen and (min-width: 900px){
  .block-list-container > li,
  .block-list-container > div{
    min-height: 160px;
  }
  .block-list-container .col-l {
    width: 454px;
    display: flex;
    align-items: stretch;
  }
  .block-list-container .ttl-wrapper {
    width: 224px;
    min-height: 160px;
  }
  .block-list-container .img {
    position: relative;
  }
  .block-list-container .col-r {
    width: calc(100% - 454px);
  }
}

.page-arena .block-list-container .col-l .num-catch {
  color: #a6daf4;
}
.page-arena .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #a6daf4;
}
.page-nsc .block-list-container .col-l .num-catch {
  color: #adbff2;
}
.page-nsc .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #adbff2;
}
.page-tc .block-list-container .col-l .num-catch {
  color: #bda5e3;
}
.page-tc .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #bda5e3;
}
.page-stay .block-list-container .col-l .num-catch {
  color: #9cdde3;
}
.page-stay .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #9cdde3;
}
.page-bus .block-list-container .col-l .num-catch {
  color: #9ed8c3;
}
.page-bus .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #9ed8c3;
}
.page-region .block-list-container .col-l .num-catch {
  color: #c5eaa6;
}
.page-region .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #c5eaa6;
}
.page-access .block-list-container .col-l .num-catch {
  color: #ede9a4;
}
.page-access .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #ede9a4;
}
.page-other .block-list-container .col-l .num-catch {
  color: #a0dffc;
}
.page-other .block-list-container .col-l .num-catch .num {
  border-right: 1px solid #a0dffc;
}

/* ===================
    table-style
   =================== */

table {
  width: 100%;
  border: 0;
}
table th {
  text-align: center;
  padding: 10px 15px;
  box-sizing: border-box;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
table td {
  text-align: left;
  padding: 10px 15px;
  box-sizing: border-box;
}
table.normal-table {
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
}
table.normal-table th {
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
	background:#e5f6ff;
}
table.normal-table td {
  border-bottom: 1px solid #404040;
  border-right: 1px solid #404040;
  background: #FFF;
}
table.caption-table caption {
  text-align: left;
  font-size: 20px;;
  font-size: 2.0rem;
  font-weight: 500;
  margin-bottom: 20px;
  color: #00a0e9;
}
table.caption-table tr {
  border-bottom: 2px solid #FFF;
}
table.caption-table th {
  color: #FFF;
  background: #00a0e9;
}
table.caption-table td {
  background: #e5f6ff;
  color: #00a0e9;
}
table.caption-table td .price {
  font-size: 26px;
  font-size: 2.6rem;
}
.fee-table {
  width: 100%;
  text-align: center;
}
.fee-table table.caption-table {
  width: 100%;
}
.fee-table table.caption-table th {
  width: 5em;
  padding-left: 0;
  padding-right: 0;
}
.fee-table table.caption-table td {
  width: calc(100% - 5em);
  font-weight: 700;
  text-align: right;
}
@media only screen and (min-width: 768px) {
.fee-table.tab-col table.caption-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .fee-table.tab-col table.caption-table tr {
    width: calc((100% - 64px) / 3 - .01px);
    margin-right: 32px;
  }
  .fee-table.tab-col table.caption-table tr:nth-child(3n){
    margin-right: 0;
  }
  .fee-table.tab-col table.caption-table td {
    text-align: center;
  }
  .fee-table.tab-col table.caption-table tr {
    display: block;
  }
  .page-arena .fee-table.tab-col .caption-table tr {
    background: #e5f6ff;
  }
  .page-stay .fee-table.tab-col .caption-table tr {
    background: #e5f6ff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .fee-table.tab-col table.caption-table th,
  .fee-table.tab-col table.caption-table td {
    width: 100% !important;
    display: block;
  }
}
@media print, screen and (min-width: 1080px){
  .fee-table  table.caption-table tbody {
    display: flex;
    flex-wrap: wrap;
  }
  .fee-table table.caption-table tr {
    width: calc((100% - 64px) / 3 - .01px);
    background: #e5f6ff;
    margin-right: 32px;
    margin-bottom: 24px;
  }
  .fee-table table.caption-table tr:nth-child(3n) {
    margin-right: 0;
  }
  .fee-table table.caption-table tr {
    display: block;
  }
  .fee-table table.caption-table th {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
  }
  .fee-table table.caption-table td {
    text-align: right;
    float: right;
  }
  .fee-table table.caption-table + .txt-note {
    margin-top: 0;
  }
}

/* ===================
    contents-top-mainimg
   =================== */

.ctstop-mv {
  margin-bottom: 40px;
}
.ctstop-mv .img-wrapper {
  width: 100%;
  position: relative;
  padding: 10px 0 0;
}
.ctstop-mv .img-wrapper .pan {
  margin: 0 10px 10px 15px;
}
.ctstop-mv .h1-wrapper {
  width: 100%;
  position: absolute; bottom: 0; left: 0;
  z-index: 10;
}
.ctstop-mv .contents-wrapper {
  box-sizing: border-box;
  text-align: center;
}
.ctstop-mv .head-copy {
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: left;
}
.ctstop-mv .head-copy + a {
  margin-top: 15px;
}
#arena .ctstop-mv .img-wrapper {
  background: url("../img/arena/idx_bg_sp.jpg");
  background-size: cover;
}
#arena-stay .ctstop-mv .img-wrapper {
  background: url("../img/arena/stay_bg_sp.jpg");
  background-size: cover;
}
#nsc .ctstop-mv .img-wrapper {
  background: url("../img/nsc/idx_bg_sp.jpg");
  background-size: cover;
}
#tc .ctstop-mv .img-wrapper {
  background: url("../img/tc/idx_bg_sp.jpg");
  background-size: cover;
}
#bus .ctstop-mv .img-wrapper {
  background: url("../img/bus/idx_bg_sp.jpg");
  background-size: cover;
}
#cottage-info .ctstop-mv .img-wrapper {
  background: url("../img/cottage-info/idx_bg_sp.jpg");
  background-size: cover;
}

@media only screen and (min-width: 641px) {
  .ctstop-mv {
    margin-bottom: 60px;
  }
  .ctstop-mv .img-wrapper .pan {
    position: absolute; top:10px; left: 0;
  }
  .ctstop-mv .img-wrapper {
    padding: 0;
  }
  .ctstop-mv .img-wrapper .visual {
    width: 100%;
    margin: 0;
  }
  .ctstop-mv .h1-wrapper:not(.right) h1 {
    text-align: center;
  }
  .ctstop-mv .head-copy {
    text-align: center;
  }
  #arena .ctstop-mv .img-wrapper {
    background: url("../img/arena/header_bg.jpg") no-repeat;
    background-size: cover;
  }
  #arena-stay .ctstop-mv .img-wrapper {
    background: url("../img/arena/stay_header_bg.jpg") no-repeat;
    background-size: cover;
  }
  #nsc .ctstop-mv .img-wrapper {
    background: url("../img/nsc/header_bg.jpg") no-repeat;
    background-size: cover;
  }
  #tc .ctstop-mv .img-wrapper {
    background: url("../img/tc/header_bg.jpg") no-repeat;
    background-size: cover;
  }
  #bus .ctstop-mv .img-wrapper {
    background: url("../img/bus/header_bg.jpg") no-repeat;
    background-size: cover;
  }
  #cottage-info .ctstop-mv .img-wrapper {
    background: url("../img/cottage-info/header_bg.jpg") no-repeat;
    background-size: cover;
  }
  #arena .ctstop-mv .img-wrapper .visual {
    padding-bottom: 68px;
  }
  #arena-stay .ctstop-mv .img-wrapper .visual {
    padding-bottom: 75px;
  }
  #nsc .ctstop-mv .img-wrapper .visual {
    padding-bottom: 145px;
  }
  #tc .ctstop-mv .img-wrapper .visual {
    padding-bottom: 156px;
  }
  #bus .ctstop-mv .img-wrapper .visual {
    padding-bottom: 42px;
  }
  #cottage-info .ctstop-mv .img-wrapper .visual {
    padding-bottom: 42px;
  }
  #arena .ctstop-mv .h1-wrapper h1 img,
  #arena-stay .ctstop-mv .h1-wrapper h1 img {
    max-width: 510px;
  }
  #nsc .ctstop-mv .h1-wrapper h1 img {
    max-width: 700px;
  }
  #tc .ctstop-mv .h1-wrapper h1 img {
    max-width: 720px;
  }
  #bus .ctstop-mv .h1-wrapper h1 img {
    max-width: 560px;
  }
  #cottage-info .ctstop-mv .h1-wrapper h1 img {
    max-width: 500px;
  }
}
@media only screen and (min-width: 768px) {
  .ctstop-mv .h1-wrapper:not(.right) h1 {
    padding-left: 5%;
  }
}
@media print, screen and (min-width: 900px) {
  .ctstop-mv .h1-wrapper.right {
    padding-left: 41%;
    box-sizing: border-box;
    bottom: -15%;
  }
  #arena .ctstop-mv .img-wrapper .visual,
  #arena-stay .ctstop-mv .img-wrapper .visual,
  #nsc .ctstop-mv .img-wrapper .visual,
  #tc .ctstop-mv .img-wrapper .visual,
  #bus .ctstop-mv .img-wrapper .visual,
  #cottage-info .ctstop-mv .img-wrapper .visual {
    padding-bottom: 0;
  }
  #arena-stay .ctstop-mv .h1-wrapper.right {
    padding-left: 46%;
    bottom: 0;
  }
}
@media print, screen and (min-width: 1100px) {
  .ctstop-mv .img-wrapper {
    height: 520px;
  }
  .ctstop-mv .img-wrapper .pan {
    left: 35px;
  }
  .ctstop-mv .h1-wrapper {
    bottom: -80px;
  }
  .ctstop-mv .contents-wrapper.right {
    width: 100%;
    margin: 0;
    padding-left: 41%;
  }
  .ctstop-mv .copy-wrapper,
  .ctstop-mv .head-copy {
    text-align: left;
  }
  .ctstop-mv .h1-wrapper:not(.right) h1 {
    padding-left: 0;
    text-align: left;
    width: 1024px;
    margin: 0 auto;
  }
  #arena .ctstop-mv .h1-wrapper h1 img {
    max-width: 552px;
  }
  #arena .ctstop-mv .head-copy {
    margin-top: 15px;
  }
  #arena .ctstop-mv .h1-wrapper {
    bottom: -70px;
  }
  #arena-stay .ctstop-mv .h1-wrapper {
    bottom: -10px;
  }
  #arena-stay .ctstop-mv .h1-wrapper h1 img {
    max-width: 534px;
  }
  #arena-stay .ctstop-mv .contents-wrapper.right {
    padding-left: 49%;
  }
  #nsc .ctstop-mv .h1-wrapper h1 img,
  #tc .ctstop-mv .h1-wrapper h1 img {
    max-width: 633px;
  }
  #bus .ctstop-mv .h1-wrapper h1 img {
    max-width: 572px;
  }
  #cottage-info .ctstop-mv .h1-wrapper {
    bottom: -80px;
  }
  #cottage-info .ctstop-mv .h1-wrapper h1 img {
    max-width: 700px;
  }
}
@media print, screen and (min-width: 1366px) {
  .ctstop-mv .img-wrapper .visual {
    width: 1366px;
    margin: 0 auto;
  }
  .ctstop-mv .h1-wrapper h1,
  .ctstop-mv .contents-wrapper,
  .ctstop-mv .contents-wrapper.right {
    width: 1024px;
    margin: 0 auto;
  }
  .ctstop-mv .h1-wrapper.right,
  .ctstop-mv .contents-wrapper.right {
    padding-left: 0 !important;
  }
  .ctstop-mv .h1-wrapper {
    bottom: -80px !important;
  }
  .ctstop-mv .h1-wrapper.right h1 img,
  .ctstop-mv .contents-wrapper.right .copy-wrapper {
    float: right;
  }
  .ctstop-mv .h1-wrapper.right h1 {
    padding-left: 0;
  }
  #arena .ctstop-mv .h1-wrapper h1 img {
    width: 552px;
  }
  #arena .ctstop-mv .copy-wrapper {
    width: 470px;
  }
  #arena-stay .ctstop-mv .h1-wrapper h1 img,
  #arena-stay .ctstop-mv .copy-wrapper {
    width: 534px;
  }
  #nsc .ctstop-mv .h1-wrapper h1 img,
  #tc .ctstop-mv .h1-wrapper h1 img,
  #nsc .ctstop-mv .copy-wrapper,
  #tc .ctstop-mv .copy-wrapper {
    width: 633px;
  }
  #bus .ctstop-mv .h1-wrapper h1 img,
  #bus .ctstop-mv .copy-wrapper {
    width: 572px;
  }
  #cottage-info .ctstop-mv .h1-wrapper h1 img,
  #cottage-info .ctstop-mv .copy-wrapper {
    width: 700px;
  }
}

/* ===================
    live-camera
   =================== */

.live-cam-wrapper {
  margin: 40px 0 0;
}
.live-cam-wrapper .txt-wrapper {
  padding: 25px 25px 10px 25px;
  box-sizing: border-box;
  color: #FFF;
}
.live-cam-wrapper .head-wrapper  {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.live-cam-wrapper .head-wrapper .icon {
  width: 80px;
}
.live-cam-wrapper .head-wrapper h2 {
  width: calc(100% - 100px);
  font-size: 1em;
}
.live-cam-wrapper .head-wrapper h2 .en-bold {
  display: block;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1;
  margin-bottom: 0.25em;
}
.live-cam-wrapper .head-wrapper h2 .place {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  position: relative;
  padding-left: 15px;
}
.live-cam-wrapper .head-wrapper h2 .place::before {
	content:"";
	display:block;
	width: 10px; height: 15px;
	background:url("../img/cmn/icon_map.svg") no-repeat top center;
  background-size: 100%;
  position: absolute; top:0.3em; left: 0;
}
.live-cam-wrapper .head-wrapper::after {
	content:"";
	display:block;
	width: 100%; height: 1px;
  background-color: rgba(255,255,255,0.5);
  position: absolute; bottom:0; left: 0;
}
@media print, screen and (min-width: 768px){
  .live-cam-wrapper {
    margin: 100px 0 0;
    display: flex;
  }
  .live-cam-wrapper > * {
    width: 50%;
  }
}
@media print, screen and (min-width: 1000px){

  .live-cam-wrapper .txt-wrapper {
    padding: 40px;
  }
  .live-cam-wrapper .head-wrapper  {
    margin-bottom: 20px;
  }
  .live-cam-wrapper .head-wrapper .icon {
    width: 100px;
  }
  .live-cam-wrapper .head-wrapper h2 {
    width: calc(100% - 130px);
  }
  .live-cam-wrapper .head-wrapper h2 .en-bold {
    font-size: 30px;
    font-size: 3.0rem;
  }
}

/* ===================
    contents-header
   =================== */

.cts-header {
  width: 100%;
  min-height: 120px;
  position: relative;
  text-align: center;
  color: #FFF;
  padding: 30px 0 20px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.cts-header h1 {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  line-height: 1.5;
}
.cts-header h1 .sub {
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  margin: 0;
  line-height: 1.5;
}
.cts-header h1 .ttl {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.5;
}
.cts-header .pan {
  position: absolute; bottom:10px; left: 15px;
  z-index: 999;
}
.pan {
  font-size: 11px;
  font-size: 1.1rem;
  text-align: left;
}
.pan li {
  display: inline-block;
  padding: 0 1.5em 0 .5em;
  position: relative;
  color: #FFF;
}
.pan li:first-child {
  padding-left: 0;
}
.pan li::after {
	content:"/";
  font-size: 10px;
  font-size: 1.0rem;
  position: absolute; top:50%; right: 0;
	transform: translateY(-50%);
}
.pan li:last-child::after {
	content:"";
}
.pan li a {
  color: #FFF;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .pan li:last-child {
    width: 21em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    top:3px
  }
}
@media print, screen and (min-width: 768px) {
  .cts-header {
    height: 200px;
    min-height: 200px;
    padding: 0;
    margin-bottom: 60px;
  }
  .cts-header h1 {
    position: absolute; top:50%; left: 0;
    transform: translateY(-50%);
    padding: 10px 20px 0;
  }
  .cts-header h1 .sub {
    font-size: 20px;
    font-size: 2.0rem;
    margin: 0 0 20px;
  }
  .cts-header h1 .ttl {
    font-size: 40px;
    font-size: 4.0rem;
  }
  .cts-header .pan {
    position: absolute; top:10px; left: 15px;
  }
}
@media print, screen and (min-width: 1000px) {
  .cts-header .pan {
    left: 30px;
  }
}
@media print, screen and (min-width: 1366px) {
  .cts-header .pan {
    left: 50px;
  }
}

/*facility-color*/

.page-arena .cts-header { 
  background:url("../img/arena/header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-arena .pan li::after,
.page-arena .pan li a:hover {
  color: #8ccbec;
}
.page-nsc .cts-header { 
  background: url("../img/nsc/header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-nsc .pan li::after,
.page-nsc .pan li a:hover {
  color: #9eb5f7;
}
.page-tc .cts-header { 
  background: url("../img/tc/header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-tc .pan li::after,
.page-tc .pan li a:hover {
  color: #bda5e3;
}
.page-stay .cts-header { 
  background: url("../img/cmn/header_bg03.jpg") no-repeat top center;
  background-size: cover;
}
.page-stay .pan li::after,
.page-stay .pan li a:hover {
  color: #ace6eb;
}
.page-bus .cts-header { 
  background: url("../img/bus/header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-bus .pan li::after,
.page-bus .pan li a:hover {
  color: #98dac2;
}
.page-cottage .cts-header { 
  background: url("../img/cottage-info/header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-cottage .pan li::after,
.page-cottage .pan li a:hover {
  color: #bed2bb;
}
.page-region .cts-header { 
  background: url("../img/region/header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-region .pan li::after,
.page-region .pan li a:hover {
  color: #bae794;
}
.page-access .cts-header { 
  background: url("../img/access/header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-access .pan li::after,
.page-access .pan li a:hover {
  color: #f4eb8c;
}
.page-other .cts-header { 
  background: url("../img/cmn/other_header_bg.jpg") no-repeat top center;
  background-size: cover;
}
.page-other .pan li::after,
.page-other .pan li a:hover {
  color: #aedcf4;
}

.page-news-list .cts-header {
  background: url("../img/cmn/header_bg03.jpg") no-repeat top center;
  background-size: cover;
}

.cts-header.--back {
  background: url("../img/cmn/header_bg03.jpg") no-repeat top center;
  background-size: cover;
}

/* ===================
    news
   =================== */

.news-list {
  width: 100%;
}
.news-list > li {
  display: flex;
  /* flex-wrap: wrap; */
  margin-bottom: 10px;
}
.news-list a {
  text-decoration: none;
  color: #404040 !important;
}
.news-list a:hover {
  opacity: 0.75;
}
time {
  width: 6.5em;
}

.category {
  /* width: calc(100% - 6.5em); */
  width: auto;
}

.category p {
  display: inline-block;
  width: 16em;
  padding: 4px 5px 5px;
  margin: 0 5px 0 0;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.25;
  text-align: center;
  color: #FFF;
}
@media print, screen and (max-width: 410px) {
  .category p {
    width: 45%;
  }
}
.news-list h3 {
  padding-bottom: 6px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: normal;
}
.news-list h3 a {
  font-weight: normal;
  text-decoration: none;
  color: #404040;
}
.news-list h3 a:hover {
  text-decoration: underline;
  color: #404040;
}
@media print, screen and (min-width: 768px) { 
  .news-list h3 {
    margin: 4px 0 0;
    /* width: calc( 100% - 22.5em ); */
  }
}
@media print, screen and (min-width: 1080px) {
  .news-list > li {
    flex-wrap: nowrap;
  }
  .news-list h3 {
    margin: 0;
  }
}

/* top + contents-top --> news */

.news {
  width: 100%;
}

.news.--bottom {
  padding-bottom: 48px;
}

.news h2 {
  text-align: center;
  padding: 28px 0;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
}
.news .thumb {
  border-radius: 0 30px 0 30px;
  width: 100%;
  padding-top: 62.5%;
  overflow: hidden;
  position: relative;
}
.news .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .news .news-list li > a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    width: 100%;
  }
  .news .news-list li .thumb {
    width: 40%;
    padding-top: 25%;
  }
  .news .news-list li .wrapper {
    width: 55%;
  }
  .news .news-list .category {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .news h2 {
    padding: 48px 0 38px;
    font-size: 30px;
    font-size: 3.0rem;
  }
  .news .news-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .news .news-list > li {
    width: calc((100% - 64px) / 3);
  }

  .news .news-list.--wrap  {
    width: 100%;
  }

  .news .news-list .top-notice-detail {
    flex-wrap: nowrap;
    width: auto;
  }

  .news .news-list > li a {
    display: block;
  }
  .news .news-list .wrapper {
    margin-top: 20px;
  }
  .news .news-list h3 {
    width: 100%;
  }
  .news .news-list h3 {
    margin-top: 15px;
  }

  .news .news-list .top-notice-detail h3 {
    margin-top: 0;
  }
}

.news .news-list.--wrap .btn-wrapper {
  margin: 50px auto  auto;
}

@media print, screen and (min-width: 1080px) {
  .news .news-list > li {
    flex-wrap: wrap;
  }
  .news .news-list li .thumb {
    width: 320px;
    padding-top: 200px;
  }
  .news .news-list .wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}

/* ===================
    important-news
   =================== */

.important-news {
  margin: 30px 0;
}
.important-news .contents-wrapper {
  box-sizing: border-box;
  border: 1px solid #e41616;
}
.important-news h2 {
  color: #FFF;
  text-align: center;
  background: #e41616;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
}
.important-news h2 > span {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 18px;
  font-size: 1.8rem;
  min-height: 30px;
}
.important-news h2 > span::before {
	content:"";
	display:block;
	width: 30px; height: 30px;
	background:url("../img/cmn/icon_important.svg") no-repeat top center;
  background-size: 30px 30px;
  position: absolute; top:50%; left: 0;
	transform: translateY(-50%);
}
.important-news .news-list {
  box-sizing: border-box;
  padding: 20px 20px 10px;
}
@media print, screen and (min-width: 768px){
  .important-news {
    margin: 50px 0;
  }
  .important-news .contents-wrapper {
    display: flex;
    align-items: stretch;
  }
  .important-news h2 {
    white-space: nowrap;
    width: 6em;
  }
  .important-news h2 > span {
    padding: 60px 0 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .important-news h2 > span::before {
    width: 40px; height: 40px;
    background:url("../img/cmn/icon_important.svg") no-repeat top center;
    background-size: 40px 40px;
    position: absolute; top:0; left: 50%;
    transform: translateX(-50%);
  }
  .important-news .news-list {
    padding: 25px 30px 20px;
    width: calc(100% - 130px - 6em);
  }
  .important-news .news-list > li:last-child {
    margin-bottom: 0;
  }
  .important-news .news-list h3 {
    width: 100%;
  }
  .important-news .more-wrapper {
    border-left: 1px dotted #e41616;
    display: flex;
    align-items: flex-end;
    width: 130px;
  }
  .important-news .more-wrapper .btn-more {
    border-left: 0;
  }
}
@media print, screen and (min-width: 1080px){
  .important-news h2 {
    width: 200px;
  }
  .important-news .news-list > li {
    margin-bottom: 10px;
  }
  .important-news .news-list .category {
    width: calc( 15em + 40px );
    padding: 0 20px;
    box-sizing: border-box;
  }
  _:-ms-lang(x)::-ms-backdrop, .important-news .news-list h3 {
    width: calc(100% - 15em);
  }
}

/* ===================
    page-news
   =================== */

/*tab*/

.tab {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.tab.--wrap {
  flex-wrap: nowrap;
}

.tab li {
  cursor: pointer;
  background-color: #ffffff;
  border-top: 1px solid #404040;
  border-right: 1px solid #404040;
  box-sizing: border-box;
  padding: 10px 0;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  height: 4.5em;
}
.tab li::after {
	content:"";
	display:block;
	width: 100%; height: 3px;
	background:#404040;
  position: absolute; bottom:0; left: 0;
  z-index: 10;
}
.tab li:first-child {
  border-left: 1px solid #404040;
}
.tab li.active,
.tab li:hover {
  color: #FFF;
}
.tab-content {
  background-color: #ffff;
  border: 1px solid #404040;
  box-sizing: border-box;
  padding: 20px 20px 30px;
}
.tab-content .news-list {
  display: none;
}
.tab-content .news-list.show {
  display: block;
}
.tab-content .news-list li {
  border-bottom: 1px dotted #404040;
  padding: 5px 0 10px;
}

@media only screen and (max-width: 767px) {
  .tab-content .news-list li {
    flex-direction:column;
  }
}

.tab-content .news-list {
  margin-bottom: 30px;
}
.tab-content .btn-wrapper {
  text-align: center;
}
.news {
  margin-top: 50px;
  padding-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  .tab {
    width: 100%;
  }
  .tab li {
    width: calc( 100% / 2 );
  }
  .tab li:nth-child(-n+2){
    border-top: 1px solid #404040;
  }
  .tab li:nth-child(even){
    border-left: 1px solid #404040;
  }

  .top_tab #important{
    width: 100%;
  }


}
@media print, screen and (min-width: 768px) {
  .tab {
    width: 100%;
  }
  .tab li {
    width: calc( 100% / 5  - .01px);
  }
  .tab-content {
    padding: 50px 30px;
  }
  .tab-content .news-list {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1079px) { 
  #news .tab li {
    width: calc( 100% / 4  - .01px);
  }
  #news .tab li:nth-child(3) {
    margin-right: calc( 100% / 4  - .01px);
  }
  #news .tab li:nth-child(4) {
    border-left: 1px solid #404040;
  }
}
@media print, screen and (min-width: 1080px) {
  .tab-content .news-list .category {
    width: 14em;
  }

  #news .tab li , .top_tab li {
    width: calc( 100% / 7 - .01px );
  }
}

.h2_thick {
  font-size: 12px;
}

#news .tab.top_tab li.btn-wrapper {
  margin: 50px auto 10px auto;
}

/*page-news-article*/

.page-news-article .article-header {
  /* display: flex; */
  flex-wrap: nowrap;
}
.page-news-article .page-ttl {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 20px 0;
}
.page-news-article p + p {
  margin-top: 1.5em;
}
.page-news-article img {
  margin-top: 2em;
}
@media print, screen and (min-width: 768px){ 
  .page-news-article .page-ttl {
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 40px;
  }
  .page-news-article img {
    width: auto;
  }
}
.page-news-article img {
  width: 100%;
}
.page-news-article .wp-article-wrapper img {
  height: 100%;
}

/* ===================
    page-feed
   =================== */

.page-feed {
  margin: 40px 0 0;
  padding-top: 30px;
  border-top: 1px solid #c8c8c8;
  text-align: center;
}
.page-feed ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-feed ul li + li {
  border-left: 1px dotted #404040;
}
.page-feed a {
  position: relative;
	display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  text-decoration: none;
  box-sizing: border-box;
  padding: 10px 50px 10px 30px;
  text-align: center;
  color: #404040 !important;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-feed .back-list > a {
	background:#FFF;
  border: 1px solid #404040;
  border-radius: 1024px;
  padding: 0 30px 0 60px;
}
.page-feed .prev > a {
  padding: 10px 30px 10px 50px;
}
.page-feed a:hover {
  opacity: 0.75;
}
.page-feed a::after {
	content:"";
	display:block;
	width: 16px; height: 8px;
	background:url("../img/cmn/link_arrow_black.svg") no-repeat top center;
  background-size: 16px auto;
  transition: .3s;
}
.page-feed .next > a::after {
  position: absolute; top:55%; right: 8px;
	transform: translateY(-50%);
  transition: .3s;
}
.page-feed .prev > a::after {
  position: absolute; top:55%; left: 8px;
	transform: translateY(-50%) scaleX(-1);
  transition: .3s;
}
.page-feed .back-list > a::after {
  position: absolute; top:55%; left: 20px;
	transform: translateY(-50%) scaleX(-1);
  transition: .3s;
}
.page-feed .next > a:hover::after {
  right: 0;
}
.page-feed .back-list > a:hover::after,
.page-feed .prev > a:hover::after {
  left: 0;
}
.page-feed .back-list > a:hover::after {
  left: 12px;
}
@media only screen and (max-width: 639px) {
  .page-feed .back-list {
    margin-top: 30px;
    display: inline-block;
  }
  .page-feed .next a {
    padding: 10px 25px 10px 20px;
    text-align: right;
  }
  .page-feed .prev > a {
    padding: 10px 20px 10px 25px;
    text-align: left;
  }
  .page-feed .next > a::after { right: 0; }
  .page-feed .prev > a::after { left: 0; }
}
@media print, screen and (min-width: 640px) {
  .page-feed {
    margin: 60px 0 30px;
    padding-top: 40px;
    position: relative;
  }
  .page-feed .back-list {
    position: absolute; 
    z-index: 10;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
  }

  .page-bus .page-feed .back-list {
    left: 9%;
  }
}

/* ===================
    contact-form
   =================== */

.form-sec {
  margin: 60px 0 0;
}
.form-sec table {
  border: 0;
  width: 100%;
}
.form-sec table th {
  padding: 14px 24px;
  border-bottom: 1px solid #FFF;
  border-right: 0;
	background:#00a0e9;
  color: #FFF;
}
.form-sec table th .essential {
  display: inline-block;
  background: #FFF;
  border-radius: 1024px;
  color: #00a0e9;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  width: 3.5em;
  margin-left: 10px;
  padding: 4px 0 5px;
  box-sizing: border-box;
  text-align: center;
}
.form-sec table td {
  padding: 14px 24px;
  border-bottom: 1px solid #FFF;
  border-right: 0;
  background: #e5f6ff;
}
.form-sec input::placeholder,
.form-sec textarea::placeholder {
  color: #bebebe;
}
.form-sec input:-ms-input-placeholder,
.form-sec textarea:-ms-input-placeholder {
  color: #bebebe;
}
.form-sec input::-ms-input-placeholder,
.form-sec textarea::-ms-input-placeholder {
  color: #bebebe;
}
.form-sec table input,
.form-sec table textarea {
	outline: 0;
  background: #FFF;
	border-radius: 4px;
  padding: 9px;
  box-sizing: border-box;
  border: 1px solid #00a0e9;
  width: 100% !important;
}
.form-sec table select {
	padding: 10px 32px 10px 16px;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
  border: 1px solid #00a0e9;
	outline: 0;
	background:url("../img/cmn/form_select_icon.svg") no-repeat #FFF;
  background-position: calc(100% - 16px) 50%;
  background-size: 10px;
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 4px;
	appearance: none;
	position: relative;
  min-width: 240px;
}
.form-sec select::-ms-expand {
  display: none;
}
.form-sec input[type=radio],
.form-sec input[type=checkbox] {
  display: none;
}
.form-sec input[type=radio] + span {
  display: inline-block;
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
}
.form-sec input[type=radio] + span::before {
  content: "";
  display: block;
  width: 15px; height: 15px;
  border: 1px solid #00a0e9;
  background: #FFF;
  border-radius: 50%;
  position: absolute; top:50%; left: 0;
	transform: translateY(-50%);
}
.form-sec input[type=radio]:checked + span::after {
  content: "";
  display: block;
  width: 9px; height: 9px;
  background: #00a0e9;
  border-radius: 50%;
  position: absolute; top:50%; left: 4px;
	transform: translateY(-50%);
}
.form-sec input[type=checkbox] + span {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
}
.form-sec input[type=checkbox] + span::before {
  content: "";
  display: block;
  width: 15px; height: 15px;
  background: #fff;
  border: 1px solid #00a0e9;
  border-radius: 4px;
  position: absolute; top:50%; left: 0;
	transform: translateY(-50%);
}
.form-sec input[type=checkbox]:checked + span::after {
  content: "";
  display: block;
  border-right: 2px solid #00a0e9;
  border-bottom: 2px solid #00a0e9;
  width: 5px; height: 9px;
  margin-top: -2px;
  position: absolute; top:50%; left: 5px;
  transform:translateY(-50%) rotate(45deg);
}
.submit-wrapper {
  width: 100%;
  text-align: center;
}
input[type=button].form-submit,
input[type=submit],
input[type=button].back_class {
  position: relative;
	display: inline-block;
	background:url("../img/cmn/link_arrow_black.svg") no-repeat #ffde00;
  background-position:  92% 55%;
  background-size: 19px auto;
  box-sizing: border-box;
  padding: 3px 30px 3px 10px;
  border-radius: 1024px;
  min-height: 66px;
  box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  cursor: pointer;
  margin-top: 20px;
  font-weight: 500;
  border:  0;
  outline: 0;
}
input[type=button].back_class {
  color: #404040;
  background: #dadada;
}
.form-sec .your-acceptance {
  display: block;
  text-align: center;
  padding: 30px 0 0;
}
.form-sec .btn-privacy {
  margin: 30px 0 0;
  text-align: center;
  width: 100%;
}
.form-sec .btn-privacy a.btn-nor {
  display: inline-block;
  width: auto;
}
@media only screen and (max-width: 639px) {
  select {
    font-size: 16px !important;
    width: 100%;
  }
  input,
  textarea {
    font-size: 16px !important;
  }
  .submit-wrapper {
    margin: 40px 0;
  }
  .submit-wrapper input + input {
    margin-top: 16px;
  }
  input[type=button].form-submit,
  input[type=submit],
  input[type=button].back_class {
    width: 90%;
  }
  .form-sec table th,
  .form-sec table td {
    display: block;
    width: 100%;
  }
  .form-sec table td {
    padding: 20px;
  }
}
@media print, screen and (min-width: 640px){ 
  .form-sec table th {
    padding: 15px;
    text-align: left;
    width: 30%;
  }
  .form-sec table th .fc-rd {
    display: block;
  }
  .submit-wrapper {
    margin: 20px 0 40px;
  }
  .submit-wrapper input + input {
    margin-left: 8px;
  }
  input[type=button].form-submit,
  input[type=submit],
  input[type=button].back_class {
    min-width: 240px;
  }
}
@media print, screen and (min-width: 768px){
  input[type=button].form-submit:hover,
  input[type=submit]:hover,
  input[type=button].back_class:hover {
    background-position:  97% 55%;
    opacity: 0.75;
    transition: .3s;
  }
  .form-sec .your-acceptance,
  .submit-wrapper {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 1080px){
  .form-sec table th {
    padding: 20px;
  }
  .form-sec table td {
    padding: 20px 30px;
  }
  input[type=button].form-submit {
    min-width: 304px;
  }
  .form-sec table th .fc-rd {
    display: inline;
  }
}

/* ===================
    calender
   =================== */

#calender .fc .fc-scroller-harness {
  overflow: visible;
}
#calender .fc .fc-daygrid-day-number {
  padding: 5px
}
#calender .fc-daygrid-day-top a {
  color: #404040;
}
#calender .fc-col-header th {
  position: static;
}
#calender .fc .fc-scrollgrid-section-body table,
#calender .fc-col-header,
#calender .fc-scrollgrid-sync-table,
#calender .fc .fc-daygrid-body{
  width: 100% !important;
}
#calender .fc-col-header-cell {
	background: #eee;
  padding: 5px 0;
}
#calender a.fc-col-header-cell-cushion {
  color: #404040;
}
#calender a:hover {
  opacity: 0.75;
}
#calender .fc .fc-button-primary {
  background-color: #404040;
  background-color: var(--fc-button-hover-bg-color, #404040);
  border-color: #404040;
  border-color:var(--fc-button-hover-border-color, #404040)
}
#calender .fc .fc-button-primary:hover {
  background-color: #404040;
  background-color: var(--fc-button-hover-bg-color, #404040);
  border-color: #404040;
  border-color:var(--fc-button-hover-border-color, #404040);
  opacity: 0.5;
}
#calender .fc-daygrid-event-harness #fct_tooltip {
  z-index: 1000 !important;
}
.page-arena #calender .fc-h-event {
  border: 1px solid #0c98e0;
  border: 1px solid var(--fc-event-border-color, #0c98e0);
  background-color: #0c98e0;
  background-color:var(--fc-event-bg-color, #0c98e0);
}
.page-nsc #calender .fc-h-event {
  border: 1px solid #1042d0;
  border: 1px solid var(--fc-event-border-color, #1042d0);
  background-color: #1042d0;
  background-color:var(--fc-event-bg-color, #1042d0);
}
.page-tc #calender .fc-h-event {
  border: 1px solid #5e36a1;
  border: 1px solid var(--fc-event-border-color, #5e36a1);
  background-color: #5e36a1;
  background-color:var(--fc-event-bg-color, #5e36a1);
}
@media print, screen and (min-width: 1080px) {
  #calender .fc-toolbar-chunk {
    padding-right: 10em;
  }
  #calender > .txt-note {
    margin-top: 40px;
  }
}


/* ===================
    facility-color
   =================== */

/*ice arena*/
.fc-arena,
.page-arena a,
.page-arena table.caption-table caption,
.page-arena table.caption-table td,
.page-arena .btn-more,
.page-arena .tel-container,
.page-arena .tel-container .tel,
.page-arena .toiawase-set .form-container .form-head,
#arena .ctstop-mv .head-copy,
#faq #arena dt span::before {
	color: #0c98e0;
}
.bgc-arena,
.page-arena .copy-header,
.page-arena table.caption-table th,
.page-arena .link-anchor,
.page-arena .link-variation,
.page-arena .round-frame.link-container .txt-wrapper .page-ttl,
.page-arena .icon-header-container .page-ttl-icon,
.page-arena .block-list-container .col-l,
.tab .tab-arena::after,
.tab .tab-arena.active,
.tab .tab-arena:hover,
#faq #arena h2,
#faq #arena dt::before,
#faq #arena dt::after,
#faq #arena dt::after,
#faq #arena dd::before {
	background: #0c98e0;
}
.page-arena .more-border,
.page-arena .btn-more,
.page-arena .sec-headline > span::before,
.page-arena .sec-headline > span::after,
.page-arena .tel-container,
.page-arena .toiawase-set,
.page-arena .toiawase-set > ul > li.tel-container .tel-head,
.page-arena .block-list-container > li,
.page-arena .block-list-container > div,
#faq #arena .qa-list,
#faq #arena .qa-list dt {
  border-color: #0c98e0;
}
.bgc-sec-arena,
.page-arena table.normal-table th,
.page-arena table.caption-table td,
.page-arena .news,
.page-arena .round-frame,
.page-arena .toiawase-set > ul > li.tel-container,
.page-arena .toiawase-set > ul > li.form-container,
#faq #arena dt.open {
	background: #e5f6ff;
}

/*national scate center*/
.fc-nsc,
.page-nsc a,
.page-nsc table.caption-table caption,
.page-nsc table.caption-table td,
.page-nsc .btn-more,
.page-nsc .tel-container,
.page-nsc .tel-container .tel,
.page-nsc .toiawase-set .form-container .form-head,
#nsc .ctstop-mv .head-copy,
#faq #nsc dt span::before {
	color: #1042d0;
}
.bgc-nsc,
.page-nsc .copy-header,
.page-nsc table.caption-table th,
.page-nsc .link-anchor,
.page-nsc .link-variation,
.page-nsc .round-frame.link-container .txt-wrapper .page-ttl,
.page-nsc .icon-header-container .page-ttl-icon,
.page-nsc .block-list-container .col-l,
.tab .tab-nsc::after,
.tab .tab-nsc.active,
.tab .tab-nsc:hover,
#faq #nsc h2,
#faq #nsc dt::before,
#faq #nsc dt::after,
#faq #nsc dt::after,
#faq #nsc dd::before {
	background: #1042d0;
}
.page-nsc .more-border,
.page-nsc .btn-more,
.page-nsc .sec-headline > span::before,
.page-nsc .sec-headline > span::after,
.page-nsc .tel-container,
.page-nsc .toiawase-set,
.page-nsc .toiawase-set > ul > li.tel-container .tel-head,
.page-nsc .block-list-container > li,
.page-nsc .block-list-container > div,
#faq #nsc .qa-list,
#faq #nsc .qa-list dt {
  border-color: #1042d0;
}
.bgc-sec-nsc,
.page-nsc table.normal-table th,
.page-nsc table.caption-table td,
.page-nsc .news,
.page-nsc .round-frame,
.page-nsc .toiawase-set > ul > li.tel-container,
.page-nsc .toiawase-set > ul > li.form-container,
#faq #nsc dt.open {
	background: #e9efff;
}

/*training center*/
/* .fc-tc,
.page-tc a,
.page-tc table.caption-table caption,
.page-tc table.caption-table td,
.page-tc .btn-more,
.page-tc .tel-container,
.page-tc .tel-container .tel,
.page-tc .toiawase-set .form-container .form-head,
#tc .ctstop-mv .head-copy,
#faq #tc dt span::before {
	color: #82c34d;
} */
.page-tc .h-nav--tc,
.page-tc .current-nav {
	color: #16A34A;
}
.bgc-tc,
.page-tc .copy-header,
.page-tc table.caption-table th,
.page-tc .link-anchor,
.page-tc .link-variation,
.page-tc .round-frame.link-container .txt-wrapper .page-ttl,
.page-tc .icon-header-container .page-ttl-icon,
.page-tc .block-list-container .col-l,
.tab .tab-tc::after,
.tab .tab-tc.active,
.tab .tab-tc:hover,
#faq #tc h2,
#faq #tc dt::before,
#faq #tc dt::after,
#faq #tc dt::after,
#faq #tc dd::before {
	background: #82c34d;
}
.page-tc .more-border,
.page-tc .btn-more,
.page-tc .sec-headline > span::before,
.page-tc .sec-headline > span::after,
.page-tc .tel-container,
.page-tc .toiawase-set,
.page-tc .toiawase-set > ul > li.tel-container .tel-head,
.page-tc .block-list-container > li,
.page-tc .block-list-container > div,
#faq #tc .qa-list,
#faq #tc .qa-list dt {
  border-color: #82c34d;
}
.bgc-sec-tc,
.page-tc table.normal-table th,
.page-tc table.caption-table td,
.page-tc .news,
.page-tc .round-frame,
.page-tc .toiawase-set > ul > li.tel-container,
.page-tc .toiawase-set > ul > li.form-container,
#faq #tc dt.open {
	background: #f7f0ff;
}

/*stay*/
.fc-stay,
.page-stay a,
.page-stay table.caption-table caption,
.page-stay table.caption-table td,
.page-stay .btn-more,
.page-stay .tel-container,
.page-stay .tel-container .tel,
.page-stay .toiawase-set .form-container .form-head,
#arena-stay .ctstop-mv .head-copy,
#faq #stay dt span::before {
	color: #1ba6b2;
}
.bgc-stay,
.page-stay .copy-header,
.page-stay .link-anchor,
.page-stay .link-variation,
.page-stay table.caption-table th,
.page-stay .round-frame.link-container .txt-wrapper .page-ttl,
.page-stay .block-list-container .col-l,
.page-stay .icon-header-container .page-ttl-icon,
.tab .tab-stay::after,
.tab .tab-stay.active,
.tab .tab-stay:hover,
#faq #stay h2,
#faq #stay dt::before,
#faq #stay dt::after,
#faq #stay dt::after,
#faq #stay dd::before {
	background: #1ba6b2;
}
.page-stay .more-border,
.page-stay .btn-more,
.page-stay .sec-headline > span::before,
.page-stay .sec-headline > span::after,
.page-stay .tel-container,
.page-stay .toiawase-set,
.page-stay .toiawase-set > ul > li.tel-container .tel-head,
.page-stay .block-list-container > li,
.page-stay .block-list-container > div,
#faq #stay .qa-list,
#faq #stay .qa-list dt {
  border-color: #1ba6b2;
}
.bgc-sec-stay,
.page-stay table.normal-table th,
.page-stay table.caption-table td,
.page-stay .news,
.page-stay .round-frame,
.page-stay .toiawase-set > ul > li.tel-container,
.page-stay .toiawase-set > ul > li.form-container,
#faq #stay dt.open {
	background: #e4f6f8;
}

/*bus*/
.fc-bus,
.page-bus a,
.page-bus table.caption-table caption,
.page-bus table.caption-table td,
.page-bus .btn-more,
.page-bus .tel-container,
.page-bus .tel-container .tel,
.page-bus .toiawase-set .form-container .form-head,
#bus .ctstop-mv .head-copy,
#faq #bus dt span::before {
	color: #158c61;
}
.bgc-bus,
.page-bus .copy-header,
.page-bus .link-anchor,
.page-bus .link-variation,
.page-bus table.caption-table th,
.page-bus .round-frame.link-container .txt-wrapper .page-ttl,
.page-bus .block-list-container .col-l,
.page-bus .icon-header-container .page-ttl-icon,
.tab .tab-bus::after,
.tab .tab-bus.active,
.tab .tab-bus:hover,
#faq #bus h2,
#faq #bus dt::before,
#faq #bus dt::after,
#faq #bus dt::after,
#faq #bus dd::before {
	background: #158c61;
}
.page-bus .more-border,
.page-bus .btn-more,
.page-bus .sec-headline > span::before,
.page-bus .sec-headline > span::after,
.page-bus .tel-container,
.page-bus .toiawase-set,
.page-bus .toiawase-set > ul > li.tel-container .tel-head,
.page-bus .block-list-container > li,
.page-bus .block-list-container > div,
#faq #bus .qa-list,
#faq #bus .qa-list dt {
  border-color: #158c61;
}
.bgc-sec-bus,
.page-bus table.normal-table th,
.page-bus table.caption-table td,
.page-bus .news,
.page-bus .round-frame,
.page-bus .toiawase-set > ul > li.tel-container,
.page-bus .toiawase-set > ul > li.form-container,
#faq #bus dt.open {
	background: #ddf5ec;
}

/*cottage*/
.fc-cottage,
.page-cottage-info a,
.page-cottage-info table.caption-table caption,
.page-cottage-info table.caption-table td,
.page-cottage-info .btn-more,
.page-cottage-info .tel-container,
.page-cottage-info .tel-container .tel,
.page-cottage-info .toiawase-set .form-container .form-head,
#cottage-info .ctstop-mv .head-copy,
#faq #cottage-info dt span::before {
	color: #005331;
}
.bgc-cottage-info,
.page-cottage-info .copy-header,
.page-cottage-info .link-anchor,
.page-cottage-info .link-variation,
.page-cottage-info table.caption-table th,
.page-cottage-info .round-frame.link-container .txt-wrapper .page-ttl,
.page-cottage-info .block-list-container .col-l,
.page-cottage-info .icon-header-container .page-ttl-icon,
.tab .tab-cottage::after,
.tab .tab-cottage.active,
.tab .tab-cottage:hover,
#faq #cottage-info h1,
#faq #cottage-info dt::before,
#faq #cottage-info dt::after,
#faq #cottage-info dt::after,
#faq #cottage-info dd::before {
	background: #005331;
}
.page-cottage-info .more-border,
.page-cottage-info .btn-more,
.page-cottage-info .sec-headline > span::before,
.page-cottage-info .sec-headline > span::after,
.page-cottage-info .tel-container,
.page-cottage-info .toiawase-set,
.page-cottage-info .toiawase-set > ul > li.tel-container .tel-head,
.page-cottage-info .block-list-container > li,
.page-cottage-info .block-list-container > div,
#faq #cottage-info .qa-list,
#faq #cottage-info .qa-list dt {
  border-color: #005331;
}
.bgc-sec-cottage-info,
.page-cottage-info table.normal-table th,
.page-cottage-info table.caption-table td,
.page-cottage-info .news,
.page-cottage-info .round-frame,
.page-cottage-info .toiawase-set > ul > li.tel-container,
.page-cottage-info .toiawase-set > ul > li.form-container,
#faq #cottage-info dt.open {
	background: #bed2bb;
}

.block-list-container > li,
.block-list-container > div {
  border: 1px solid #00a0e9;
  box-sizing: border-box;
  border-radius: 30px 0 30px 0;
  display: flex;
  align-items: stretch;
}
.block-list-container > li + li,
.block-list-container > div + div {
  margin-top: 20px;
}
.block-list-container .col-l {
  width: 100%;
  background: #00a0e9;
  border-radius: 29px 0 0 0;
}
.block-list-container .cot {
  width: 100%;
  text-align: left;
  padding: 35px 10px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
}
.block-list-container .cot .num-catch {
  position: absolute; top:0; left: 10px;
  z-index: 10;
  color: #a6daf4;
}
.block-list-container .cot .num-catch .num {
  display: inline-block;
  padding: 10px 10px 0;
  box-sizing: border-box;
  border-right: 1px solid #a6daf4;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.block-list-container .cot .num-catch .catch {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
}
.block-list-container .cot .ttl {
  font-size: 20px;
  font-size: 1.7rem;
  color: #FFF;
  box-sizing: border-box;
  font-weight: 700;
}
.block-list-container .img {
  width: 230px;
  padding-top: 160px;
  overflow: hidden;
  position: relative;
}
.block-list-container .img > img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.block-list-container .col-r {
  box-sizing: border-box;
  padding: 25px 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 639px) {
  .block-list-container > li,
  .block-list-container > div {
    display: block;
  }
  .block-list-container .cot {
    display: block;
    text-align: center;
  }
  .block-list-container .cot .ttl {
    padding-left: 0;
  }
  .block-list-container .img {
    width: 100%;
    padding-top: 69.56%;
  }
  .block-list-container .col-r {
    padding: 15px 20px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 899px) {
  .block-list-container .col-l,
  .block-list-container .cot {
    width: 230px;
  }
  .block-list-container .col-r {
    width: calc(100% - 230px);
  }
}
@media print, screen and (min-width: 900px){
  .block-list-container > li,
  .block-list-container > div{
    min-height: 160px;
  }
  .block-list-container .col-l {
    width: 454px;
    display: flex;
    align-items: stretch;
  }
  .block-list-container .cot {
    width: 224px;
    min-height: 160px;
  }
  .block-list-container .img {
    position: relative;
  }
  .block-list-container .col-r {
    width: calc(100% - 454px);
  }
}
table.normal-table.af {
  margin-top: 20px;
}

/*region*/
.fc-region,
.page-region a,
.page-region table.caption-table caption,
.page-region table.caption-table td,
.page-region .btn-more,
.page-region .tel-container,
.page-region .tel-container .tel,
.page-region .toiawase-set .form-container .form-head {
	color: #82c34d;
}
.bgc-region,
.page-region .copy-header,
.page-region .link-anchor,
.page-region .link-variation,
.page-region table.caption-table th,
.page-region .round-frame.link-container .txt-wrapper .page-ttl,
.page-region .icon-header-container .page-ttl-icon,
.page-region .block-list-container .col-l {
	background: #82c34d;
}
.page-region .more-border,
.page-region .btn-more,
.page-region .sec-headline > span::before,
.page-region .sec-headline > span::after,
.page-region .tel-container,
.page-region .toiawase-set,
.page-region .toiawase-set > ul > li.tel-container .tel-head,
.page-region .block-list-container > li,
.page-region .block-list-container > div {
  border-color: #82c34d;
}
.bgc-sec-region,
.page-region table.normal-table th,
.page-region table.caption-table td,
.page-region .news,
.page-region .round-frame,
.page-region .toiawase-set > ul > li.tel-container,
.page-region .toiawase-set > ul > li.form-container {
	background: #eaf9df;
}

/*access*/
.fc-access,
.page-access a,
.page-access table.caption-table caption,
.page-access table.caption-table td,
.page-access .btn-more,
.page-access .tel-container,
.page-access .tel-container .tel,
.page-access .toiawase-set .form-container .form-head,
#faq #other dt span::before {
	color: #beb632;
}
.bgc-access,
.page-access .copy-header,
.page-access .link-anchor,
.page-access .link-variation,
.page-access table.caption-table th,
.page-access .round-frame.link-container .txt-wrapper .page-ttl,
.page-access .icon-header-container .page-ttl-icon,
.page-access .block-list-container .col-l,
#faq #other h2,
#faq #other dt::before,
#faq #other dt::after,
#faq #other dt::after,
#faq #other dd::before {
	background: #beb632;
}
.page-access .more-border,
.page-access .btn-more,
.page-access .sec-headline > span::before,
.page-access .sec-headline > span::after,
.page-access .tel-container,
.page-access .toiawase-set,
.page-access .toiawase-set > ul > li.tel-container .tel-head,
.page-access .block-list-container > li,
.page-access .block-list-container > div,
#faq #other .qa-list,
#faq #other .qa-list dt {
  border-color: #beb632;
}
.bgc-sec-access,
.page-access table.normal-table th,
.page-access table.caption-table td,
.page-access .news,
.page-access .round-frame,
.page-access .toiawase-set > ul > li.tel-container,
.page-access .toiawase-set > ul > li.form-container,
#faq #other dt.open {
	background: #faf8dc;
}

/*other*/
.fc-other,
.page-other a,
.page-other table.caption-table caption,
.page-other table.caption-table td,
.page-other .btn-more,
.page-other .tel-container,
.page-other .tel-container .tel,
.page-other .toiawase-set .form-container .form-head {
	color: #00a0e9;
}
.bgc-other,
.page-other .copy-header,
.page-other .link-anchor,
.page-other .link-variation,
.page-other table.caption-table th,
.page-other .round-frame.link-container .txt-wrapper .page-ttl,
.page-other .icon-header-container .page-ttl-icon {
	background: #00a0e9;
}
.page-other .more-border,
.page-other .btn-more,
.page-other .sec-headline > span::before,
.page-other .sec-headline > span::after,
.page-other .tel-container,
.page-other .toiawase-set,
.page-other .toiawase-set > ul > li.tel-container .tel-head,
.page-other .block-list-container > li,
.page-other .block-list-container > div {
  border-color: #00a0e9;
}
.bgc-sec-other,
.page-other table.normal-table th,
.page-other table.caption-table td,
.page-other .round-frame,
.page-other .toiawase-set > ul > li.tel-container,
.page-other .toiawase-set > ul > li.form-container {
	background: #e5f6ff;
}
.news,
.bgc-sec-other-yellow {
	background: #fcfbee;
}

/*tab-important*/
.bgc-important,
.tab .tab-important::after,
.tab .tab-important.active,
.tab .tab-important:hover {
	background: #e41616;
}
.fc-important,.fc-red {
	color: #e41616;
}

/*tab-national training center*/
.bgc-ntc,
.tab .tab-ntc::after,
.tab .tab-ntc.active,
.tab .tab-ntc:hover {
  background: #7a9bf9;
}

/*tab-other*/
.tab .tab-other::after,
.tab .tab-other.active,
.tab .tab-other:hover {
  background: #beb632;
}

/*other-color*/
.bgc-black {
  background: #404040;
}
.bgc-yellow {
  background: #ffde00;
}
.fc-black {
  color: #404040;
}
.fc-white {
  color: #FFF;
}
.fc-yl {
  color: #ffde00;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  .header-container,.footernav {
    display: none;
  }
}