/* 共通 */
#wrap { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", Meiryo, sans-serif; }

.pc { display: block; }
.sp { display: none; }

a { text-decoration: none; }

.inner_head {
  width: 1100px;
  margin: 0 auto;
}

.inner {
  width: 1024px;
  margin: 0 auto;
}

#side_free {
  position: fixed;
  top: 12vw;
  right: 0;
  z-index: 9999999;
}

#side_free img:hover {
  filter: alpha(opacity=50);	/* Ie用 */
  opacity: .5;
}

#side_free img {
  -webkit-transition: .6s;
          transition: .6s;
}

#side_free a {
  display: block;
}

.ml16 { margin-left: 16px; }

.pb16 { padding-bottom: 16px; }
.mt20 { margin-top: 20px; }
.mt26 { margin-top: 26px; }
.mt40 { margin-top: 40px; }
.mt80 { margin-top: 80px; }
.mb14 { margin-bottom: 14px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb26 { margin-bottom: 26px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }

#page-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  font-size: 77%;
}

#page-top a {
  display: block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  -webkit-transition: all 5s;
     -moz-transition: all 5s;
      -ms-transition: all 5s;
       -o-transition: all 5s;
          transition: all 5s;
  opacity: 1;
}

#page-top img:hover {
  filter: alpha(opacity=50);	/* Ie用 */
  opacity: .5;
}

#page-top img {
  -webkit-transition: .6s;
          transition: .6s;
}

/* fa */
.fa {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-family: FontAwesome;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
}

.fa-sitemap:before {
  content: "\f0e8";
}

/*********************
  YouTube
*********************/
.ylink_btn {
  text-align: center;
}

.ylink_btn a {
  display: inline-block;
  width: 200px;
  margin-top: 24px;
  padding: 12px 0;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #f00;
}

.ylink_btn a:hover {
  background-color: #0e0e0e;
}

.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*インスタ*/
.instagram-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
}

.instagram-item {
  box-sizing: border-box;
  width: 16.666%;
  padding: .5%;
}

a.instagram-card {
  position: relative;
  display: table;
  margin: 0 auto;
}

.instagram-card__img {
  display: block;
  max-width: 100%;
  height: 173px;
}

@media (max-width: 640px) {
  .instagram-item {
    width: 50%;
  }

  .instagram-card__img {
    height: 46vw;
  }
}

/*いいね数、コメント数*/
.instagram-card__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  color: #fff;
}

.instagram-icon {
  display: block;
  width: 20px;
  height: 20px;
}

.instagram-card__comment {
  overflow: hidden;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ヘッダー */
.head_area {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 86px;
}

#head_top {
  position: relative;
  z-index: 300;
  padding: 2px 0;
  font-weight: bold;
  font-size: 12px;
  color: #131313;
  border-bottom: 1px solid #efefef;
  background-color: #f5f5f5;
}

#head_top h1 {
  float: left;
  font-weight: normal;
  font-size: 10px;
  line-height: 2.2;
  text-align: left;
}

.top_contact {
  float: right;
  color: #131313;
}

.top_contact a {
  color: #131313;
}

.top_contact a:link {
  color: #131313;
}

.top_tel {
  float: left;
}

.top_link {
  float: left;
}

.top_contact a:hover {
  text-decoration: underline;
}

#header {
  position: relative;
  z-index: 200;
  border-bottom: #dbdbdb 1px solid;
  background-color: #f5f5f5;
}

#header:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 70%;
  height: 100%;
  background-color: #fff;/*border-bottom: 2px solid #F2EFE9;*/
  content: "";
}

#header a {
  font-size: 10px;
  color: #191819;
  -webkit-transition: .5s;
     -moz-transition: .5s;
      -ms-transition: .5s;
       -o-transition: .5s;
          transition: .5s;
}

#header a:hover {
  color: #ff700e;
}

#header_on {
  position: relative;
  z-index: 200;
  border-bottom: #dbdbdb 1px solid;
  background-color: #191819;
}

/*ヘッダーcss*/
.menu {
  position: relative;
  width: 100%;
  height: 55px;
}

.menu > li {
  position: relative;
  float: left;
  display: block;
  width: 110px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-right: 1px solid #f2efe9;
  background: #fff;
  list-style-type: none;
}

.menu > li a {
  display: block;
  font-weight: bold;
}

.menu > li:hover {
  background: #fbfffe;
  -webkit-transition: all .5s;
          transition: all .5s;
}

.menu li {
  display: block;
}

/*サブナビ部分*/
.sel_navi {
  position: fixed;
  z-index: 100;
  width: 100%;
  padding: 18px 0;
  background-color: rgba(0,0,0,.65);
}

.sel_navi li {
  display: inline-block;
  padding: 0 16px;
}

.sel_navi ul {
  width: 1020px;
  text-align: center;
}

.sel_navi ul a {
  display: block;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s;
  opacity: 1;
}

.sel_navi ul a:hover {
  color: #fff;
  opacity: .8;
}

.sel_navi li p.en_ttl {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #ff710c;
}

.sel_navi li p.ja_ttl {
  font-size: 10px;
  text-align: center;
  color: #f2efe9;
}

.sel_navi02 {
  position: fixed;
  z-index: 100;
  width: 100%;
  padding: 18px 0;
  background-color: rgba(0,0,0,.65);
}

.sel_navi02 li {
  display: inline-block;
  padding: 0 16px;
}

.sel_navi02 ul {
  width: 1020px;
  text-align: center;
}

.sel_navi02 ul a {
  display: block;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
       -o-transition: all .3s;
          transition: all .3s;
  opacity: 1;
}

.sel_navi02 ul a:hover {
  opacity: .8;
}

.sel_navi02 li p.en_ttl {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  color: #ff710c;
}

.sel_navi02 li p.ja_ttl {
  font-size: 10px;
  text-align: center;
  color: #f2efe9;
}

@media (max-width: 640px) {
  .headsns-area{
    position: absolute;
    inset-block-start: 25px;
    right: calc(44 / 375 * 100vw);
    display: flex;
    block-size: calc(41 / 375 * 100vw);
  }
  .headsns-area div{
    inline-size: calc(41 / 375 * 100vw);
  }
  .headsns-area div > a {
    display: grid;
    place-items: center;
    inline-size: 100%;
    block-size: 100%;
  }
  .headsns-area div > a > img{
    inline-size: auto;
    block-size: calc(24 / 375 * 100vw);
  }
}

/*スライダー*/
.slider {
  width: 100%;
  margin-top: 18px;
}

.slider img {
  width: 100%;
}

/*下層のトップの画像のところ*/
.top_bg {
  position: relative;
  height: 160px;
  background-image: url(../images/common/top_bg.jpg);
  background-size: cover;
}

.top_bg p.top_ttl {
  position: absolute;
  top: 50px;
  width: 100%;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  text-shadow: 2px 2px 2px #292929;
  color: #fff;
}

.top_bg2 {
  position: relative;
  height: 160px;
  background-image: url(../images/common/top_bg2.jpg);
  background-size: cover;
}

.top_bg2 p.top_ttl {
  position: absolute;
  top: 50px;
  width: 100%;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  text-shadow: 4px 2px 5px #000;
  color: #fff;
}

/*コンテンツのタイトル*/
.conttl_bg {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 56px;
  padding-inline: 34px;
  padding-block-end: 2px;
  background-image: url(../images/common/conttl_bg.jpg);
  background-size: contain;
}

.conttl_bg p.con_ttl {
  width: 100%;
  font-weight: bold;
  font-size: 28px;
  font-family: "Pathway Gothic One", sans-serif;
  color: #fff;
}

.conttl_bg p.con_ttl span {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 14px;
}

.conttl_bg2 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 56px;
  padding-inline: 34px;
  padding-block-end: 2px;
  background-image: url(../images/common/conttl_bg2.jpg);
  background-size: contain;
}

.conttl_bg2 p.con_ttl {
  width: 100%;
  font-weight: bold;
  font-size: 28px;
  font-family: "Pathway Gothic One", sans-serif;
  color: #fff;
}

.conttl_bg2 p.con_ttl span {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 14px;
}

/*スライダー下エリア*/
.covid-area {
  margin: 24px 0;
}

.covid-area .flex {
  display: flex;
  justify-content: space-between;
}

.covid-area .flex div {
  width: 19%;
}

.covid-area .flex div img {
  width: 100%;
}

@media (max-width: 640px) {
  .covid-area {
    margin: 10px 0;
  }

  .covid-area .inner {
    width: 96%;
  }
}

/*ニュースエリア*/
.n_ttl {
  padding: 10px 0;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #fff;
  background-color: #fe700f;
}

.n_ttl:before {
  display: inline-block;
  width: 68px;
  height: 34px;
  margin-right: 8px;
  vertical-align: middle;
  background-image: url(../images/top/ttl-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.news_area {
  padding: 40px 0 80px;
  background-repeat: repeat;
}

.news_box {
  position: relative;
  float: left;
  width: 328px;
}

.m_news {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 8px;
  font-size: 15px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #5475a5;
}

/**トピックス**/
.m_notice {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 4px 8px;
  font-size: 10px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #36a013;
}

.bg_notice {
  background-color: #36a013;
}

/**イベント**/
.m_event {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 4px 8px;
  font-size: 10px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #75578f;
}

.bg_event {
  background-color: #75578f;
}

/**チケット**/
.m_ticket {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 4px 8px;
  font-size: 10px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #ffa200;
}

.bg_ticket {
  background-color: #ffa200;
}

/**試合結果**/
.m_result {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 4px 8px;
  font-size: 10px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #c51212;
}

.bg_result {
  background-color: #c51212;
}

.m_colum {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 4px 8px;
  font-size: 10px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #ea3b83;
}

.bg_colum {
    background-color: #ea3b83;
}

.m_game {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 4px 8px;
  font-size: 10px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #ff6f0e;
}

.bg_game {
  background-color: #ff6f0e;
}

.m_match {
  position: absolute;
  top: 0;
  z-index: 777;
  padding: 6px 12px;
  font-size: 12px;
  color: #fff;
  -webkit-box-shadow: 4px 4px 0 0 #646464;
     -moz-box-shadow: 4px 4px 0 0 #646464;
          box-shadow: 4px 4px 0 0 #646464;
  background-color: #ff6f0e;
}

.news_box span {
  display: block;
  min-height: 50px;
  padding-bottom: 24px;
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

.news_box:nth-child(2) {
  margin: 0 20px;
}

.news_box p {
  display: inline-block;
  font-size: 14px;
  color: #080808;
}

.news_area ul li {
  float: left;
}

.news_area ul li:nth-child(even) {
  float: left;
  margin: 0 2px;
}

.news_area a {
  -webkit-transition: .6s;
          transition: .6s;
}

.news_area a:hover {
  filter: alpha(opacity=50);	/* Ie用 */
  opacity: .5;
}

/*NEXTMATCH*/
.next-match {
  padding: 40px 0 60px;
}

.next-match ul {
  display: table;
  margin: 0 auto;
}

.next_match_box {
  position: relative;
  float: left;
  width: 236px;
  margin: 0 10px;
}

.top_fighter_img {
  position: relative;
  display: block;
  width: 236px;
  height: 270px;
  margin-bottom: 10px;
}

.top_fighter_img_in {
  display: block;
  height: 270px;
  background-position: top center;
  background-repeat: no-repeat;
}

.next-match span {
  display: block;
  min-height: 50px;
  font-weight: bold;
  font-size: 14px;
  color: #000;
}

/* NEWS.html */
.in_news_box:first-child {
  border-top: #dbdbdb 1px solid;
}

.in_news_box {
  display: block;
  width: 710px;
  padding: 20px 0;
  border-bottom: #dbdbdb 1px solid;
}

.in_news_box .txt_area {
  width: 396px;
}

.in_news_box a {
  display: block;
  -webkit-transition: .6s;
          transition: .6s;
}

.in_news_box a:hover {
  filter: alpha(opacity=50);	/* Ie用 */
  opacity: .5;
}

.in_news_box p {
  display: inline-block;
  padding: 4px 14px;
  font-size: 10px;
  color: #fff;
}

.news_img_area {
  position: relative;
  float: left;
  display: block;
  width: 328px;
  height: 200px;
  margin-right: 20px;
  margin-left: 14px;
}

.news_img_area_in {
  display: block;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.news_pic {
  display: block;
  height: 210px;
  background-position: center center;
  background-repeat: no-repeat;
}

.news_img_area2 {
  position: relative;
  float: left;
  display: block;
  width: 100%;
  height: 400px;
}

.news_img_area2_in {
  display: block;
  height: 400px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.news_pic2 {
  display: block;
  height: 396px;
  background-position: center center;
  background-repeat: no-repeat;
}

.txt_area {
  float: left;
  min-height: 120px;
}

.mark { margin-bottom: 6px; }
.bg_news   { background-color: #5475a5; }
.bg_notice { background-color: #3e9b7b; }
.bg_event  { background-color: #75578f; }
.bg_colum  { background-color: #ea3b83; }

.news_date {
  margin-bottom: 2px;
  font-size: 12px;
  color: #080808;
}

.news_ttl {
  max-width: 738px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  word-break: break-all;
  color: #fe700f;
}

.news_txt {
  max-width: 434px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  word-break: break-all;
  color: #080808;
}

.match_date {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 8px;
  font-weight: bold;
  font-size: 12px;
  color: #ff6e0f;
  border: 1px solid #ff6e0f;
}

ul.pagenav {
  margin: 40px 0 0 0;
}

ul.pagenav li {
  display: inline;
  margin: 0 1px;
  padding: 0;
}

ul.pagenav li span a {
  display: inline-block;
  padding: 5px 7px;
  vertical-align: middle;
  text-decoration: none;
  color: #444 !important;
  color: #222;
  border: 1px solid #6d6d6d;
  background-color: #eee;
}

ul.pagenav li b a {
  display: inline-block;
  margin: 5px 0;
  padding: 5px 7px;
  vertical-align: middle;
  color: #fff !important;
  border: 1px solid #181818;
  background-color: #333;
}

ul.pagenav li a:hover {
  color: #fff !important;
  border: 1px solid #333;
  background-color: #fe700f;
}

ul.pagenav li strong {
  display: inline-block;
  margin: 5px 0;
  padding: 5px 7px;
  vertical-align: middle;
  color: #fff;
  border: 1px solid #ccc;
  background-color: #fe700f;
}

#sns_box {
  float: right;
  margin-bottom: 10px;
}

.sharebtn li {
  float: left;
}

.sharebtn li:nth-child(even) {
  float: left;
  margin: 0 6px;
}

/* 2つの特徴  */
#special {
  padding: 80px 0;
  background-image: url(../images/top/special_bg.jpg);
  background-size: cover;
}

.special_ttl {
  margin-bottom: 28px;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
}

.special_box {
  float: left;
  width: 490px;
  margin-right: 42px;
  margin-bottom: -500px;
  padding-bottom: 500px;
  background-color: #1f1e2f;
}

.special_box02 {
  float: right;
  width: 490px;
  margin-bottom: -500px;
  padding-bottom: 500px;
  background-color: #1f1e2f;
}

.s_box_txt {
  width: 430px;
  margin: 0 auto;
  padding: 20px 0 28px;
  font-size: 16px;
  color: #fff;
}

.s_box_ttl {
  padding: 10px 0;
  font-size: 24px;
  text-align: center;
  color: #fff;
  background-color: #ff6f0e;
}

.s_box_ttl span {
  margin-right: 10px;
}

#web360 {
  padding: 80px 0;
  background-color: #222;
  background-size: cover;
}

.web360_ttl {
  text-align: center;
}

.web360_txt {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 2em;
  text-align: center;
  text-shadow: 0 1px 2px #000;
  color: #fff;
}

.web360_btn {
  margin-top: 32px;
  text-align: center;
}

.web360_btn a {
  -webkit-transition: .6s;
          transition: .6s;
}

.web360_btn a:hover {
  filter: alpha(opacity=50);	/* Ie用 */
  opacity: .5;
}
/*SNSエリア*/
#sns_area {
  padding: 80px 0;
  background-image: url(../images/top/sns_bg.png);
  background-repeat: repeat;
}

.sns_i {
  margin-bottom: 30px;
  text-align: center;
}

.sns_l {
  float: left;
  width: 478px;
}

.sns_r {
  float: right;
  width: 478px;
}

#sns_area02 {
  padding: 80px 0;
  background-image: url(../images/top/sns_bg02.png);
  background-repeat: repeat;
}

#sns_area02 .insta_loading {
  padding: 40px 0;
  text-align: center;
}

#insta_area {
  display: none;
  opacity: 0;
}

#insta_area li {
  float: left;
  width: 154px;
  height: 154px;
  /*background-color:#C85456;*/
  margin: 0 20px 20px 0;
}

#insta_area li:nth-child(6),
#insta_area li:nth-child(12) {
  margin: 0 0 20px 0;
}

#insta_area li img {
  float: left;
  width: 154px;
  height: 154px;
  margin: 0 20px 20px 0;
  /*background-color:#C85456;*/
}

/*アクセスエリア*/
#access_area {
  width: 100%;
}

.map_ttl {
  position: absolute;
  bottom: 2vw;
  left: 13.5vw;
  padding: 26px;
  background-color: #ff8b2b;
  transition: .3s;
}

.map_ttl a {
  display: block;
  color: #fff;
}

.map_ttl:hover {
  background-color: #5a5a5a;
  transition: .3s;
}

.map_ttl h3 {
  font-size: 18px;
}

/**/
.u_con {
  width: 1024px;
  margin: 0 auto;
}

.u_main {
  float: left;
  width: 750px;
  padding-bottom: 100px;
}

.u_right {
  float: right;
  width: 246px;
}

div:is(#price, #program, #schedule, #admission, #experience, #access, #web_360) {
  padding-top: 100px;
  margin-top: -100px;
}

/* サイドバー */
.u_side {
  float: right;
  width: 244px;
}

.u_side_inner {
  padding-bottom: 30px;
  border: 1px solid #ccc;
}

.u_side a {
  font-weight: bold;
  color: #232323;
}

.u_side a:hover {
  text-decoration: underline;
}

.shop_number {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  color: #232323;
}

.side_inner {
  margin: 0 12px;
  font-size: 15px;
}

.side_midashi {
  margin-top: 10px;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid#d3d3d1;
}

.side_inner span {
  display: block;
  margin-left: 10px;
}

.side_inner .add_sche {
  display: block;
  margin-top: 10px;
}

.bnr img:hover {
  filter: alpha(opacity=50);	/* Ie逕ｨ */
  opacity: .5;
}

.bnr img {
  -webkit-transition: .6s;
          transition: .6s;
}

p.midashi_mini {
  margin-bottom: 5px;
  padding-left: 6px;
  color: #231816;
  border-left: 1px solid #868686;
}

/*下層ページ*/
.inner02 {
  width: 710px;
  margin: 0 auto;
}

/*ぱん*/
.pan a {
  color: #191819;
  -webkit-transition: .5s;
     -moz-transition: .5s;
      -ms-transition: .5s;
       -o-transition: .5s;
          transition: .5s;
}

.pan a:hover {
  color: #a18700;
}

.sankaku {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 20px solid #0c0c0c;
}

.sankaku_contact {
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 20px solid #f7f7f7;
}

.u_right {
  float: right;
  width: 246px;
}

#schedule {
  margin-top: -100px;
  padding-top: 100px;
}

#admission {
  margin-top: -100px;
  padding-top: 100px;
}

#experience {
  margin-top: -100px;
  padding-top: 100px;
}

#access {
  margin-top: -100px;
  padding-top: 100px;
}

#web_360 {
  margin-top: -100px;
  padding-top: 100px;
}

/*link_area*/
#link_area {
  padding: 40px 0;
  text-align: center;
  background-color: #f9f9f9;
}

#link_area li {
  float: left;
  display: block;
}

#link_area li:nth-child(odd) {
  margin: 0 16px;
}

#link_area img:hover {
  filter: alpha(opacity=50);	/* Ie用 */
  opacity: .5;
}

#link_area img {
  -webkit-transition: .6s;
          transition: .6s;
}

/* ACCESS  */
#access_place ul {
  font-size: 0;
}

#access_place li {
  display: inline-block;
  margin-bottom: 16px;
}

#access_place li:nth-child(3n+2) {
  display: inline-block;
  margin: 0 16px;
}

#access_place li img {
  width: 226px;
}

.rute {
  display: block;
  width: 100%;
  margin-top: 20px;
  font-size: 15px;
}

.rute span {
  color: #d91219;
}

/* about.php*/
div#aboutk1 {
  margin-top: -100px;
  padding-top: 100px;
}

div#representative {
  margin-top: -100px;
  padding-top: 100px;
}

div#trainers {
  margin-top: -100px;
  padding-top: 100px;
}

div#fighter {
  margin-top: -100px;
  padding-top: 100px;
}

div#member {
  margin-top: -100px;
  padding-top: 100px;
}

div#qa {
  margin-top: -100px;
  padding-top: 100px;
}

div#champion {
  margin-top: -100px;
  padding-top: 100px;
}
.about_intro {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
}

.about_intro span {
  color: #ff700e;
}

.about_txt {
  font-size: 15px;
}

.about_txt span {
  color: #ff700d;
}

.long_txt_area .name {
  margin-bottom: 14px;
  padding-bottom: 4px;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #000;
}

.box {
  padding-bottom: 80px;
}

.left_img_area {
  float: left;
  margin-right: 20px;
}

.right_txt_area {
  float: right;
  width: 390px;
  font-size: 15px;
}

span.name {
  float: right;
  display: block;
}

.trainer_box {
  float: left;
  padding: 20px 0;
}

.voice_box {
  float: left;
  padding: 20px 0;
  background-color: #fff;
}

.t_left {
  float: left;
  margin-right: 28px;
  border: 1px solid #c3c3c3;
}

.t_right {
  float: right;
}

.t_top {
  float: left;
  width: 378px;
  margin-bottom: 16px;
  border-bottom: #707070 1px solid;
}

.t_sns ul li {
  float: left;
  margin-right: 4px;
}

.t_name {
  float: left;
}

.t_name span {
  font-weight: bold;
  font-size: 18px;
  color: #040000;
}

.t_name span.t_sml {
  font-size: 14px;
}

.t_sns {
  float: right;
}

table.trainers_txt {
  width: 378px;
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 0;
}

table.trainers_txt th {
  width: 20%;
  padding: 8px 4px;
  vertical-align: top;
  text-align: left;
  color: #444;
  border-bottom: 1px solid #ccc;
}

table.trainers_txt td {
  width: 80%;
  padding: 8px 4px;
  border-bottom: 1px solid #ccc;
}

table.trainers_txt a {
  text-decoration: underline;
  color: #db0811;
}

table.trainers_txt a:hover {
  text-decoration: none;
}

.t_name_v {
  float: left;
}

.t_name_v span {
  font-size: 18px;
  color: #010024;
}

.t_name_v span.old {
  display: block;
  font-size: 13px;
}

.v_right {
  float: right;
  width: 378px;
}

.voice_area {
  float: left;
  width: 378px;
  font-size: 14px;
}

.voice_area dt {
  padding: 10px;
  background-color: #f2efef;
}

.voice_area dd {
  margin-bottom: 8px;
  padding: 4px 0 4px 4px;
  line-height: 1.8;
  background-color: #fff;
}

.v_top {
  float: left;
  width: 378px;
  margin-bottom: 20px;
  border-bottom: #010023 1px solid;
}

.qa_area {
  font-size: 14px;
}

.red   { color: #d91119; }
.blue  { color: #3a4b9f; }
.green { color: #00b901; }

.qa_area tr {
  display: block;
  border: #a99a9a 1px solid;
}

.qa_area tr:nth-child(even) {
  margin-bottom: 20px;
  border-top: none;
}

.qa_area td.red_q1 {
  padding: 10px 20px;
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  background-color: #a7040b;
}

.qa_area td.blue_a1 {
  padding: 10px 21px;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  background-color: #2a3468;
}

.qa_area th {
  padding: 10px;
}

.qa_area a {
  color: #d91119;
}

.qa_area a:hover {
  text-decoration: underline;
}

/* admission.php */
.sub_ttl {
  font-weight: bold;
  font-size: 26px;
  border-bottom: 2px solid #7a7a7a;
}

.p_box {
  float: left;
  width: 710px;
  margin-bottom: 12px;
}

.price_bar {
  margin-bottom: 20px;
  padding: 5px 10px;
  font-size: 15px;
  color: #fff;
  background-color: #575757;
}

.price_bar span {
  display: block;
  padding: 5px 10px;
  color: #fff;
  border-left: 3px solid #fff;
}

.adult_sc th.classTh {
  padding: 10px;
  font-weight: bold;
  text-align: left;
  color: #000;
  border-bottom: 1px solid #c9c9c9;
  background-color: #efefef;
}

.p_ttl {
  border-bottom: 1px solid #48342d;
    padding: 6px 0;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: bold;
}

.class-blc .exp {
  font-size: 14px;
}

.class-blc .exp .tanto {
  margin-bottom: 4px;
}

.class-blc .exp .taisho {
  display: inline-block;
  margin-bottom: 6px;
  padding: 2px 6px;
  color: #fff;
  background-color: #ff710d;
}

.col2box {
  margin-bottom: 12px;
}

.class-blc .left-txt,
.right-img {
  display: inline-block;
  vertical-align: top;
}

.class-blc .left-txt {
  width: 314px;
  margin-right: 12px;
}

.class-blc .right-img {
  width: 378px ;
}

.class-blc .class-img img {
  width: 100% ;
}

.class-blc .exp p {
  margin-bottom: 12px;
}

.p_ttl img {
  vertical-align: middle;
}

.p_img {
  float: left;
  width: 346px;
  margin-right: 20px;
  margin-bottom: 14px;
}

.p_txt {
  float: left;
  width: 342px;
  font-size: 14px;
}

.link_btn {
  margin: 40px 0;
  text-align: center;
}

.link_btn a:hover {
  filter: alpha(opacity=80);	/* Ie用 */
  opacity: .8;
}

.link_btn img {
  -webkit-transition: .6s;
          transition: .6s;
}

.sche_txt {
  margin-top: 12px;
  font-size: 15px;
}

.sche_txt_r {
  margin-top: 12px;
  font-size: 15px;
  color: #d91119;
}

table.open {
  width: 100%;
  margin-bottom: 16px;
  font-size: 15px;
}

table.open td {
  box-sizing: border-box;
  width: 100%;
  margin-left: 30px;
  padding: 6px 0 6px 16px;
}

table.open th {
  padding-right: 28px;
}

table.open td.name {
  margin-top: 6px;
  background: #efefef;
}

.adult_sc {
  width: 100%;
  margin-bottom: 40px;
  font-size: 14px;
  background-color: #fff;
}

.adult_sc th {
  font-weight: bold;
  text-align: center;
  color: #fff;
  border: 1px solid #e9e9e9;
  background-color: #a9a8a6;
}

table.adult_sc th,
table.adult_sc table td {
  width: 25%;
  padding: 6px 12px;
  border: 1px solid #c9c9c9;
}

.adult_sc td {
  padding: 10px;
  line-height: 1.3em;
  border: 1px solid #c9c9c9;
}

.nyukai {
  font-size: 14px;
}

.nyukai dl {
  overflow: hidden;
  margin-bottom: 15px;
  border: 1px solid #c9c9c9;
  background-color: #f1f1f1;
}

.nyukai dl dt {
  float: left;
  display: block;
  width: 20%;
  padding: 10px;
  line-height: 1.5em;
}

.nyukai dl dd {
  float: right;
  width: 72%;
  margin: 0 !important;
  padding: 0 !important;
  border-left: 1px solid #c9c9c9;
  background: #fff;
}

.nyukai dl dt span {
  display: block;
  font-weight: bold;
}

.nyukai dl dd ul {
  padding: 15px;
}

/*フッター*/
.foot_link {
  padding: 30px 0;
  background-image: url(../images/top/foot_inq.jpg);
  background-size: cover;
}

.foot_link_inner {
  width: 830px;
  margin: 0 auto;
}

.foot_link_inner table {
  float: left;
  margin-top: 34px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, .7);
}

.foot_link th {
  display: inline-block;
  margin-right: 12px;
  font-size: 30px;
  color: #fff;
}

.foot_link img:hover {
  filter: alpha(opacity=80);	/* Ie用 */
  opacity: .8;
}

.foot_link img {
  -webkit-transition: .6s;
          transition: .6s;
}

.foot_link_txt {
  display: inline-block;
  font-size: 22px;
  line-height: 1.4;
  color: #fff;
}

.tel_mail {
  float: right;
}

.footer {
  position: relative;
  padding: 50px 0;
  font-size: 13px;
  font-family: "Josefin Sans", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
  color: #000;
  border-top: #fff 1px solid;
  background-color: #fff;
}

.footer .inner {
  width: 798px;
}

.footer_copy {
  padding: 8px 0;
  line-height: 1.7;
  text-align: center;
  color: #fff;
  background-color: #0e0e0e;
}

.footer_copy a {
  color: #fff;
  -webkit-transition: .5s;
     -moz-transition: .5s;
      -ms-transition: .5s;
       -o-transition: .5s;
          transition: .5s;
}

.footer_copy a:hover {
  text-decoration: underline;
  color: #efefef;
}

.foot_logo {
  margin-bottom: 24px;
  text-align: center;
}

.footerNav .foot_l {
  display: inline-block;
  padding: 2px 0 0 5px;
  font-weight: bold;
  border-left: 3px solid #e70112;
}

.footerNav {
  float: left;
  font-size: 12px;
}

.footerNav a {
  color: #03070a;
}

.footerNav a:hover {
  text-decoration: underline;
}

.footerNav ul {
  float: left;
  width: 350px;
}

.footerNav li {
  float: left;
  width: 232px;
  margin-top: 10px;
  line-height: 1;
}

.footerNav li ul {
  float: left;
  overflow: hidden;
  margin-left: 9px;
}

.footerNav li ul li {
  line-height: 1.4;
}

.footerNav .foot_l {
  float: left;
}

.footerNav ul.foot_l_area li {
  margin-top: 0;
}

.footerNav ul.foot_l_area li:first-child {
  margin-top: 10px;
}

.footerNav .foot_m {
  display: inline-block;
  padding: 2px 0 0 5px;
  font-weight: bold;
  border-left: 3px solid #ff8b2b;
}

.footerNav .foot_m li span {
  display: block;
  font-size: 10px;
}

span.triangle {
  font-size: 8px;
}

.footerNav .foot_r {
  display: inline-block;
  padding: 2px 0 0 5px;
  font-weight: bold;
  border-left: 3px solid #0054ff;
}

.foot_sns {
  float: left;
  height: 230px;
  padding-left: 25px;
  border-left: 1px solid #b7b7b7;
}

.foot_sns dl {
  width: 154px;
  margin-bottom: 10px;
}

.foot_sns a {
  display: block;
  -webkit-transition: .5s;
     -moz-transition: .5s;
      -ms-transition: .5s;
       -o-transition: .5s;
          transition: .5s;
}

.sponsor_logo {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(330px, 370px), 370px));
  justify-content: center;
  gap: 20px;
  width: 950px;
  margin: 0 auto 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #ddd;
}

.sponsor_logo a {
  display: grid;
  place-content: center;
  padding: 0 10px;
  border: solid 1px #d8d8d8;
}

.sponsor_logo img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.sponsor_logo_ttl {
  width: 950px;
  margin: 0 auto;
  margin-bottom: 20px;
  border-top: 1px dotted #ddd;
}

.sponsor_logo_ttl span {
  display: inline-block;
  margin-bottom: 15px;
  padding: 5px 20px;
  color: #fff;
  background: #222;
}

.icon {
  float: left;
  margin-right: 6px;
}

/*運営会社*/
.overview {
  overflow: hidden;
  width: 710px;
  word-wrap: break-word;
  word-break: break-all;
}

.overview th,
.overview td {
  padding: 12px;
}

.overview th {
  overflow: hidden;
  vertical-align: top;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  color: #13131e;
  border-top: solid 1px #d3d3d1;
  border-left: solid 1px #d3d3d1;
  background-color: #f0f0f0;
}

.overview th.oth_last {
  overflow: hidden;
  width: 30%;
  padding: 8px 8px 8px 30px;
  vertical-align: top;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  color: #13131e;
  border-bottom: solid 1px #d3d3d1;
  background-color: #e4f1d7;
}

.overview .last-b {
  border-bottom: solid 1px #d3d3d1;
}

.overview td.otd_last {
  overflow: hidden;
  vertical-align: top;
  vertical-align: middle;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  color: #595960;
  border-bottom: solid 1px #d3d3d1;
  background-color: #fff;
}

.overview td {
  overflow: hidden;
  vertical-align: top;
  vertical-align: middle;
  font-size: 15px;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  color: #595960;
  border-top: solid 1px #d3d3d1;
  border-right: solid 1px #d3d3d1;
  background-color: #fff;
}

h2.ttl {
  font-weight: bold;
  font-size: 26px;
  color: #343334;
  background-image: url(../images/common/ttl_under.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

/*    */
.foot_con {
  font-size: 15px;
}

.foot_con strong {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
  border-bottom: 1px solid #8f8f8f;
}

.foot_con a {
  color: #db1d27;
}

.foot_con a:hover {
  text-decoration: underline;
}

/*  お問い合わせ  */
p.contact_txt {
  font-size: 14px;
}

p.contact_txt a {
  font-weight: bold;
  color: #d91119;
}

p.contact_txt a:hover {
  text-decoration: underline;
}

.gold_txt {
  display: block;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 22px;
  color: #232323;
}

table.exp_area {
  width: 708px;
  font-size: 14px;
}

table.exp_area th {
  float: left;
  margin-right: 26px;
}

table.exp_area td {
  vertical-align: top;
}

table.exp_area tr:first-child {
  border-top: 1px solid #dbdbdb;
}

table.exp_area tr {
  display: block;
  padding: 20px 0 40px 0;
  border-bottom: 1px solid #dbdbdb;
}

.number {
  float: left;
  font-weight: bold;
  font-size: 30px;
  color: #e80012;
}

.btn_contact a {
  padding: 10px 60px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #e60012;
  -webkit-transition: .6s;
          transition: .6s;
}

.btn_contact a:hover {
  filter: alpha(opacity=50);	/* Ie用 */
  opacity: .5;
}

.form {
  width: 700px;
  margin: 0 auto;
}

.form th .req {
  color: #f00;
}

.form p.error {
  color: #f00;
}

/* UI */
.form input[type=text],
.form textarea,
.form select {
  margin-bottom: 3px;
  padding: 8px;
  border: 1px solid #525252;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
}

.form input[type=text]:focus,
.form textarea:focus {
  border: 1px solid #000;
  background: #f0f0f0;
}

.form input[type=text].error,
.form textarea.error,
.form select.error {
  border-width: 2px;
  border-color: #f99;
}

.form textarea {
  width: 95%;
  height: 150px;
}

.form input.max {
  width: 95%;
}

.form input.min {
  width: 70px;
}

.form th,
.form td {
  padding: 16px;
  vertical-align: top;
  font-size: 13px;
  border-bottom: 1px solid #b6b6b6;
}

.form th {
  width: 180px;
  vertical-align: middle;
  background: #f0f0f0;
}

.form td label {
  display: block;
  margin: 5px;
}

form .btns {
  margin: 16px;
  text-align: center;
}

form .btns button {
  width: 240px;
  padding: 14px 0;
  font-weight: bold;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  border: none;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background: #00b901;
}

form .btns button:hover {
  opacity: .75;
}

.form_inner {
  width: 700px;
  margin: auto;
  padding: 2% 5% 5% 2%;
}

/*20170404 -問い合わせ-*/
p.contact-time {
  margin-bottom: 10px;
  color: red;
}

input.myType {
  margin-right: 8px;
}

input.min span {
  margin: 0 10px;
}

.form-outro {
  margin-top: 20px;
}

/* 無料体験可能時間
*********************************/
.form td.select-time .entry-txt {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #00b901;
}

.form td.select-time .entry-txt .ttl {
  box-sizing: border-box;
  width: 100%;
  padding: 6px;
  color: #fff;
  background-color: #00b901;
}

.form td.select-time .entry-date {
  box-sizing: border-box;
  width: 100%;
  padding: 6px;
  line-height: 1.7;
}

.form td.select-time .entry-date .sonota {
  margin-top: 8px;
}

#access_area {
  background-image: url(../images/top/bg-map.jpg);
  background-position: center center;
  background-size: 100%;
}

#map_canvas {
  height: 520px;
}

#access_area .mapImg {
  position: absolute;
}

.position-fire_logo {
  position: absolute;
  right: 0;
  bottom: 0;
}

.position-fire_logo img {
  width: 190px;
  opacity: .4;
}

@media (max-width: 640px) {
  #access_area {
    background-image: url(../images/top/bg-map_sp.jpg);
    background-size: 100%;
  }

  #map_canvas {
    height: 410px;
  }

  .map_ttl {
    position: absolute;
    bottom: 10vw;
    left: 6.5vw;
    box-sizing: border-box;
    width: 86%;
    padding: 2.7vw 3vw;
    background-color: #ff8b2b;
    transition: .3s;
  }

  .position-fire_logo {
    position: absolute;
    right: -2vw;
    bottom: 0;
  }

  .position-fire_logo img {
    width: 52vw;
    opacity: .2;
  }

  .sponsor_logo {
    grid-template-columns: none;
    gap: 10px;
    width: min(100% - 20px, 480px);
    margin: 0 auto 30px;
    padding-bottom: 30px;
  }

  .sponsor_logo_ttl {
    width: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    border-top: 1px dotted #ddd;
  }

  .logo_02 {
    height: auto;
  }
}

@media (max-width: 640px) {
  body {
    padding: 0 !important;
    -webkit-text-size-adjust: 100%;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .mb20 {
    margin-bottom: 2vw;
  }
  #wrap {
    overflow: hidden;
    width: 100%;
    max-width: 640px;
  }

  .mb60 {
    margin-bottom: 8%;
  }

  .fb-like-box,
  .fb-like-box span,
  .fb-like-box iframe {
    width: 100% !important;
  }

  #page-top {
    left: 77vw;
    z-index: 9999;
  }

  #page-top img {
    width: 50%;
  }

  img#side_free {
    display: none;
  }

  #sns_box {
    padding: 0 4%;
  }

  /*===============================================================
    header
  ================================================================*/
  .header {
    position: fixed;
    top: 0;
    z-index: 997;
    width: 100%;
    border-bottom: 1px solid #2e2d2d;
    background-color: #fff;
  }

  s.head_logo_sp {
    position: absolute;
  }

  .head_logo_sp img {
    width: 35%;
  }

  .sp_head_txt {
    height: 19px;
    padding: 3px 17px 3px 0;
    padding-right: 16px;
    font-weight: bold;
    text-align: right;
    background-color: #f5f5f5;
  }

  .header .header__btnMenu {
    position: absolute;
    inset-block-start: 25px;
    inset-inline-end: 0;
    inline-size: calc(44 / 375 * 100vw);
    block-size: calc(44 / 375 * 100vw);
  }

  .header__btnMenu a {
    display: grid;
    place-items: center;
    inline-size: 100%;
    block-size: 100%;
    color: #a18700;
  }

  .menu-trigger img {
    inline-size: calc(26 / 375 * 100vw);
  }

  .head_number {
    position: absolute;
    top: 10px;
    left: 208px;
    line-height: 1.3;
    text-align: center;
  }

  .menu-trigger,
  .menu-trigger span {
    box-sizing: border-box;
    display: inline-block;
    transition: all .4s;
  }

  .menu-trigger {
    position: relative;
    width: 50px;
    height: 44px;
  }

  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #fff;
  }

  .menu-trigger span:nth-of-type(1) { top: 0; }
  .menu-trigger span:nth-of-type(2) { top: 20px; }
  .menu-trigger span:nth-of-type(3) { bottom: 0; }

  /*===============================================================
    gNav
  ================================================================*/
  .gNav {
    z-index: 999;
    overflow: scroll;
    background: #fff;
    -webkit-overflow-scrolling: touch;
  }

  .gNav .gNav__list li {
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .gNav .gNav__list li a {
    z-index: 999;
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    color: #333;
  }

  .gNav__list li.close_nav {
    background-color: #000;
  }

  .gNav__list li.close_nav a {
    color: #fff;
  }

  .gNav .gNav_col li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #ccc;
  }

  .gNav .gNav_col li a {
    z-index: 999;
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    color: #333;
  }

  .nav_bnr_area ul {
    display: table;
  }

  .nav_bnr_area li {
    display: table-cell;
    vertical-align: middle;
  }

  .nav_bnr_area img {
    width: 100%;
  }

  /*===============================================================
    news
  ================================================================*/
  a {
    color: #000;
  }

  .sp_news_box {
    position: relative;
    display: table;
    width: 96vw;
    padding: 4vw 0;
    border-bottom: 1px solid #dcdcdc;
  }

  .sp_news_box_in {
    position: relative;
  }

  .sp_news_box p {
    font-weight: bold;
    line-height: 1.2;
  }

  .sp_news_img {
    float: left;
  }

  .sp_news_box img {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  .sp_news_box .txt {
    display: inline-block;
    width: 60%;
    margin-left: 3%;
    vertical-align: middle;
  }

  .news_date {
    margin-bottom: 0;
    font-size: 11px;
  }

  .match_date {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
    padding: 2px 8px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    color: #ff6e0f;
    border: 1px solid #ff6e0f;
  }

  .sp_news_img {
    position: relative;
    float: left;
    display: block;
    width: 98px;
  }

  .sp_top_news_img_in {
    display: block;
    height: 98px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /*===============================================================
    top_bnr_area
  ================================================================*/
  .top_bnr_area ul {
    display: table;
    border-bottom: 1px solid #ff6f0e;
  }

  .top_bnr_area li {
    display: table-cell;
    vertical-align: middle;
  }

  .top_bnr_area img {
    width: 100%;
  }

  /*===============================================================
    news_area
  ================================================================*/
  .n_ttl {
    padding: 10px 0;
    font-size: 16px;
  }

  .n_ttl:before {
    width: 44px;
    height: 24px;
  }

  .n_ttl p {
    padding: 8px 0 4px;
  }

  .news_area {
    padding: 4vw 0;
  }

  .m_news {
    padding: 4px;
  }

  .m_match {
    padding: 4px 10px;
    font-size: 12px;
  }

  .news_box {
    position: relative;
    float: left;
    width: 100%;
    max-width: 600px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
  }

  .news_box:nth-child(2) {
    margin: 0;
  }

  .news_box img {
    width: 100px;
    height: 100px;
  }

  .news_pic {
    display: block;
    width: 100%;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .in_news_box {
    width: 100%;
    padding: 4vw 0;
  }

  .news_img_area {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 4vw;
  }

  .in_news_box .txt_area {
    float: left;
    width: 98% !important;
    max-width: 600px;
    margin: auto;
  }

  .txt_area {
    float: left;
    width: 100%;
    max-width: 960px;
    margin: auto;
  }

  .m_news {
    position: inherit !important;
    top: 0;
    z-index: 777;
    display: -webkit-inline-box;
    margin-bottom: 1%;
    padding: 0 6%;
    font-size: 1em;
    color: #fff !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #5475a5;
  }

  .m_notice {
    position: inherit !important;
    top: 0;
    z-index: 777;
    display: -webkit-inline-box;
    margin-bottom: 1%;
    padding: 0 6%;
    font-size: 10px;
    color: #fff !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #3e9b7b;
  }

  .m_ticket {
    position: inherit !important;
    top: 0;
    z-index: 777;
    display: -webkit-inline-box;
    margin-bottom: 1%;
    padding: 0 6%;
    font-size: 10px;
    color: #fff !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #ffa200;
  }

  .m_result {
    position: inherit !important;
    top: 0;
    z-index: 777;
    display: -webkit-inline-box;
    margin-bottom: 1%;
    padding: 0 6%;
    font-size: 10px;
    color: #fff !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #c51212;
  }

  .m_event {
    position: inherit !important;
    top: 0;
    z-index: 777;
    display: -webkit-inline-box;
    margin-bottom: 1%;
    padding: 0 6%;
    font-size: 1em;
    color: #fff !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #75578f;
  }

  .m_colum {
    position: inherit !important;
    top: 0;
    z-index: 777;
    display: -webkit-inline-box;
    margin-bottom: 1%;
    padding: 0 6%;
    font-size: 1em;
    color: #fff !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #ea3b83;
  }

  .m_game {
    position: inherit !important;
    top: 0;
    z-index: 777;
    display: -webkit-inline-box;
    margin-bottom: 1%;
    padding: 0 6%;
    font-size: 1em;
    color: #fff !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    background-color: #fe700f;
  }

  .n_ttl img {
    width: 20vw;
  }

  .sp_news_all {
    width: 54vw;
    margin: 4vw auto 6vw;
    font-weight: bolder;
    font-size: 4vw;
    text-align: center;
    color: #fff;
    background-color: #da1119;
  }

  .sp_news_all a {
    display: block;
    padding: 2vw 3vw;
    color: #fff;
  }

  .news_img_area2 {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 6vw;
  }

  .next-match {
    padding: 5vw 0 2vw;
  }

  .next-match ul {
    display: table;
    width: 100%;
    margin: 0 auto;
  }

  .next_match_box {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 29.33333%;
    margin: 0 2%;
  }

  .top_fighter_img {
    width: 100%;
    height: 45vw;
  }

  .next-match span {
    font-size: 12px;
    line-height: 1.3;
  }

  .top_fighter_img_in {
    height: 45vw;
  }

  .inner {
    box-sizing: border-box;
    width: 94%;
    max-width: 600px;
  }

  .slider {
    width: 100%;
    max-width: 640px;
    padding-top: 13.5vw;
  }

  .special_ttl {
    margin-bottom: 12px;
    font-size: 6vw;
    text-align: center;
  }

  .special_ttl img {
    width: 70vw;
  }

  #special {
    width: 100%;
    max-width: 640px;
    padding: 8vw 0;
    background-image: url(../images/top/special_bg.jpg);
    background-size: cover;
  }

  .special_box {
    width: 100%;
    max-width: 640px;
    margin-right: 0;
    margin-bottom: 6vw;
    padding-bottom: 0;
  }

  .special_box02 {
    width: 100%;
    max-width: 640px;
    margin-bottom: 6vw;
    padding-bottom: 0;
  }

  #sns_area {
    box-sizing: border-box;
    padding: 8vw 0;
    background-image: url(../images/top/sns_bg.png);
    background-repeat: repeat;
  }

  #sns_area .inner {
    display: table;
    width: 80%;
    margin: 0 auto;
  }

  .s_box_ttl span {
    float: none;
    display: block;
    margin-right: 0;
    text-align: center;
  }

  .s_box_ttl span {
    float: none;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    text-align: center;
  }

  .s_box_ttl {
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
  }

  .s_box_ttl span img {
    width: 10vw;
  }

  .s_box_txt {
    width: 86vw;
    margin: 0 auto;
    padding-top: 2vw;
    padding-bottom: 7vw;
    font-size: 1.1em;
    color: #fff;
  }

  #web360 {
    width: 100vw;
    max-width: 640px;
    padding: 8vw 0;
  }

  #web360 img {
    width: 70vw;
  }

  .web360_txt {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
    margin-top: 2vw;
    padding-bottom: 6vw;
    font-size: 3.78vw;
  }

  .i_view {
    padding: 0 6%;
  }

  img.snslogo {
    display: block;
    width: 50%;
    margin: auto;
  }

  #link_area {
    width: 100%;
    margin: 0 auto;
    padding: 12vw 0;
  }

  #link_area li {
    width: 92%;
    margin: 0 16px !important;
    padding-bottom: 10px;
  }

  #insta_area li a {
    width: 100%;
    height: 100%;
  }

  #insta_area li:nth-child(odd) {
    float: left;
    width: 48%;
    height: 48%;
    margin: 0 2% 4% 0 !important;
  }

  #insta_area li:nth-child(even) {
    float: left;
    width: 48%;
    height: 48%;
    margin: 0 0 4% 2% !important;
  }

  #insta_area li img {
    float: left;
    width: 100%;
    min-height: 45vw;
    /* background-color: #C85456; */
    margin: 0 2% 4% 0;
  }

  .sp_fb {
    margin-bottom: 6%;
  }

  #sns_area02 {
    padding: 10vw 0;
    background-image: url(../images/top/sns_bg02.png);
    background-repeat: repeat;
  }

  #link_area img {
    width: 100%;
    margin: auto;
    text-align: center;
  }

  .u_side {
    display: none;
  }

  .u_side_inner {
    display: none;
  }

  /* お問い合わせ */
  .form {
    width: 100%;
  }

  .form_inner {
    width: 94%;
    padding: 0 3%;
  }

  .form th,
  .form td {
    display: block;
    width: 95%;
    padding: 8px;
  }

  /*===============================================================
    下層
  ================================================================*/
  div:is(#price, #aboutk1, #representative, #trainers, #fighter, #member, #qa, #program, #schedule, #admission, #experience, #access, #web_360, #champion) {
    padding-top: calc((44 / 375 * 100vw) + 25px);
    margin-top: calc((-44 / 375 * 100vw) - 25px);
  }

  .top_bg {
    height: 14vw;
    background-image: url(../images/common/top_bg.jpg);
    background-position: center center;
    background-size: cover;
  }

  .top_bg p.top_ttl {
    position: absolute;
    top: 4vw;
    width: 100%;
    font-weight: bold;
    font-size: 5vw;
    text-align: center;
    text-shadow: 3px 0 6px #000;
    color: #fff;
  }

  .top_bg2 {
    height: 14vw;
    background-image: url(../images/common/top_bg2.jpg);
    background-position: center center;
    background-size: cover;
  }

  .top_bg2 p.top_ttl {
    position: absolute;
    top: 4vw;
    width: 100%;
    font-weight: bold;
    font-size: 5vw;
    text-align: center;
    text-shadow: 3px 0 6px #000;
    color: #fff;
  }

  .conttl_bg {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 8vw;
    padding-inline: 22px;
    padding-block-end: 2px;
    background-image: url(../images/common/conttl_bg.jpg);
    background-size: cover;
  }

  .conttl_bg p.con_ttl {
    width: 100%;
    font-weight: bold;
    font-size: 5vw;
    color: #fff;
    }

  .conttl_bg p.con_ttl span {
    margin-left: 10px;
    vertical-align: middle;
    font-size: .5em;
  }

  .conttl_bg2 {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 8vw;
    padding-inline: 22px;
    padding-block-end: 2px;
    background-image: url(../images/common/conttl_bg2.jpg);
    background-size: cover;
  }

  .conttl_bg2 p.con_ttl {
    width: 100%;
    font-weight: bold;
    font-size: 5vw;
    color: #fff;
    }

  .conttl_bg2 p.con_ttl span {
    margin-left: 10px;
    vertical-align: middle;
    font-size: .5em;
  }

  .pan {
    margin-top: 4%;
  }

  .mb40 {
    margin-bottom: 3%;
  }

  .box {
    width: 100%;
    max-width: 640px;
    padding-bottom: 80px;
  }

  .con1 {
    padding-top: 12.9vw;
  }

  .sankaku,
  .sankaku_contact {
    display: none;
  }

  .inner02 {
    width: 94%;
    max-width: 600px;
  }

  .about_intro {
    margin-bottom: 4vw;
    padding: 0 2%;
    font-size: 3.8vw;
    text-align: left;
  }

  .about_txt p {
    font-size: 3.8vw;
    line-height: 1.8;
  }

  .long_txt_area .name {
    font-size: 4.8vw;
  }

  .sub_ttl {
    margin-bottom: 4vw;
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: 1px solid #7a7a7a;
  }

  .u_con {
    width: 100%;
    max-width: 640px;
  }

  .u_main {
    float: none;
    width: 100%;
    max-width: 640px;
    padding-bottom: 10%;
  }

  .left_img_area {
    float: none;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }

  .left_img_area img {
    display: block;
    width: 50%;
    margin: auto;
  }

  .right_txt_area {
    float: none;
    width: 100%;
    font-size: 3.8vw;
  }

  .trainer_box {
    float: none;
    padding: 6vw 0;
  }

  table.trainers_txt td {
    background: none;
  }

  .voice_box {
    float: none;
    padding: 6vw 0;
  }

  .t_left img {
    display: block;
    width: 50%;
    margin: auto;
  }

  span.mossa {
    margin-left: 0;
    vertical-align: middle;
    font-size: .7em !important;
  }

  .t_left {
    float: none;
    margin-right: 0;
    margin-bottom: 4%;
    border: none;
  }

  .t_right {
    float: none;
  }

  .t_top,
  .v_top {
    float: none;
    width: 100%;
    margin-top: 4%;
    margin-bottom: 2vw;
  }

  .class-blc .exp {
    font-size: 3.5vw;
  }

  .t_name	img {
    width: 5vw;
  }

  .t_name span,
  .t_name_v span {
    font-size: 4.8vw;
  }

  table.trainers_txt {
    width: 100%;
    font-size: 3.8vw;
  }

  table.trainers_txt th,
  table.trainers_txt td {
    box-sizing: border-box;
    display: block;
    width: 100%;
  }

  table.trainers_txt th {
    background-color: #f5f5f5;
  }

  .v_right {
    float: none;
    width: 100%;
  }

  .voice_area {
    float: none;
    width: 100%;
    font-size: 3.8vw;
  }

  .p_box {
    float: none;
    width: 100%;
    max-width: 640px;
    margin-bottom: 6%;
  }

  .p_ttl {
    margin-bottom: 2vw;
    padding: 2vw 0 1vw;
    font-size: 3.8vw;
    text-align: left;
    border-top: none;
  }

  .p_box:nth-child(even) {
    margin-left: 0;
  }

  .p_img {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 14px;
  }

  .p_img img {
    display: block;
    width: 50%;
    margin: auto;
  }

  .p_txt {
    float: none;
    width: 100%;
    font-size: 3.5vw;
  }

  .qa_area {
    font-size: 3.8vw;
  }

  .qa_area td.red_q1,
  .qa_area td.blue_a1 {
    padding: 2vw;
  }

  .red_q1 img,
  td.blue_a1 img {
    width: 3vw;
  }

  .qa_area td.red_q1,
  .qa_area td.blue_a1 {
    display: block;
  }

  .sche_txt_r {
    width: 94%;
    max-width: 600px;
    margin: auto;
    margin-top: 12px;
    padding-top: 4%;
    font-size: 15px;
    color: #d91119;
  }

  .sche_txt {
    width: 94%;
    max-width: 600px;
    margin: auto;
  }

  table.open th {
    display: block;
    width: 100%;
    max-width: 640px;
    margin: auto;
    margin-bottom: 18px;
    padding-right: 0;
    text-align: center;
  }

  table.open img {
    display: block;
    width: 80%;
    margin: auto;
  }

  table.open td {
    display: block;
    margin-left: 0;
    padding: 6px 0 6px 8px;
  }

  .map_ttl {
    position: absolute;
    bottom: 10vw;
    left: 6.5vw;
    padding: 26px;
    transition: .3s;
  }

  .ggmap {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
  }

  .ggmap iframe,
  .ggmap object,
  .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .gNav__list li.red {
    background-color: #9b090d;
  }

  .gNav__list li.red a {
    color: #fff;
  }

  ul.gNav_in {
    margin-left: 4vw !important;
  }

  ul.gNav_in li a {
    padding: 6px 10px !important;
  }

  /*アコーディオン*/
  ul.accordion_ul section h1,
  ul.accordion_ul dt {
    position: relative;
    padding: 12px 10px;
    cursor: pointer;
    color: #333;
  }

  section h1:before,
  ul.accordion_ul dt:before {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    background: #e6e6e6;
    content: "";
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  ul.accordion_ul section h1:after,
  ul.accordion_ul dt:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -13px;
    background: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  ul.accordion_ul section h1.active:before,
  dt.active:before {
    margin-top: -2px;
  }

  ul.accordion_ul section h1.active:after,
  ul.accordion_ul dt.active:after {
    margin-top: 3px;
  }

  ul.accordion_ul section li,
  ul.accordion_ul dd {
    padding: 8px 0 8px 24px;
    border-bottom: solid 1px #d6d6d6;
    background-color: #fdfdfd;
  }

  ul.accordion_ul section li a {
    position: relative;
    display: block;
    padding: 4px 10px !important;
  }

  ul.accordion_ul section li a:before {
    position: absolute;
    top: 50%;
    right: 17px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #e6e6e6;
    content: "";
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  ul.accordion_ul section li a:after {
    position: absolute;
    top: 50%;
    right: 22px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  ul.accordion_ul ul.accordion_ul li ul li a {
    padding: 0 !important;
  }

  /*QA*/

  /*===============================================================
    access
  ================================================================*/
  table.exp_area {
    width: 100%;
    max-width: 640px;
    font-size: 14px;
  }

  table.exp_area th {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }

  table.exp_area th img {
    width: 50px;
  }

  table.exp_area td {
    display: block;
    width: 100%;
    vertical-align: top;
  }

  .gold_txt {
    display: block;
    margin-bottom: 1vw;
    font-weight: bold;
    font-size: 1.3em;
  }

  .number {
    display: block;
    margin-bottom: 2%;
    font-size: 1.7em;
  }

  .btn_contact {
    float: none;
    margin-left: 0;
    padding-bottom: 10px;
  }

  .btn_contact a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 14px 0;
    font-size: 16px;
  }

  #access_place li {
    box-sizing: border-box;
    display: inline-block;
    width: 46%;
    margin: 2%;
  }

  #access_place li a {
    font-size: 0;
  }

  #access_place img {
    width: 100%;
  }

  #access_place li img {
    width: 100%;
  }

  #access_place li:nth-child(3n+2) {
    display: inline-block;
    margin: 2%;
  }

  .nyukai dl dt {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
  }

  .nyukai dl dd {
    box-sizing: border-box;
    width: 100%;
    border-left: none;
  }

  .nyukai dl dd ul {
    padding: 10px 10px;
  }

  .overview {
    width: 100%;
  }

  .overview th,
  .overview td {
    display: block;
    width: 98%;
    padding: 8px;
    border: none;
  }

  .overview .last-b {
    border-bottom: none;
  }

  /*===============================================================
    foot_bnr_area
  ================================================================*/
  .footer {
    padding: 8vw 0 8vw;
    border-top: 1px solid #605f5f;
  }

  .footerNav li {
    width: 100%;
    text-align: center;
  }

  .footerNav .foot_l {
    float: none;
    display: inline-block;
    padding: 2px 0 0 0;
    font-weight: bold;
    border-bottom: 2px solid #c3ab35;
    border-left: none !important;
  }

  .footerNav ul {
    float: none;
    width: 100%;
  }

  .footerNav ul:nth-child(1) {
    width: 100% !important;
    font-size: 1.3em;
  }

  .footerNav ul:nth-child(2) {
    width: 100% !important;
  }

  .footerNav ul:nth-child(3) {
    width: 100% !important;
  }

  .footerNav ul:nth-child(4) {
    width: 100% !important;
  }

  .footerNav ul:nth-child(5) {
    width: 100% !important;
  }

  .footerNav ul.foot_l_area li {
    margin-top: 0;
    line-height: 2.2;
  }

  .footerNav li ul {
    margin-left: 0 !important;
  }

  .footerNav li ul li {
    line-height: 2.2;
  }

  li.arrange_sp {
    float: left;
    width: 96vw;
    text-align: left;
  }

  li.arrange_sp a {
    float: left;
    display: block;
    width: 44%;
    padding: 14px 10px;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #252525;
  }

  li.arrange_sp a:nth-child(odd) {
    float: left;
    display: block;
    width: 41vw;
    padding: 14px 10px;
    border-right: 1px solid #252525;
    border-bottom: 1px solid #252525;
    border-left: 1px solid #252525;
  }

  li.arrange_sp a:nth-child(even) {
    float: left;
    display: block;
    width: 44%;
    padding: 14px 10px;
    border-left: none;
  }

  li.arrange_sp a:hover {
    text-decoration: none;
  }

  u.footerNav li ul {
    margin-left: 0 !important;
  }

  .foot_logo {
    text-align: center;
  }

  .foot_logo img {
    width: 110px;
  }

  .foot_logo2 {
    margin-top: 8vw;
    margin-bottom: 24px;
  }

  .foot_bnr_area ul {
    display: table;
    border-bottom: 1px solid #7f7e7d;
  }

  .foot_bnr_area li {
    display: table-cell;
    vertical-align: middle;
  }

  .foot_bnr_area img {
    width: 100%;
  }

  .footer_copy p {
    font-size: 1em;
  }
}

/*add 0721*/
.in_news_box_detail {
  display: block;
  width: 750px;
  padding-bottom: 40px;
}

.in_news_box_detail .txt_area {
  width: 714px;
}

.news_ttl_all {
  max-width: 738px;
  margin-bottom: 10px;
  padding: 16px 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  word-break: break-all;
  color: #fe700f;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.news_txt_all {
  width: 714px;
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.8;
  word-break: break-all;
  color: #080808;
}

.news_txt_all a {
  text-decoration: underline;
  color: #fe700f;
}

.news_txt_all a:hover {
  text-decoration: none;
}

.news_detail_top {
  text-align: right;
}

.mark {
  margin-bottom: 6px;
}

.news_img_area2 {
  position: relative;
  display: block;
  width: 714px;
  height: 100%;
  margin-bottom: 12px;
}

.in_news_box_detail .news_date {
  float: none;
  padding: 0 8px;
  color: #191819;
}

.in_news_box_detail p {
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
}

#sns_box {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

.top_news_img {
  position: relative;
  display: block;
  width: 328px;
  height: 200px;
  margin-bottom: 10px;
}

.top_news_img {
  position: relative;
  display: block;
  width: 328px;
  height: 200px;
  margin-bottom: 10px;
}

.top_news_img_in {
  display: block;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
}

/*みちのり*/
table.access_route {
  width: 100%;
}

table.access_route td {
  padding-bottom: 20px;
  font-size: 14px;
}

table.access_route td.txt {
  vertical-align: initial;
}

/*************:
協栄
***************/
.bar_kaikyu {
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  background-color: #2f2f2f;
}

.nav-license {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

ul.nav-license li {
  box-sizing: border-box;
  width: 18.5%;
}

ul.nav-license li a {
  display: block;
  padding: 12px 0;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border-radius: 10px 10px 0 0;
  background-color: #a0a0a0;
}

ul.nav-license li a:hover {
  background-color: #ff700e;
}

#Champ,
#Ranker,
#license_A,
#license_B,
#license_C {
  margin-top: -100px;
  padding-top: 100px;
}

p.taiken-menu {
  margin-bottom: 8px;
  line-height: 1.6;
}

p.taiken-menu span {
  display: inherit;
  margin-left: 14px;
}

@media (max-width: 640px) {
  table.access_route {
    width: 100%;
  }

  table.access_route td {
    display: block;
    width: 100%;
    padding-bottom: 2%;
    font-size: 14px;
  }

  table.access_route td.txt {
    margin-bottom: 4%;
    padding-left: 0;
    vertical-align: initial;
  }

  table.access_route img {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
  }

  .foot_bnr_area li {
    display: table-cell;
    width: 33.3%;
    vertical-align: middle;
  }
}

@media (max-width: 640px) {
  .in_news_box_detail {
    width: 100%;
    padding-bottom: 4vw;
  }

  .in_news_box_detail .txt_area {
    float: left;
    width: 98% !important;
    max-width: 600px;
    margin: auto;
  }
  #sns_box {
    float: none;
    padding-top: 10px;
    padding-right: 0;
  }
  #sns_box ul {
    float: right;
  }

  .news_img_area2 {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 6vw;
  }

  .news_img_area2 img {
    width: 100%;
  }

  .news_img_area2_in {
    display: block;
    height: 270px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .news_ttl_all {
    margin-bottom: 2vw;
    padding: 2vw 0;
    font-size: 4vw;
    word-break: break-all;
  }

  .news_txt_all {
    width: 100%;
    font-size: 3.5vw;
  }

  .sp_top_news_img_in {
    display: block;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /**/
  .price_bar {
    font-size: 3.8vw;
  }

  .adult_sc {
    margin-bottom: 6vw;
    font-size: 3.5vw;
  }

  .nyukai {
    font-size: 3.4vw;
    line-height: 1.6;
  }

  .nyukai dl dt span {
    display: block;
    padding: 2vw;
    font-weight: bold;
  }

  table.open {
    font-size: 3.5vw;
  }

  table.exp_area tr {
    padding: 4vw 0;
  }

  p.contact_txt {
    font-size: 3.5vw;
    line-height: 1.4;
  }

  form .btns button {
    padding: 3vw 10vw;
    font-size: 3.8vw;
  }

  form .btns button:first-child {
    margin-bottom: 2vw;
  }

  .voice_area dd {
    padding: 2vw 0 2vw 2vw;
    font-size: 3.5vw;
    line-height: 1.7;
  }

  .voice_area dt {
    padding: 8px 4px;
  }

  #scedule img {
    width: 100%;
  }

  /*20170404*/
  .form input.min {
    width: 15vw;
  }

  .form-outro {
    margin-top: 6vw;
  }

  .top_bnr_area {
    margin-top: 5vw;
  }

  .bx-wrapper .bx-pager {
    bottom: -4vw!important;
  }

  /*201708023*/
  .class-blc .left-txt {
    width: 100%;
    margin-right: 0;
  }

  .class-blc .right-img {
    width: 100% ;
    margin: 0 auto;
  }
}

/* 翻訳
*********************************/
/*--lang.css--*/
/* Google Translate */
#gTransWrap { float: right; width: 335px; margin: 10px 0 0; }
a.gflag {padding:1px 0;background-repeat:no-repeat;background-image:url(../images/flags.png); display: block; float: left; width: 24px; height: 24px; margin: 3px 4px 0; }
a.gflag.english { background-position: 0 50%; }
a.gflag.chinese { background-position: 0 4px; }
a.gflag.spanish { background-position: 0 -49px; }
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element {display:none!important;}
/* Select Box */
.dd-container { display: block; float: right; position: relative; }
.dd-select { height: 31px; line-height: 31px; font-weight: 700; color: #fff; text-indent: 10px; cursor: pointer; }
.dd-select a,
.dd-select a:visited { color: #fff; }
.dd-select a label { height: 31px; font-weight: 700; color: #fff; line-height: 31px; }
ul.dd-options { list-style: none outside none; background: rgb(27, 88, 167); position: absolute; z-index: 999; margin: 0; padding: 0; }
 ul.dd-options li { margin: 0 4px 3px; display: block; overflow: hidden; clear: both; line-height: 26px; height: 26px; cursor: pointer; }
 ul.dd-options li a { display: block; height: 26px; line-height: 26px; }
 ul.dd-options li a label { font-size: 12px; color: #fff; font-weight: 700; padding: 0px 6px; display: block; height: 31px; line-height: 29px; cursor: pointer; }
 ul.dd-options li a:hover label { color: #000; }
 ul.dd-options li:hover a,
 ul.dd-options li a:hover{ background: #f8ad27;text-decoration: none; }
/*--/lang.css--*/

/*add 4.26*/
select.bg-white {background-color: #fff;width: 112px;float: right;margin-left: 6px;height: 22px;appearance:normal !important;-webkit-appearance: normal !important;}
.top_contact {float: right;line-height: 2.1;}
.goog-te-combo, #google_translate_element2 { display: none; }
.find {line-height: 2.2;}

@media (max-width: 640px) {
  .find {
    float: left;
    line-height: 1.5;
  }
  .inq {
    float: right;
    line-height: 1.5;
  }

  /*===============================================================
    スライダー
  ================================================================*/
  .bx-wrapper .bx-viewport {
    left: 0!important;
  }

  .bx-wrapper .bx-controls-direction a {
    z-index: 1000;
  }
}

/*===============================================================
  footer 翻訳エリア
================================================================*/
@media (max-width: 640px) {
  .footer .inner {
    width: 100%;
  }

  #head_translate {
    background-color: #f8f8f8;
  }

  #head_translate-inner {
    box-sizing: border-box;
    width: 72vw;
    margin: 0 auto;
    padding: 4vw 2vw;
  }

  #head_translate-inner select.bg-white {
    width: 60%;
  }

  #foot_translate {
    background-color: #f8f8f8;
  }

  #foot_translate-inner {
    box-sizing: border-box;
    width: 80vw;
    margin: 0 auto;
    padding: 4vw 0;
  }

  #foot_translate-inner select.bg-white {
    width: 64%;
  }
}


/*===============================================================
SP下部固定
================================================================*/
@media (max-width: 640px) {
  .footer_copy {
    padding-bottom: 15vw;
  }

  ul.under-nav {
    position: fixed;
    bottom: 0;
    z-index: 9998;
    width: 100%;
    font-size: 0;
  }

  ul.under-nav li {
    display: inline-block;
    width: 50%;
  }

  ul.under-nav li a {
    display: block;
    padding: 3vw 0;
    font-size: 4vw;
    text-align: center;
    color: #fff;
  }

  ul.under-nav li a.c-free-t {
    background-color: #00b901;
  }

  ul.under-nav li a.c-youtube {
    background-color: #c4302b ;
  }
}