@charset "utf-8";

/*ここでは
	スマホ用サイドバー
	などを記述します
*/
/*
.overlay{
	display: none;
	}
	*/
/*slidemenu*/
.slidemenu {
  display: none;
}

@media screen and (max-width: 960px) {
  .menu-button-right {
    display: block; /*height: 100%;*/
    overflow: hidden;
  }

  .gray_over {
    background: #878787 !important;
  }

  /*slidemenu*/
  .slidemenu {
    display: block;
    z-index: 10;
  }

  .slidemenu li {
  }
  .slidemenu li a {
  }

  .slidemenu .slidemenu-header {
  }
  @media screen and (max-width: 320px) {
    .slidemenu .slidemenu-header {
      padding: 6% 5% 6% 4%;
    }
  }
  .slidemenu .slidemenu-header::after {
    clear: both;
    content: " ";
    display: block;
  }
  .slidemenu .slidemenu-header .siryou {
    float: left;
    width: 80%;
  }
  .slidemenu .slidemenu-header .siryou::after {
    clear: both;
    content: " ";
    display: block;
  }
  .slidemenu .slidemenu-header .siryou a {
    float: left;
  }
  .slidemenu .slidemenu-header .siryou a.gre_link {
    display: table;
    color: #57bc15;
    border: 2px solid #57bc15;
    padding: 0.1em 0.55em;
    font-size: 14px;
    text-align: center;
    width: auto;
  }
  .slidemenu .slidemenu-header .siryou a.gre_link span {
    height: 25px;
    display: table-cell;
    vertical-align: middle;
  }
  .slidemenu .slidemenu-header .siryou a.gre_link:hover {
    color: #ffffff;
    background: #57bc15;
  }

  .slidemenu .slidemenu-header .siryou a.net_link {
    display: table;
    color: #ffffff;
    background: #f60b4f;
    border: 2px solid #f60b4f;
    padding: 0.1em 0.55em;
    font-size: 14px;
    text-align: center;
    width: auto;
  }
  .slidemenu .slidemenu-header .siryou a.net_link span {
    height: 25px;
    display: table-cell;
    vertical-align: middle;
  }
  .slidemenu .slidemenu-header .siryou a.net_link:hover {
    color: #f60b4f;
    background: #ffffff;
  }

  .slidemenu .slidemenu-header .siryou a.pink_link {
    display: table;
    color: #ef5311;
    border: 2px solid #ef5311;
    padding: 0.1em 0.55em;
    font-size: 14px;
    text-align: center;
    width: auto;
    margin-left: 6%;
    min-width: 5em;
    letter-spacing: 1px;
  }
  .slidemenu .slidemenu-header .siryou a.pink_link span {
    height: 25px;
    display: table-cell;
    vertical-align: middle;
  }
  .slidemenu .slidemenu-header .siryou a.pink_link:hover {
    color: #ffffff;
    background: #ef5311;
  }

  @media screen and (max-width: 320px) {
    .slidemenu .slidemenu-header .siryou a.pink_link {
      min-width: auto;
      margin-left: 4%;
    }
    .slidemenu .slidemenu-header .siryou a {
      font-size: 13px;
    }
  }

  .slidemenu .slidemenu-header .close {
    float: right;
    min-width: 30px;
    width: 15%;
  }
  .slidemenu .slidemenu-header .close img {
    max-width: 25px;
    height: auto;
  }

  /*plugin*/
  #main_contents {
    /*z-index: 1;*/
  }
  .slidemenu {
    top: 0;
  }
  .slidemenu .slidemenu-body {
    height: 100%;
    overflow: hidden;
    position: relative;
    letter-spacing: 2px;
    /*background: url(../../img/dummy/side.png) no-repeat right top / contain;*/
    /*font-size: 0.9em;*/
    background: #58626c;
  }
  .slidemenu .slidemenu-body::after {
    clear: both;
    content: " ";
    display: block;
  }
  .slidemenu .slidemenu-body .slidemenu-content {
  }
  .slidemenu-right {
    right: 0;
    /*width: 100% !important;*/
  }
  @media screen and (max-width: 520px) {
    .slidemenu-right {
      width: 100% !important;
    }
  }

  /*--google---*/

  .container {
    position: relative;
  }
  .slidemenu {
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #58626c;
    width: 100%;
    visibility: hidden; /*追加*/
  }
  [data-simplesidebar="active"] {
    visibility: visible;
  }

  .slidemenu-right {
    right: 0;
  }
  .main-sidebar-wrapper {
    position: relative;
    /*height: 100%;*/
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.close img,
.close02 img {
  cursor: pointer;
}

/*google検索用*/

/*.gsc-input-box{}*/

/*追記-------------------------------------------------*/

.slidemenu-body a,
.slidemenu-body a:hover {
  color: #ffffff;
}

/*.slidemenu-body .close{
	padding: 3% 3.5%;
	}
.slidemenu-body .close a{
	display: block;
	margin-left: auto;
	width: 3em;
	height: 3em;
	background: url(../../img/icon/spmenu_close.svg) no-repeat center center / contain;
	cursor: pointer;
	}*/
.slidemenu-body .btn_group {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 3.5% 0 3.5%;
  margin: 0;
  @media screen and (max-width: 960px) {
    display: none;
  }
}
.slidemenu-body .btn_group li {
  width: 49%;
  letter-spacing: 0;
}
.slidemenu-body .btn_group li a {
  padding: 0.4em 0.8em 0.3em 2.3em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 2px solid #00c0ff;
  display: block;
  text-align: center;
}
.slidemenu-body .btn_group li a:before {
  left: 0.7em;
  /*top: 0.5em;*/
  width: 15px;
  height: 15px;
}
.slidemenu-body .btn_group li a:hover {
  border: 2px solid #ff8f00;
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 681px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}

/*.slidemenu-content{
	margin-bottom: 100px;
	}*/

.slidemenu-content ul.site_menu {
}

/*リンク矢印の種類------------*/

a.ar_b span {
  position: relative;
}
.ar_b span::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  right: 0;
  top: 0;
  background: url(../../img/parts/ar_b.svg) no-repeat center center / contain;
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
  .site_menu li ul li a {
    /*color: #000000;*/
  }
}
@media screen and (max-width: 681px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}

.slidemenu-content .m_search {
  justify-content: space-between;
}
.slidemenu-content .m_search {
  padding: 1.5em 25px;
}
.slidemenu-content .m_search .s_btn {
  margin-left: 3%;
  width: 45px;
  height: 45px;
}
.slidemenu-content .m_search .search_input {
  font-size: 1em;
  flex-basis: inherit;
  padding: 0.25em 1.2em;
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 681px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}

/*.slidemenu-content .f_bnr{
	text-align: center;
	overflow: hidden;
	margin-bottom: 25px;
	}
.slidemenu-content .f_bnr li{
	margin-bottom: 10px;
	}*/

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 681px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 681px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 681px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}