@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* =======================================

    ボディ共通定義

 * ======================================= */
body {
  background: #ffffff;
  font-family:'Noto Sans JP', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.container {
  min-width:1180px;
}

@media screen and (max-width: 736px) {

  .container {
    min-width:inherit;
    width:100%;
  }
}



.main-conts {
  margin-bottom:10px !important;
}
.col2r .sub-conts {
  width:270px;
}
.col2r .main-conts {
    float: right;
    width: calc( 100% - 320px);
}
@media screen and (max-width: 736px) {

  .col2r .sub-conts {
      float: none;
      width: 95%;
      margin:0 auto;
  }

  .col2r .main-conts {
      float: none;
      width: 95%;
      margin:0 auto;
  }
}

.hr-01{
  height:5px;
  width:100%;
  background:#000000;
  margin:10px 0;
}

.hr-02{
  height:5px;
  width:100%;
  background:#000000;
}

.bold {
  font-weight:bold !important;
}
.red {
  color:red;
}
.uline {
  text-decoration:underline;
}

input.textform-full,
textarea.textform-full {
  width: 100%;
}

input.textform-100,
textarea.textform-100 {
  width: 100%;
  max-width:100px;
}
input.textform-200,
textarea.textform-200 {
  width: 100%;
  max-width:200px;
}
input.textform-400,
textarea.textform-400 {
  width: 100%;
  max-width:400px;
}
/* =======================================

    ヘッダ

 * ======================================= */

 .site-header {
   width: 100%;
 }

 .site-header:after {
   height:0;
   background:inherit;
 }

.site-header-in {
  width:1170px;
  height:70px;
}

.site-header-conts {
  padding:0;
}

.site-title {
  text-align: left;
  margin: 0 0 0 5px;
  padding-top: 5px;
  float:left;
  width:190px;
  height:auto;
}

.site-header-buttonarea {
  float:right;
  display: flex;
  font-size: 0;
  position: relative;
  margin-right: 18px;
  gap: 0 23px;
  align-items: flex-end;
}

.h-button01 {
  color:#fff;
  background-color:#d70c19;
  padding:10px 0;
  font-size:16px;
  line-height:20px;
  text-align: center;
  width:180px;
  margin-top:13px;
  border: 1px solid #d70c19;
  font-weight: bold;
}

.h-button01:hover {
  color: #d70c19;
  background: white;
}

.top-ondemand_member:hover{
  background: #fff;
}

.top-ondemand_member p:hover{
  color: #d70c19;
}

.top-ondemand_trainer:hover{
  background: #fff;
}
.top-ondemand_trainer p:hover{
  color: #1D2088;
}

.h-button01  i {
  font-size: 1.3em;
  padding-right: 5px;
}

.h-button02 {
  font-size: 40px;
  margin-top: 5px;
  display:none;
  cursor:pointer;
}


.site-header-buttonarea > a.odm_headbutton {
  margin-right: 30px;
}

.site-header-buttonarea > a.odm_headbutton:nth-child(1) {
  margin-right: 10px;
}

.site-header-buttonarea > a.custom-btn {
    display: inline-block;
    vertical-align:top;
    margin-right: 10px;
}

.site-header-buttonarea > a.custom-btn:nth-child(2) {
    margin-right: 0;
}

.site-header-buttonarea .header_snsbtns {
  display: flex;
  align-items: center;
  gap: 23px;
}

.site-header-buttonarea  a.header_sns-btn {
  display: block;
  max-width: 45px;
}

.site-header-buttonarea  a.header_sns-btn img {
  width: 100%;
  height: auto;
}

.move-head{
    background-color: #FFF;
    /* position: fixed; */
    z-index: 998;
    width: 100%;
  }
  .move-head2{
    background-color: #FFF;
    /* position: fixed; */
    z-index: 999;
    top: 65px;
  }

  .HP-header {
    position: fixed;
    top: 0;
    z-index: 999;
    transition: 0.5s;
  }

  @media screen and (max-width: 480px) {
    .move-head2{
    top: 0;
    position: relative;
    }
    .move-head{
    /* position: static; */
    top: 0;
    }
    
    .site-header-buttonarea a.header_sns-btn {
      max-width: 40px;
    }
  }




@media screen and (max-width: 736px) {
  .site-header {
     min-width: inherit;
     /* width:auto; */
  }

  .HP-header.hide {
    transform: translateY(-100%);
  }

  .site-header-in {
    width:auto;
  }

  .site-header-buttonarea {
    margin-right: 10px;
  }



  .h-button01, .odm_headbutton {
    display:none !important;
  }

  .h-button02 {
    display:block;
  }

}

@media screen and (max-width: 480px) {
  .site-title {
    padding: 15px 5px 0;
    max-width: 160px;
    width: 30%;
  }

  .site-header-buttonarea {
    gap: 0 17px;
  }

  .site-header-buttonarea .header_snsbtns {
    margin-bottom: 5px;
  }
}

/* =======================================

    ナビゲーションメニュー

 * ======================================= */

.global-nav {
  background:#333333;
  border-bottom: 1px white solid;
}

.global-nav-in {
/*  width:1170px; */
  width: 100%;
}

.global-nav-in ul {
  position: relative;
  font-size:0;
  text-align: center;
}

.global-nav-in li {
  display:inline-block;
  border-left: 1px solid #ffffff;
}

.global-nav-in li:last-child {
  border-right: 1px solid #ffffff;
}

.global-nav-in li a {
  color:#ffffff;
  font-size:15px;
  padding: 15px 30px; /* 変更 */
  height:20px;
}

.global-nav-in li a:hover {
  color:#ffffff;
  background-color:#d70c19;
  opacity:1;
}

#custom-nav-sp {
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width: 100%;
/*  margin-top:68px; */
}

#custom-nav-menu {
  list-style:none;
  background-color: rgba(0,0,0,0.8);
  margin:0;
  padding:0;

}

#custom-nav-menu li {
  margin:0;
}

#custom-nav-menu li a,
#custom-nav-menu li a:hover{
  font-size: 16px;
  font-weight:normal;
  color: #ffffff;
  padding: 12.5px 0 12.5px 30px;
  text-decoration: none;
  text-align: left;
  display: block;

}

#custom-nav-menu li a {
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

#custom-nav-menu li a:hover{
  background-color: rgba(200,0,0,1);
}


.custam-nav-li-red {
  padding-top: 15px;
  padding-bottom: 30px;
}
.custam-nav-li-red a,
.custam-nav-li-red a:hover{
  margin: 0 auto;
  width:75%;
  background-color:rgba(200,0,0,8);
  text-align: center !important;
  padding: 12.5px 0 !important;
  box-sizing:border-box;
}

@media screen and (max-width: 1360px) {
  .global-nav-in li a {
    padding: 15px 16px;
  }
}

@media screen and (max-width: 1030px) {
  .global-nav-in li a {
    padding: 10px 10px;
    font-size: 12px;
  }
}

@media screen and (min-width: 737px) {
  #custom-nav-menu {
    display:none;
  }
}


@media screen and (max-width: 736px) {

  .global-nav {
    display:none;
  }

  #custom-nav-sp {
    position: fixed;
    top: 70px;
  }

}

/* =======================================

    トップページ・ヘッダ画像

 * ======================================= */
.main-image {
  border-bottom:none;
  margin-bottom: -24px;
}

.main-image-in {
  width:100%;
  margin-top: 115px;
}
@media screen and (max-width: 736px) {
  .main-image-in {
    margin-top: 70px;
  }
}
/* =======================================

    トップページ・ボディ共通

 * ======================================= */

 .main-body {
   background:#ffffff;
   min-width:1180px;
   padding-bottom:10px;
 }
@media screen and (max-width: 736px) {

 .main-body {
   background:#ffffff;
   min-width:0;
   width: 100% ;
   padding-bottom:10px;
   margin-top: 0px;
 }

}

.section-wrap {
  margin-bottom:0;
}

/* =======================================

    パンくずメニュー

 * ======================================= */

.breadcrumbs-in {
  margin:0;
}

/* =======================================

    カスタムボトムメニュー（固定ページ）

 * ======================================= */
.custom-bottommenu {
  width:100%;
  background-color:#eeeeee;
  padding-top: 10px;
 }

.custom-bottommenu-in {
  width:1050px;
  margin: 0 auto;
  position:relative;
 }

.bottommenu-btn,
.bottommenu-btn:hover {
  background-color: #333333;
  color: #ffffff;
  font-size: 18px;
  line-height: 70px;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
}

.bottommenu-btn:hover {
  background-color:#d70c19;
}

.bottommenu-btn i{
  vertical-align: middle;
  margin-right: 0.5em;
}

.bottommenu-btn.disable,
.bottommenu-btn.disable:hover {
    background: lightgray;
    line-height: 20px;
    height: 55px;
    padding-left: 30px;
    padding-top: 15px;
}

.bottommenu-btn.disable:after {
  display:none;
}

.bottommenu-btn.disable i {
    vertical-align: 0px;
    margin-right: 0;
    position: absolute;
    top: 18px;
    left:20px;
}

@media screen and (max-width: 736px) {
  .custom-bottommenu-in {
    width: 94%;
    margin: 0 auto;
    position: relative;
    padding: 0 3%;
    float: left ;
    text-align: center;

  }
  .bottommenu-btn,
  .bottommenu-btn:hover {
    margin-left:0;
    margin-right:0;
    text-align: left;
    padding-left: 1em;
  }

  .bottommenu-btn.disable, .bottommenu-btn.disable:hover {
    padding-left: 4em;
  }
}


/* =======================================

    オリジナルフッタ

 * ======================================= */
.custom-footer {
  width:100%;
 }
.custom-footer-in {
  width:1050px;
  margin: 0 auto;
  position:relative;
 }

.custom-footer-infoarea{
   width:100%;
   font-size:0;
   position:relative;
   margin-bottom:10px;
 }

/*
.custom-footer-infoarea > div {
   display:inline-block;
   vertical-align:top;
   font-size:14px;
   width:350px;
   height:175px;
 }
.custom-footer-infoarea > .companyinfo,
.custom-footer-infoarea > .schoolinfo {
  text-align:right;
}


.custom-footer-infoarea .telinfo .companyname,
.custom-footer-infoarea .telinfo .time,
.custom-footer-infoarea .telinfo .phone, {
  margin-left:15px;
}

*/

.telinfo .companyname {
  font-size:16px;
  font-weight:bold;
}
.telinfo .time{
  font-size: 16px;
}
.telinfo .phone {
  font-size: 16px;
}
.telinfo .phone-no{
  font-size:24px;
  vertical-align:bottom;
}

#footer-btn01 {
  color:#fff;
  background-color:#d70c19;
  padding:10px 0;
  font-size:16px;
  text-align: center;
  width:270px;
  line-height: 30px;
  border: 1px solid #d70c19;
}
#footer-btn01:hover {
  color:#d70c19;
  background:#ffffff;
}



.custom-footer-picbutton{
  display:block;
}
a.custom-footer-picbutton img {
    width: 330px;
}

.custom-footer-nav {
  margin: 0 auto;
  padding: 0;
  text-align: right;
  list-style: none;
}
.custom-footer-nav li {
  display:inline-block;
  margin-left:1em;
}
/* .custom-footer-nav li:last-child {
  margin-left:0;
}
.custom-footer-nav li:nth-child(3) {
  margin-left:0;
} */

.custom-footer-nav a{
  color:inherit;
  font-size:14px;
  text-decoration:none;
}

.custom-footer-nav a:hover {
  color:#d70c19;
}

@media screen and (max-width: 736px) {
 .custom-footer-in {
    width: 94%;
    margin: 0 auto;
    position: relative;
    padding: 0 3%;
    float: left ;
 }

 #footer-btn01 {
    color: #fff;
    background-color: #d70c19;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
 }

  #footer-btn01:hover {
    color: #fff;
    background-color: #d70c19;
  }


 .custom-footer-infoarea > div {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 100%;
    display: inline-table;
 }
 .companyinfo img, .schoolinfo img {
    width: 100%;
 }
 .companyinfo, schoolinfo {
    text-align: center;
    width: 100%;
 }
 .custom-footer-in {
    width: 94%;
    margin: 0 auto;
    position: relative;
    padding: 0 3%;
    float: initial;
 }
 .telinfo p {
 }

 #custom-footer-picbutton1{
   margin-right:5px;
 }

#custom-footer-picbutton2{
   margin-left:5px;
 }

 .custom-footer-nav li {
   text-align:left;
   display:block;
   margin-left:0;
 }

}

/* =======================================

    フッタ

 * ======================================= */
@media screen and (max-width: 736px) {

   .copyright {
      text-align:center;
   }
   .copyright small {
      font-size:12px;
   }
}

/* =======================================

    ブログのジャンルラベル

 * ======================================= */
span.pagelabel {
  font-size: 12px;
  color: #c80000;
  margin: 0 20px;
  border: 2px solid #c80000;
  /* padding: 2px 20px; */
  min-width: 80px;
  display: inline-block;
  text-align: center;
}


span.pagelabel a {
  color:#c80000;
  text-decoration: none;
  display: block;
}

span.pagelabel a:hover {
  color:#ffffff;
  background:#c80000;
}

/* =======================================

    ページャー

 * ======================================= */
.custom-pager {
  text-align:center;
  font-size:14px;
}
.custom-pager a,
.custom-pager a:hover {
  text-decoration:none;
}
.custom-pager .page-numbers {
  color:inherit;
  background-color:inherit;
  border:1px solid #d70c19;
  display: inline-block;
  padding: 5px 12px;
}

.custom-pager .current {
  color:inherit;
  background-color:#f3f3f3 !important;
  border:none !important;
  padding: 7px 12px;
}

/* =======================================

    個別投稿ページ(カスタム投稿）

 * ======================================= */
.single-timecategory {
  text-align:right;
  font-size:16px;
}
.single-timecategory a,
.single-timecategory a:hover {
  text-decoration:none;
}
/* =======================================

  スライダーのカスタマイズ

* ======================================= */
.flex-active {
  color: #c80000 !important;
  background: #c80000 !important;
}

.flex-control-nav {
  display:none;
}

@media screen and (max-width: 736px) {
  .flex-control-nav {
    display:block;
  }
}

/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align1{text-align:center !important} /* 中央寄せ */
.align2{text-align:right !important}  /* 右寄せ */
.align3{text-align:left !important} /* 左寄せ */

/* ----------------------------------------------------------------------
 float - 回り込み
---------------------------------------------------------------------- */
.r-flo{float:right;margin:10px} /* 右に回り込み */
.l-flo{float:left;margin:10px}  /* 左に回り込み */
.f-clear{clear:both}      /* 回り込みの解除 */

/* ----------------------------------------------------------------------
 hover - 画像リンクマウスオーバー時の不透明度
---------------------------------------------------------------------- */
a img.fade { background:none !important; outline:none; -webkit-transition:all .3s; transition:all .3s; }
a:hover img.fade { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; background:none !important; }
/* ----------------------------------------------------------------------
 text-style - テキストスタイル
---------------------------------------------------------------------- */
.att {padding-left:1em;text-indent:-1em;} /* 注意書き等で二行目以降を字下げ */
.att_box { margin:2em 0 2.5em; padding:1em 1.2em; line-height:2.0; border:1px dotted #cccccc; background:#fcfcfc; box-shadow:0px 4px 0px 0px #f7f7f7; } /* テキストボックス */

/* ----------------------------------------------------------------------
 margin - 要素の外側の余白
---------------------------------------------------------------------- */
.m0{margin:0 !important}    /* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}   /* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}   /* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}  /* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}    /* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mt70{margin-top:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

.m100{margin:100px !important}
.mt100{margin-top:100px !important}
.mr100{margin-right:100px !important}
.mb100{margin-bottom:100px !important}
.ml100{margin-left:100px !important}

.m150{margin:150px !important}
.mt150{margin-top:150px !important}
.mr150{margin-right:150px !important}
.mb150{margin-bottom:150px !important}
.ml150{margin-left:150px !important}

/* 背景色 */
.bg_black {
    background: #333333;
    color: #fff;
}

/* ----------------------------------------------------------------------
 padding - 要素の内側の余白
---------------------------------------------------------------------- */
.p0{padding:0 !important}   /* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}    /* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}  /* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important} /* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}   /* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}

.p20{padding:20px !important}
.pt20{padding-top:20px !important}
.pr20{padding-right:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}

.p30{padding:30px !important}
.pt30{padding-top:30px !important}
.pr30{padding-right:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}

.p40{padding:40px !important}
.pt40{padding-top:40px !important}
.pr40{padding-right:40px !important}
.pb40{padding-bottom:40px !important}
.pl40{padding-left:40px !important}

.spacer10 {
	display: table ;
	width: 100% ;
	height: 10px ;
}
.spacer20 {
	display: table ;
	width: 100% ;
	height: 20px ;
}
.spacer30 {
	display: table ;
	width: 100% ;
	height: 30px ;
}
.spacer40 {
	display: table ;
	width: 100% ;
	height: 40px ;
}
.spacer50 {
	display: table ;
	width: 100% ;
	height: 50px ;
}
.spacer60 {
	display: table ;
	width: 100% ;
	height: 60px ;
}
.spacer70 {
	display: table ;
	width: 100% ;
	height: 70px ;
}
.spacer80 {
	display: table ;
	width: 100% ;
	height: 80px ;
}
.spacer90 {
	display: table ;
	width: 100% ;
	height: 90px ;
}
.spacer100 {
	display: table ;
	width: 100% ;
	height: 100px ;
}
/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text70{font-size:70%}      /* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.font12{font-size:12px}
.font13{font-size:13px}
.font14{font-size:14px}
.font15{font-size:15px}
.font16{font-size:16px}
.font17{font-size:17px}
.font18{font-size:18px}
.font19{font-size:19px}
.font20{font-size:20px}
.font21{font-size:21px}
.font22{font-size:22px}
.font23{font-size:23px}
.font24{font-size:24px}
.font25{font-size:25px}
.font26{font-size:26px}
.b{font-weight:700}     /* 太字 */
.u{text-decoration:underline}     /* 下線 */
.del{text-decoration:line-throug} /* 打ち消し線 */


/* ELEMENT */

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-13 {
    width: 100%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 65%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-trl.col-sm-12.col-lg-12.mt60.mb60 {
    margin-left: 16%;
  }
  .col-sm-12.col-lg-001 {
    float: left;
  }

/* 店舗名*/
  .each-shop {
    margin-bottom: 3%;
  }
  .shop-name {
    text-align: center;
    font-size: 21px;
    display: inline-block;
    text-align: center;
    width: 100%;
    background: #8e8e8e;
    color: #fff;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .shop-border {
    border-bottom: solid 2px;
    border-bottom-color: red;
    width: 22%;
    margin-left: 39%;
  }
@media screen and (max-width: 736px) {
    .col-trl.col-sm-12.col-lg-12.mt60.mb60 {
      margin-left: 0;
    }
    .shop-name {
      text-align: center;
      font-size: 18px;
    }
    .shop-border {
      border-bottom: solid 1px;
      border-bottom-color: red;
      width: 35%;
      margin-left: 32%;
    }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-13 {
    width: 45%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 50%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }

}

/* Hタグ */
h2.h2,
h1.store-title {
    background: initial;
    color: #000;
    text-align: center;
    font-size: 34px ;
    margin-top:0;
}
h2.h2:first-letter,
h1.store-title:first-letter {
    color: #ff0000;
}
h2.h2 span,
h1.store-title span {
  display: inline-block;
}

h3.h3 {
    margin: 20px 0;
    background: initial;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    font-size: 31px;
    font-weight: initial;
    font-size: 36px ;
}
h3.h3 span{
    border-bottom: 3px solid #ff0000;
    padding-bottom: 5px;
    line-height: 2.2;
}

h5.h5 {
    font-weight: bold;
    font-size: 16px;
    color: #d70c19;
    margin-top:0;
}

@media only screen and (max-width:480px){
  .shop-border {
      border-bottom: solid 1px;
      border-bottom-color: red;
      width: 52%;
      margin-left: 24%;
  }
  .shop-name {
      text-align: center;
      font-size: 15px;
  }

  h2.h2,
  .main-body h1.store-title {
    font-size: 28px ;
  }

  h3.h3 {
    margin: 15px 0;
    font-size: 22px;
  }

  .breadcrumbs-in li {
    font-size:13px;
  }
}



/* リンク */
/* フキダシ */
.btn-more-link1 {
    position: relative;
    display: inline-block;
    padding: 7px 15px 0;
    width: auto;
    min-width: 200px;
    height: 40px;
    line-height: 34px;
    color: #19283C;
    text-align: center;
    background: #F6F6F6;
    border: 3px solid #d70c19;
    z-index: 0;
}

.btn-more-link1.linex2 {
  height: 70px;
  line-height:30px;
}

.btn-more-link1:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #F6F6F6 transparent transparent transparent;
	z-index: 0;
}
.btn-more-link1:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #d70c19 transparent transparent transparent;
    z-index: -1;
}
.btn-more-link1:hover {
	color: #000 ;
}
p.btn-more-link1 a {
    text-decoration: none;
    color: #d70c19;
    font-weight: 700;
}

p.btn-more-link2 a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}
.btn-more-link2 {
    position: relative;
    display: inline-block;
    padding: 7px 15px 0;
    width: auto;
    min-width: 200px;
    height: 40px;
    line-height: 34px;
    /* color: #fff; */
    text-align: center;
    background: #333333;
    border: 3px solid #333333;
    z-index: 0;
}

.btn-more-link2.linex2 {
  height: 70px;
  line-height:30px;
}

/* リンク */
/* フキダシ */
.btn-more-link_f {
    position: relative;
    display: inline-block;
    padding: 7.5px 15px;
    min-width: 170px;
    width: 78%;
    height: 40px;
    line-height: 40px;
    color: #19283C;
    text-align: center;
    background: #F6F6F6;
    border: 3px solid #d70c19;
    z-index: 0;
}

.btn-more-link_f.linex2 {
  height: 40px;
  line-height:40px;
}


.btn-more-link_f:hover {
	color: #000 ;
}
p.btn-more-link_f a {
    text-decoration: none;
    color: #d70c19;
    font-weight: 700;
}

p.btn-more-link_f2 a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}
.btn-more-link_f2 {
    position: relative;
    display: inline-block;
    padding: 7.5px 15px;
    min-width: 170px;
    width: 78%;
    height: 40px;
    line-height: 40px;
    /* color: #fff; */
    text-align: center;
    background: #d70c19;
    border: 3px solid #d70c19;
    z-index: 0;
}


/*************/
/* リンクCSS */
/*************/
#linkmenu {
    width: 90%;
    background: #faeeee;
    padding: 3% 5%;
    margin: 20px 0;
    /* display: -webkit-box; */
    text-align: center;
}
#linkmenu ul{
	margin: 0;
	padding :0;
	display: table;
        font-size:0;
}
 #linkmenu li{
  display: table-cell;
  padding: 10px;
  margin: 0;
  float: left;
  font-weight: bold;
 }
#linkmenu li p.linkmenu-text {
  display:table;
  font-size:0;
}
#linkmenu li a {
    color: #000000;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    display: table-cell;
    width: 100%;
}

#linkmenu li p.linkmenu-text:before {
    position: relative;
    display: table-cell;
    width: 5%;
    font-family: "FontAwesome";
    content: "\f107";
    padding-right: 20px;
    color: #d70c19;
    font-size: 17px;
    vertical-align: middle;
 }
 #linkmenu li a:hover{
  color: #d70c19;
 }

@media only screen and (max-width: 768px) {
 #linkmenu li{
   text-align:left;
   width:100%;
 }

}



/**************************/
/* ページトップ リンクCSS */
/**************************/
 .page-top-link {
 text-align: right;
 margin-bottom: 20px;
}
 .page-top-link a{
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  position:relative;
  padding-left: 1em;
  text-decoration: none;
 }
 .page-top-link a:after {
  position: absolute;
  left:0;
  top: 50%;
  margin-top: -12px;
  font-size: 16px;
  font-family:"FontAwesome";
  content: "\f106";
  color: #d70c19;
 }
 .page-top-link a:hover{
  color: #d70c19;
 }
/**************************/
/* 別ページ リンクCSS */
/**************************/
.page-link {
 text-align: left;
 margin-bottom: 5px;
 padding: 10px 0 ;
}
 .page-link a{
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  position:relative;
  padding-left: 1em;
  text-decoration: none;
 }
 .page-link a:after {
  position: absolute;
  left:0;
  top: 50%;
  margin-top: -12px;
  font-size: 16px;
  font-family:"FontAwesome";
  content: "\f105";
  color: #d70c19;
 }
 .page-link a:hover{
  color: #d70c19;
 }
 div.yotuya-link {
    margin-bottom: 20px;
    color: white;
    text-align: center;
    padding: 0;
    font-size: 17px;
    display: inline-block;
    width: 100%;
 }
 .yotuya-link a {
    width: 100%;
    display: block;
    padding: 20px;
    background: #0f255f;
       box-sizing: border-box;
 }
 .yotuya-link a:hover {
    width: 100%;
    display: inline-block;
    padding: 20px;
    background: #333333;
 }
 div.yotuya-link02 {
  margin-bottom: 0px;
  margin-top: 35px;
  /* background-color: blue; */
  background-color: inherit;
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 17px;
 }
 div.yotuya-link a {
  color: white;
  text-decoration: blink;
 }
 div.yotuya-link02 {
    margin-bottom: 20px;
    color: white;
    text-align: center;
    padding: 0;
    font-size: 17px;
    display: inline-block;
    width: 95%;
 }
 .yotuya-link02 a,
 .trainer-btn {
    width: 100%;
    display: inline-block;
    padding: 20px;
    background: #0f255f;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
 }
 .trainer-btn {
  text-align: center;
  display: inline-block!important;
  box-sizing: border-box;
 }
 .yotuya-link02 a:hover {
    width: 100%;
    display: inline-block;
    padding: 20px;
    background: #333333;
 }
 div.other-link{
  text-align: center;
  background: lightpink;
  padding: 10px 0;
  margin-top: 20px;
    display: inline-block;
    width: 100%;
 }
 div.other-link a{
  color: black;
  text-decoration: blink;
 }
 div.other-link01{
  display: inline-block;
  padding: 0 1em;
 }
 div.other-link02{
  display: inline-block;
  width: 19%;
 }
 div.other-link03{
  display: inline-block;
  width: 19%;
 }
 div.other-link04{
  display: inline-block;
  width: 19%;
 }
 div.other-link05{
  display: inline-block;
  width: 19%;
 }

 /* テーブルCSS
--------------------------------------------------------------------------------- */
table.table01,
table.table02 {
 margin-bottom: 30px;
}

table.table01 { width: 100%; font-size: 15px; }
.table01 th, .table01 td { padding: 10px; border: 1px solid #ddd; }
.table01 th { background: #f3f3f3; }


/*----------------------------------------------------
.table01
----------------------------------------------------*/
.table01 th { width: 15%; text-align: center; font-weight: initial; }

@media only screen and (max-width:480px){
    .table01 { margin: 0 -10px; }
    .table01 th,
    .table01 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .table01 tr:first-child th { border-top: 1px solid #ddd; }

   div.other-link01 {
      display: inline-block;
      width: 32%;
   }
   div.yotuya-link02 {
    width: 90%;
   }
}

table.table02 { width: 100%; }
.table02 th, .table02 td { padding: 10px; border: 1px solid #ddd; }
.table02 th { background: #fdfded; }


/*----------------------------------------------------
    .demo02
----------------------------------------------------*/
.table02 th { width: 13%; background:#f0ffd8; }
.table02 td { text-align: center; }
.table02 td:first-child { text-align: left; background: #fdfded; }
.table02 th:first-child { text-align: left; background: #fdfded; }

@media only screen and (max-width: 768px) {
table.table02 {
    font-size: 8px;
}
   div.other-link01 {
      font-size: 13px ;
   }
.table02 th, .table02 td { padding: 10px 5px; border: 1px solid #ddd; }
/*
    .table02 {
        display: block;
        width: 100%;
        margin: 0 -10px;
    }
    .table02 thead{
        display: block;
        float: left;
        overflow-x:scroll;
    }
    .table02 tbody{
        display: block;
        width: auto;
        overflow-x: auto;
        white-space: nowrap;
    }
    .table02 th{
        display: block;
        width:auto;
        font-size: 90%;
    }
    .table02 tbody tr{
        display: inline-block;
        margin: 0 -3px;
    }
    .table02 td{
        display: block;
        font-size: 90%;
    }
*/
.table02 th { width: 13%; background:#f0ffd8; }
.table02 td { text-align: center; }
.table02 td:first-child { text-align: left; background: #fdfded; }
.table02 th:first-child { text-align: left; background: #fdfded; }
}

/* hr */
.hr-1{
    border-top:dotted 1px #424242;
    height:0px;
}
.hr-2{
    border-top: 1px #424242;
    height:0px;
}


/********************************/
/* 固定ページ　問合せボタン CSS */
/********************************/

a.h-button01 {
    /* padding: 20px 40px; */
}

div#contact-box {
    width: 100%;
    display: inline-table;
    text-align: center;
}
div#contact-box-button {
    display: inline-table;
    padding: 40px 0;
    margin: 0 auto;
    width: 100%;
    border: 2px solid #0f255f;
    text-align: center;
}


.custom-btn {
  display:block;
  text-decoration:none;
  position:relative;
}

.custom-btn:after {
  font-family: 'FontAwesome';
  content:'\f054';
  position: absolute;
  right: 10px;
  /* top: auto; */
  top: 50%;
  bottom:auto;
  transform: translateY(-50%);
}

.metaslider .flexslider {
/*  margin:0 !important; */
    margin-top: 24px !important;
}

@media screen and (max-width: 736px) {
  .metaslider .flexslider {
  /*  margin-bottom:40px !important; */
  }
}

.section-wrap {
  width:100% !important;
}

.pc-only {
  display:inherit;
}

.sp-only {
  display:none;
}

@media screen and (max-width: 736px) {

  .pc-only {
    display:none;
  }

  .sp-only {
    display:inherit;
  }

}

.float-right-to-left {
  float:right;
  text-align:center;
}
.float-right-to-left img {
  vertical-align:top !important;
}

.left-text-col6 {
  width:46%;
  margin-bottom:1em;
  padding-top:1em;
}

.left-text-col7 {
  width:55%;
  margin-bottom:1em;
}

.mt0to30 {
  margin-top:0;
}

.full-btn1,
.full-btn1:visited  {
  color:#fff;
  background-color:#0f255f;
  font-size:18px;
  line-height:36px;
  text-align: center;
  width:70%;
  margin: 0 auto;
  padding: 30px 10px;
}

.full-btn1:hover {
  background: #d70c19;
  color: #ffffff;
}

.pmbadd > p {
  margin-bottom:1em;
}

div#top-movie {
    text-align: center;
    padding-bottom: 80px;
}

.content1000 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
div#top-movie div.movie-box {
    position: relative;
    width: 840px;
height: 472px;
    margin: 20px auto 40px auto;
}

div#top-movie p.movie-text {
    text-align: left;
}

.inblock-wrap {
    position: relative;
    width: 100%;
    font-size: 0;
}

.inblock-wrap > * {
   font-size:1rem;
   display: inline-block;
   position:relative;
   vertical-align:top;
}
div#top-book {
    padding-top: 65px;
}
div#top-book h3 {
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 24px;
        color: #333333;
}

div.book-left {
    width: 200px;
    margin-right: 35px;
}
div.book-left img{
    border: 1px solid #727272;
    display: block;
    margin: auto;
 }
div.book-right {
    width: 760px;
    font-size:18px;
}


div#top-book div.buttonarea {
    margin-top: 35px;
    text-align: center;
}

div#top-book div.buttonarea > a.custom-btn{
    margin-right: 55px;
}
div.media-cov a.custom-btn{
  color: #fff;
  background-color: #c72d28;
  padding: 10px 10px;
  font-size: 18px;
  text-align: center;
  width: 220px;
  float: right;
  margin: 10px auto;
}
div#top-book div.buttonarea > a.custom-btn:last-child {
  margin-right:0;
}

div.booklist:not(:last-child) {
  margin-bottom: 35px;
}

@media screen and (max-width: 736px) {
  .float-right-to-left {
    float:left;
    text-align:left;
    margin-bottom:30px;
  }

  .left-text-col6, .left-text-col7 {
    width:100%;
  }

  .mt0to30 {
    margin-top:30px;
  }

  div#contact-box-button {
    padding:0;
    border:none;
  }
  .full-btn1 {
    width: 96%;
    padding: 20px 2%;
  }

    div#top-movie {
      padding-bottom: 30px;
  }
  .content1000 {
    width: 90%;
  }
    div#top-movie div.movie-box {
     margin: 15px auto 25px auto;
  }
  div#top-movie div.movie-box {
    width: 100%;
    height:365px;
  }

  div#top-book h3 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 20px;
}

div.book-left {
    max-width: 280px;
    width: 66%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
div.book-right {
    font-size: 16px;
    width: 100%;
    display:block;
}
div#top-book {
    padding-top: 30px;
}
div#top-book div.buttonarea > a.custom-btn {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    padding: 10px 0;
    font-size: 16px;
}
}
@media screen and (max-width: 480px) {
  .full-btn1 {
    font-size:14px;
  }

  div#top-movie div.movie-box {
       height: 235px;
  }
}

.maintext p {
    margin-bottom: 1em;
}

@media screen and (max-width: 736px) {
  .maintext p {
    margin-bottom: 1em;
  }

}

.sp-center {
    text-align: center;
}

#telbtn-area {
  display:none;
}

.fixed {
  position:fixed;
}

@media screen and (max-width: 736px) {
  .page-top {
    bottom:70px;
  }
  #telbtn-area {
    /* display:block; */
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.7);
    padding: 10px 0;
    text-align: center;
    font-size: 0;
  }

  #telbtn-area a.reservebtn,
  #telbtn-area a.telbtn {
    background: #d70c19;
    color: white;
    border-radius: 1px;
    border: none;
    width: 40%;
    max-width: 170px;
    padding: 0;
    margin-left: 2%;
    margin-right: 2%;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
  }
}

@media screen and (max-width: 736px) {
div#header-con-image-sub {
  padding-top:5px !important;
}
.section-title-main {
  font-size: 20px;
  margin: 15px;
}
.main-body h1 {
  font-size:13px;
  margin-top: 5px;
}

.spmt10 {
  margin-top: 10px !important;
}

}

.tel {
  text-decoration: none;
}
img.wp-image-1316 {
  margin-bottom: 0;
}

h3.subtitle {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin-top: 45px;
    margin-bottom: 0;
}
p.storeselect {
    margin-top: 25px;
    margin-bottom: 10px;
}
p.trainer-pic {
    width:100%;
    max-width: 270px;
}

@media screen and (max-width: 736px) {
  .spmr5 {
    margin-right: 5px;
  }
  .spml5 {
    margin-left: 5px;
  }


  p.trainer-pic {
      max-width: none;
  }

  div.media-cov a.custom-btn{
    margin: 15px auto;
    float:none;
  }


}

button.stripe-button-el,
button.stripe-button-el>span {
  background-color: #ff9510;
  background-image: none;
  font-size: 20px;
  padding: 5px 10px;
  text-shadow: 0 0 BLACK;
  -webkit-box-shadow: none;
}

button.stripe-button-el{
  margin: auto;
  display: block;
}

.receipt {
  background: #eee;
  padding: 30px;
  margin: 20px;
  text-align: left;
}

.retarn a {
  background: #03297d;
  text-decoration: none;
  color: #fff;
  padding: 10px 60px;
}

.retarn {
  margin: 60px;
}

.paycenter{
  text-align: center;
}