@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

.gjs-dashed .panel {
    display: block !important;
}

.gjs-dashed > #wrapper {
    padding-bottom: 100px;
}

.gjs-dashed {
	overflow-x: unset;
}

.gjs-dashed .wow {
  	opacity: 1;
  	visibility: visible;
}

/*-----------------------------------------------------------
ヘッダー
-----------------------------------------------------------*/

.gjs-dashed .header {
    position: static;
}

.gjs-dashed .nav-area {
    opacity: 1;
    visibility: visible;
    display: block;
    height: calc(100% - 100px);
    top: auto;
    right: 0;
    bottom: 0;
}

.gjs-dashed .sp-nav {
    display: block;
}

/*-----------------------------------------------------------
フッター
-----------------------------------------------------------*/

.gjs-dashed .online-wrapper:before {
    width: 50%;
}

/*-----------------------------------------------------------
スライダー
-----------------------------------------------------------*/

.controlArea .carousel-item {
    display: block;
    opacity: 1;
}

.gjs-dashed .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    height: auto;
}

.gjs-dashed  .swiper-slide {
    width: auto;
}

.gjs-dashed .swiper-slide {
    height: auto;
}

.gjs-dashed .swiper-slide {
    padding: 10px;
}

.gjs-dashed .swiper {
    overflow: unset;
}

/*-----------------------------------------------------------
トップ
-----------------------------------------------------------*/

.gjs-dashed .mv-slider > .swiper-wrapper {
    display: block;
    height: auto;
}

.gjs-dashed .mv-slider .swiper-slide {
    padding: 0;
}

.gjs-dashed .menu-slider > .swiper-wrapper {
    display: block;
    height: auto;
}

.gjs-dashed .menu-slider-img {
    height: auto;
}

.gjs-dashed .menu-slider-img > img {
    height: auto;
}

/*-----------------------------------------------------------
下層
-----------------------------------------------------------*/

.gjs-dashed .inner {
    min-height: 1.5em;
}

/*-----------------------------------------------------------
バナー
-----------------------------------------------------------*/

.gjs-dashed .banner-bg:before {
    height: calc(100% - 50px);
    top: 50%;
    transform: translateY(-50%);
}