@charset "UTF-8";
/* CSS Document */

/* オーバーレイ表示をするためのCSS */
.overlay {
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.9);
  background: #fff;
}
.open .overlay {
   display:block;
}
#drawer-toggle{
  display: none;
}

#drawer{
  display: none;
}



@media only screen and (max-width:1200px){
  .header_secondary .inner,
  .header_primary .inner,
  .l_main_inner{
    padding: 0 3%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
  }
}

@media only screen and (max-width:920px){
  .unav{
    width:70%;
  }
  .unav_list li{
    margin:0 0.1%;
  }
  .unav_list li a{
    padding:  3px 10px;
  }

  .m_information_gallery{
    display: block;
  }
  .m_information_gallery li{
    float: none;
    padding: 0;
    display: block;
    text-align: center;
  }
}

/* ipad */
@media only screen and (max-width:768px){

  .l_contents{
    border-top: 1px solid #454545;
  }

  .l_contents p{
    font-size: 14px;
  }

  .header_secondary{
    padding: 3px 0 3px;
  }
  .header_secondary p{
    padding-top:4px;
    font-size:9px;
    line-height: 12px;
    padding-right: 0;
  }
  .header_secondary p img {
      vertical-align: middle;;
      margin-right: 5px;
      width: 9px;
  }
  .header_secondary_tel a,
  .header_secondary_tel{
    font-size: 10px;
    color: #fff;
    margin-top: 0;
    display: inline-block;
    position: relative;
    top: -1px;
  }

  .l_right,
  .l_left {
      width: 100%;
      float: none;
      margin-bottom: 12%;
  }
  .m_tel_box,
  .m_access_address{
    padding-left: 3%;
  }
  .unav{
    display: none;
  }
  .sp_unav_trigger{
    display: block;
    position: fixed;
    top:10px;
    right:10px;
  }
  .sp_unav{
    display: none;
  }
  .sp_unav_list{
    position: relative;
    z-index: 99;
  }
  .sp_unav_list li a {
      width: 100%;
      padding: 4% 3%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      color: #454545;
      display: block;
      border-bottom: 1px solid #ccc;
  }
  .header_primary_logo{
    margin-top: 20px;
  }
  .m_gallery{
    min-height: inherit;
    margin-top: 15px;
  }

  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next{
    width: 30px;
    height: 30px;
    background-size: 30px;
  }

  /*menu*/

  #drawer-toggle{
    display: block;
  }

  #drawer {
    display:block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    /*background: #fff;*/
    z-index: 1000;
  }
  #drawer.open {
    -webkit-transform: translate3d(-240px, 0, 0);
    -moz-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
    border-left:1px solid #ccc;
  }

  .menu-trigger,
  .menu-trigger span {
  	display: inline-block;
  	transition: all .4s;
  	box-sizing: border-box;
  }
  .menu-trigger {
    display: block;
  	position: fixed;
  	width: 40px;
  	height: 40px;
    right:3%;
    top:40px;
    z-index: 1001;
    text-align: center;
    background-color: color_sub;
  }

  .admin-bar .menu-trigger {
  top: 61px;
  }

  .menu-trigger span {
  	position: absolute;
  	left: 10px;
  	width: 20px;
  	height: 2px;
  	background-color: #000;
  	border-radius: 0px;
  }
  .menu-trigger.active span {
  	background-color: #000;
  }
  .menu-trigger span:nth-of-type(1) {
  	top: 10px;
    width: 20px;
    left: 10px;
  }
  .menu-trigger span:nth-of-type(2) {
  	top: 15px;
    width: 20px;
    left: 10px;
  }
  .menu-trigger span:nth-of-type(3) {
  	top: 20px;
  }
  .menu-trigger em {
    font-size:10px;
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    color:#000;
    @extend .exFontGillSans
  }

  .menu-trigger::after {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	display: block;
  	content: '';
  	width: 84px;
  	height: 84px;
  	margin: -45px 0 0 -45px;
  	border-radius: 50%;
  	border: 4px solid transparent;
  	transition: all .75s;
  }
  .menu-trigger.active span:nth-of-type(1) {
  	-webkit-transform: translateY(3px) rotate(-45deg);
  	transform: translateY(3px) rotate(-45deg);
  	left: 9px;
  	width: 22px;
  }
  .menu-trigger.active span:nth-of-type(2) {
  	left: 60%;
  	opacity: 0;
  	-webkit-animation: active-menu-bar02 .8s forwards;
  	animation: active-menu-bar02 .8s forwards;
  }
  @-webkit-keyframes active-menu-bar02 {
  	100% {
  		height: 0;
  	}
  }
  @keyframes active-menu-bar02 {
  	100% {
  		height: 0;
  	}
  }
  .menu-trigger.active span:nth-of-type(3) {
  	-webkit-transform: translateY(-7px) rotate(45deg);
  	transform: translateY(-7px) rotate(45deg);
  }
  .menu-trigger.active::after {
  	-webkit-animation: circle .4s .25s forwards;
  	animation: circle .4s .25s forwards;
  }

  @-webkit-keyframes circle {
  	0% {
  		border-color: transparent;
  		-webkit-transform: rotate(0);
  	}
  	25% {
  		border-color: transparent #fff transparent transparent;
  	}
  	50% {
  		border-color: transparent #fff #fff transparent;
  	}
  	75% {
  		border-color: transparent #fff #fff #fff;
  	}
  	100% {
  		border-color: #fff;
  		-webkit-transform: rotate(-680deg);
  	}
  }
  @keyframes circle {
  	0% {
  		border-color: transparent;
  		transform: rotate(0);
  	}
  	25% {
  		border-color: transparent #fff transparent transparent;
  	}
  	50% {
  		border-color: transparent #fff #fff transparent;
  	}
  	75% {
  		border-color: transparent #fff #fff #fff;
  	}
  	100% {
  		border-color: #fff;
  		transform: rotate(-680deg);
  	}
  }


  /*gnav*/

  .gnav_list{
    display: block;
    margin-bottom: 10%;
  }
  .gnav_list li{
    display: block;
  }
  .gnav_list li a{
    border-radius: 0;
    border-bottom: none;
  }
  .gnav_list li:last-child a{
    border-bottom:1px solid #454545;
  }


  /*table*/
  .m_table{
    margin-left: -1px;
    display: block;
  }
  .m_table tbody{
  display: block;
  width: auto;
  position: relative;
  overflow-x: scroll;
  white-space: nowrap;
}
.m_table tbody::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 3px;
    background:#eee;
    height:5px;
}
.m_table tbody::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.m_table_notice{
  padding-left: 3%;
}

.m_main-title{
  font-size: 18px;
}
.m_tel_box .m_tel_box_notice {
  font-size: 14px;
}
.m_tel_box p {
  font-size: 14px;
}
.m_tel_box .m_tel_box_strong{
  font-size: 14px;
  top: 0;
}

#home_access{
  margin: 20% auto 5%;
}

} /* 768*/


@media only screen and (max-width:400px){

  ul.m_gallery_min li{
    float: none;
    width: 100%;
    margin-bottom:7%;
  }
  .mt5em.m_gallery_min{
    margin-top: 2em!important;
  }

  .menu-trigger{
    top:40px;
  }
} /* 400*/