@charset 'utf-8';

/* header
---------------------------------------------------------- */
/* 背景色と文字色を変えるにはここを編集 */
/* body {
    background-color: #090331;
    color: #fff;
} */

/* ヘッダーロゴの画像を変えるにはここを編集 */

/* .siteroot > a:before,
.siteroot > span:before {
    background-image: url(../img/logo.png);
} */


/* BGM再生ボタンの画像を変えるにはここを編集 */
/* .header .audio-controller > a:before {
	background-image: url(../../common/img/icon_audio.png);
}

.header .audio-controller.is-muted > a:before {
	background-image: url(../../common/img/icon_audio_off.png);
} */

/* ハンバーガーメニューの画像を変えるにはここを編集 */
/* .gnav .gnav-toggle > a {
    background-image: url(../img/icon_menu.png);
}
.gnav.is-open .gnav-toggle > a{
	background-image: url(../img/icon_menu_close.png);
} */

/* グロナビメニュー「NEW」アイコンの背景色と文字色を変えるにはここを編集 */
/* .gnav .gnav-primary-item.new > a > span:before {
	color: #fff;
    background-color: #8c00cd;
} */


/* back to top
---------------------------------------------------------- */
/* ページトップの画像を変えるにはここを編集 */
/* .backtotop .backtotop-body > a {
    background-image: url(../img/btn_pagetop.png);
} */


/* footer
---------------------------------------------------------- */
/* フッター背景色を変えるにはここを編集 */
/* .footer {
    background-color: #040022;
} */


/* feature banners
---------------------------------------------------------- */
/* 訴求バナーのドット画像を変えるにはここを編集 */
/* .feature-banners .slick-dots li button {
	background-image: url(../img/bg_dots_off.png);
}
.feature-banners .slick-dots li.slick-active button {
	background-image: url(../img/bg_dots_on.png);
} */

/* 訴求バナーのボタン画像を変えるにはここを編集 */
/* .feature-banners .feature-banners-prev button:before {
	background-image: url(../img/btn_feature_banner_prev.png);
}

.feature-banners .feature-banners-next button:before {
	background-image: url(../img/btn_feature_banner_next.png);
} */


/* front mainvisual
---------------------------------------------------------- */
/* 画像のサイズを変えるにはここを編集 
サイズの求め方 : ((画像のサイズ（px） / 670) - 100) / 2 */
/* .hero .hero-character {
	margin-left: -24.5%;
	margin-right: -24.5%;
} */

/* front section
---------------------------------------------------------- */
/* トップページ用セクションの枠線画像を変更するにはここを編集 */
/* .front-section:before {
    border-image-source: url(../../common/img/bg_frame.png);
}*/

/* トップページ用スライダー（機種紹介・サービス一覧）のボタン画像を変更するにはここを編集 */
/* .slider .slider-prev button:before {
	background-image: url(../img/btn_slider_prev.png);
}
.slider .slider-prev.slick-disabled button:before {
	background-image: url(../img/btn_slider_prev_off.png);
} 
.slider .slider-next button:before {
	background-image: url(../img/btn_slider_next.png);
} */


/* common modules
---------------------------------------------------------- */
/* h1モジュールの画像を変更するにはここを編集 */
/* .mod-primaryHeading:before {
	background-image: url(../../common/img/bg_line_body.png);
}
.mod-primaryHeading:after {
	background-image: url(../../common/img/bg_line_edge_right.png);
} */

/* 区切り線モジュールの画像を変更するにはここを編集 */
/* .mod-separator {
	background-image: url(../../common/img/bg_line_body.png);
}
.mod-separator:before {
	background-image: url(../../common/img/bg_line_edge_right.png);
}
.mod-separator:after {
	background-image: url(../../common/img/bg_line_edge_left.png);
} */

/* メディア型レイアウト（画像テキストセット横組み）を変更するにはここを編集 */
/* .mod-media .mod-media-sttl {
	color: #8ecef7;
} */

/* カード型レイアウト（画像テキストセット縦組み）を変更するにはここを編集 */
/* .mod-card .mod-card-ttl {
	color: #8ecef7;
} */

/* 汎用枠線つきボックスの枠線を変更するにはここを編集 */
/* .mod-frame:before {
    border-image-source: url(../img/bg_frame.png);
} */