@charset "utf-8";

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

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

.gjs-dashed {
  	background: #FAF8F2;
	overflow-x: unset;
}

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

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

.gjs-dashed .nav-area {
    opacity: 1;
  	visibility: visible;
  	margin: 100px 0 0;
    height: calc(100vh - 100px);
  	position: static;
}

.gjs-dashed .header-banner {
    display: block;
    position: relative;
}


.gjs-dashed .sp-menu {
    right: 0;
    display: block;
    position: relative;
}

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

.gjs-dashed .sp-nav-btn {
    display: flex;
}

.gjs-dashed .sp-dropdown-content {
    display: block;
}

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

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

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

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

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

/*-----------------------------------------------------------
アコーディオン
-----------------------------------------------------------*/

.gjs-dashed .accordion-content {
    display: block;
}

/*-----------------------------------------------------------
タブ切り替え
-----------------------------------------------------------*/

.gjs-dashed .panel {
    display: block;
  	margin: 30px 0 0;
}

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

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

.gjs-dashed .detailMainBox {
    display: block;
}

.gjs-dashed [href=""] {
    pointer-events: unset;
}