@charset "UTF-8";
/*スマホ用オーバーレイナビゲーション*/
/*ナビゲーションの背景*/
.overlay {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 0;
  background: #000;
  padding: 0;
  top: 0;
  right: 0;
  opacity: 0;
  /*透明度、表示を変更、高さを変更する際のアニメーション設定*/
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  z-index: 101;
  /*スクロールをスムーズに設定*/
  -webkit-overflow-scrolling: touch;
}
/*----------------------------------------------------------------*/
/*#toggleをクリックで.overlayに追加するクラス*/
.nav-active {
  opacity: .98;
  visibility: visible;
  overflow: auto;
  height: 100%; /*max-height: 340px;*/
}
/*----------------------------------------------------------------*/
/*ハンバーガーメニュー*/
#navToggle {
  position: fixed;
    width: 17%;
    height: auto;
    padding-top:calc(100%*152/176)!important;
    background: url(../../_img/menu.png) no-repeat center top /100% auto;
    margin: 0;
  top: 8%;
  /*fixedで親要素を起点にする場合はleftを指定しない*/
  right: 0;
  z-index: 200;
  text-indent: -99999px;
  box-sizing: border-box;
  cursor: pointer;
}
/*ハンバーガーメニュー 閉じるボタンに切り替え*/
#navToggle.toggle-active {
  background: url(../../_img/menu_on.png) no-repeat center top /100% auto;
  z-index: 200;
}
#nav2 ul#naviSP {
  width: 90%;
  margin: 0 auto;
  font-size: 7vw;
    padding:5% 2% 2% 2%;
display: flex;
    flex-wrap: wrap;
}
#nav2 ul#naviSP  li {
  width: 100%;
  margin: 0 auto;
  text-align: center;
position:relative;
    padding:4% 0;
    color:#343434;
}
#nav2 ul#naviSP li:after{
content: ''; display: inline-block;
  width:100%; height:auto;
  background-image: url('../../_img/sp_menu_line.png');
  vertical-align: middle;position:absolute;top:0;left:0!important;background-size: 100% auto;padding-bottom: calc(100%*26/1256);
  -webkit-transform: translate(0,-98%);
  -ms-transform: translate(0,-98%);
  transform: translate(0,-98%);
}
#nav2 ul#naviSP li:first-child:after{background-image: url(none);}

#nav2 ul#naviSP  li img {
  display: inline;
  width: auto;
  margin: 0 auto;
}
.mlogo {
width: 50%;
display: block;
margin: 15% auto 0px;
}
.mlogo img{width:100%;
}
#nav2 ul#naviSP li img{width:100%;}

/*----------------------------------------------------------------*/
/*SNS*/
#nav2 ul#snsSP {
  float: none;
  display: flex;
  width: 60%;
  /*折り返し無し*/
  flex-wrap: nowrap;
  /*中央寄せ*/
  justify-content :center;
  margin: 36px auto 64px;
}
#nav2 ul#snsSP li {
  margin: 0 3%;
}

#nav2 ul#snsSP li img {
width: auto;
  height: 56px;
  margin: 0 8px;
}


.mCAT {
  display: block;
  width: 180px;
  margin: 0 auto 6%;
}


/*----------------------------------------------------------------*/
@media screen and (min-width:480px) and (max-width:600px) {
  /*--------------------------------------------------------end@media*/
}
@media screen and (min-width:600px) and (max-width:960px) {
  /*　iPad用 画面サイズが600pxから960pxまではここを読み込む　*/
  /*--------------------------------------------------------end@media*/
}
@media screen and (min-width:960px) and (max-width:1280px) {
  /*　小型PC用 画面サイズが960pxから1280pxまではここを読み込む　*/
  /*--------------------------------------------------------end@media*/
}
@media screen and (min-width:1280px) {
  /*　大型PC用 画面サイズが1280pxからはここを読み込む　*/
  /*--------------------------------------------------------end@media*/
}
@media screen and (min-width:668px) {
  /*　PC用 画面サイズが668pxからはここを読み込む　*/
  .overlay {
    display: none;
  }
  /*PCではボタンを非表示*/
  #navToggle {
    display: none;
  }
  /*--------------------------------------------------------end@media*/
}
@media screen and (max-width: 320px) {
  /*　iPhone5用 画面サイズが320px以下はここを読み込む　*/
  /*--------------------------------------------------------end@media*/
}