@charset "UTF-8";
/* ---------------------------
 * カスタム用CSSファイル
 * --------------------------- */

/* ---------------------------
 * 各種カラー指定（IE非対応）
 * --------------------------- */
:root {
	--header_img_background: #37BEF0;
	--background_1: #37BEF0;
	--background_1_text: #FFFFFF;
	--background_2: #FFFFFF;
	--background_2_text: #000000;
	--next_button: #004FA3;
	--next_button_shadow: #002D75;
	--next_button_text: #FFFFFF;
	--prev_button: #FFFFFF;
	--prev_button_shadow: #c7c7c7;
	--prev_button_text: #000000;
	--new_regist_button: #004FA3;
	--new_regist_button_shadow: #002D75;
	--new_regist_button_text: #FFFFFF;
	--navgation_bar: #004FA3;
	--navgation_bar_text: #FFFFFF;
	--heading_bar: #004FA3;
	--heading_bar_text: #FFFFFF;
	--box_border: #37BEF0;
	--box_header_background: #d3d3d3;
	--box_header_text: #000000;
}

/* ヘッダー画像背景 */
	.dl-top .dl-mainvisual {
		background: #37BEF0; /* ヘッダー画像裏 */
	}
	.dl-mainvisual {
		background: #37BEF0; /* ヘッダー画像裏 */
	}

/* 背景1 */
	.dl-layout-contents {
	    background: #37BEF0; /* 背景① */
	}
	/* フッター色 */
	.dl-footer {
		background: #37BEF0; /* 背景① */
	}
	html{
		background-color: #37BEF0; /* 背景① */
	}

/* 背景1 テキスト */
	.back_1_text{
		color: #FFFFFF; /* 背景①文字 */
	}
	.dl-footer-link-item a{
		color: #FFFFFF; /* 背景①文字 */
	}

/* 背景2 */
	body.dl-second {
	    background-color: #FFFFFF; /* 背景② */
	}
	.dl-layout-contents.is-second {
	    background: #FFFFFF; /* 背景② */
	}
	.dl-layout-contents.is-color {
	    background: #FFFFFF; /* 背景② */
	}
	.dl-footer-link-item:last-child {
		border-right: 2px solid #FFFFFF; /* 背景①文字 */
	}
	.dl-footer-link-item {
		border-left: 2px solid #FFFFFF; /* 背景①文字 */
	}

/* 背景2 テキスト */
	.dl-layout-contents.is-color{
		color: #000000; /* 背景②文字 */
	}


/* 進むボタン */
	.dl-button-color01 {
		background-color: #004FA3; /* すすむボタンの色 */
		box-shadow: 0 4px 0 0 #002D75; /* すすむボタンの色影 */
		color: #FFFFFF; /* すすむボタンの文字 */
		border: 1px solid #002D75; /* すすむボタンの色影 */
	}
	.dl-button-color01:hover {
		color: #FFFFFF; /* すすむボタンの文字 */
	}
	/* 進むボタン（非活性時） */
	.dl-button-arrow.disabled {
		color: #ffffff;
	}
	/* 進むボタン矢印「>」 */
	.dl-button-arrow:before {
		border-top: solid #FFFFFF; /* すすむボタンの文字 */
		border-right: solid #FFFFFF; /* すすむボタンの文字 */
	}
	/* 進むボタン矢印「>」（非活性時） */
	.dl-button-arrow.disabled:before {
		border-top: solid #ffffff;
		border-right: solid #ffffff;
	}

	/* PAGE TOPボタン */
	.dl-pagetop {
		border: 1px solid #004FA3; /* すすむボタンの色 */
		color: #004FA3; /* すすむボタンの色 */
	}
	/* PAGE TOPボタン ホバー時 */
	.dl-pagetop:hover {
		color: #002D75; /* すすむボタンの色影 */
	}
	/* PAGE TOPボタン 矢印「^」 */
	.dl-pagetop:before {
		border-top: 1px solid #004FA3; /* すすむボタンの色 */
		border-left: 1px solid #004FA3; /* すすむボタンの色 */
	}
	/* マイページユーザー情報欄 */
	.dl-mypege-user {
		background-color: #004FA3; /* ナビゲーションバー帯の色 */
	}
	.point-color {
		color: #004FA3; /* ナビゲーションバー帯の色 */
	}

/* 戻るボタン */
	.dl-toplink a {
		background-color: #FFFFFF; /* もどるボタンの色 */
		box-shadow: 0 4px 0 0 #c7c7c7; /* もどるボタンの色影 */
		color: #000000; /* もどるボタンの文字 */
		border: 1px solid #c7c7c7; /* もどるボタンの色影 */
	}
	.dl-toplink button {
		background-color: #FFFFFF; /* もどるボタンの色 */
		box-shadow: 0 4px 0 0 #c7c7c7; /* もどるボタンの色影 */
		color: #000000; /* もどるボタンの文字 */
		border: 1px solid #c7c7c7; /* もどるボタンの色影 */
	}
	.dl-button-color03 {
		background-color: #FFFFFF; /* もどるボタンの色 */
		box-shadow: 0 4px 0 0 #c7c7c7; /* もどるボタンの色影 */
		color: #000000; /* もどるボタンの文字 */
		border: 1px solid #c7c7c7; /* もどるボタンの色影 */
	}
	.dl-button-color03:hover {
		color: #000000; /* もどるボタンの文字 */
	}
	/* 戻るボタン矢印「<」 */
	.dl-toplink a:before {
		border-top: 3px solid #000000; /* もどるボタンの文字 */
		border-right: 3px solid #000000; /* もどるボタンの文字 */
	}
	/* 戻るボタン矢印「<」 */
	.dl-toplink button:before {
		border-top: 3px solid #000000; /* もどるボタンの文字 */
		border-right: 3px solid #000000; /* もどるボタンの文字 */
	}
	.dl-button-color03.dl-button-arrow:before, .dl-button-color03.dl-button-arrow-left:before {
		border-top-color: #000000; /* もどるボタンの文字 */
		border-right-color: #000000; /* もどるボタンの文字 */
	}

/* 新規登録ボタン */
	.dl-button-color02 {
		background-color: #004FA3;/* 新規登録ボタンの色 */
		border: 1px solid #002D75;/* 新規登録ボタンの色影 */
		box-shadow: 0 4px 0 0 #002D75;/* 新規登録ボタンの色影 */
		color: #FFFFFF; /* 新規登録ボタンの文字 */
	}
	.dl-button-color02:hover {
		color: #FFFFFF; /* 新規登録ボタンの文字 */
	}
	.dl-button-color02.dl-button-arrow:before, .dl-button-color02.dl-button-arrow-left:before {
		border-top-color: #FFFFFF; /* 新規登録ボタンの文字 */
		border-right-color: #FFFFFF; /* 新規登録ボタンの文字 */
	}

/* 応募するボタン */
	.dl-button-apply {
		background-color: #004FA3; /* すすむボタンの色 */
		border: 1px solid #002D75; /* すすむボタンの色影 */
		box-shadow: 0 4px 0 0 #002D75; /* すすむボタンの色影 */
		color: #FFFFFF; /* すすむボタンの文字 */
	}

	.dl-button-apply.disabled {
		background-color: #004FA3; /* すすむボタンの色 */
		border: 1px solid #002D75; /* すすむボタンの色影 */
		box-shadow: 0 4px 0 0 #002D75; /* すすむボタンの色影 */
	}

	.dl-button-apply:hover {
		color: #FFFFFF; /* すすむボタンの文字 */
	}

/* ナビゲーションバー */
	.dl-navigation {
		background-color: #004FA3; /* ナビゲーションバー帯の色 */
	}
	.dl-navigation-item > a {
		color: #FFFFFF; /* ナビゲーションバー文字の色 */
	}
	.dl-navigation-item > a:before {
		border-top-color: #FFFFFF; /* ナビゲーションバー文字の色 */
		border-right-color: #FFFFFF; /* ナビゲーションバー文字の色 */
	}
	.dl-navigation-item-sns-text {
		color: #FFFFFF; /* ナビゲーションバー文字の色 */
	}

/* 応募要項サブタイトルバー */
	.dl-heading03-bar {
		background-color: #004FA3; /* 見出しの帯の色 */
		color: #FFFFFF; /* 見出しの文字の色 */
	}

/* ボックス枠線 */
	@media screen and (min-width: 46.9375em){
		.dl-box01 {
			border: 6px solid #37BEF0; /* 枠線 */
		}
		.dl-step04-item {
			border: 6px solid #37BEF0; /* 枠線 */
		}
	}

	@media screen and (max-width: 46.875em){
		.dl-box01 {
			border: 3px solid #37BEF0; /* 枠線 */
		}

		.dl-step04-item {
			border: 3px solid #37BEF0; /* 枠線 */
		}
	}
	/* 追加情報枠線 */
    .dl-step.dl-step-01,.dl-step.dl-step-02,.dl-step.dl-step-03,.dl-step.dl-step-04 {
        border-color: #37BEF0; /* 枠線 */
    }

/* ボックス内ヘッダー */
	.dl-step04-head {
		background-color: var(--box_header_background); /* STEPの色 */
		color: var(--box_header_text); /* STEPの文字色 */
	}

/* 問い合わせ情報 */
	.dl-inquiry {
		color: #000000;
		border: 2px solid #eaeaea;; /* 枠線 */
	}

/* 新規登録 応募規約背景色 */
	html.rule-back{
		background-color: #ffffff;
	}
	body.rule-back {
		background-color: #ffffff;
	}

/* ---------------------------
 *　アコーディオンメニュー設定
 * --------------------------- */
	.m-accordion {
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.m-accordion_title {
		cursor: pointer;
	}

	.is-disable {
		display: none;
	}

/* ---------------------------
 *　TOPページ参加方法
 * --------------------------- */

	/* 参加方法テキストサイズ */
	@media screen and (min-width: 46.9375em){
		.dl-step-text {
			font-size: 20px;
		}
	}

	@media screen and (max-width: 46.875em){
		.dl-step-text {
			font-size: 16px;
		}
	}

	/* 参加方法画像ボックス */
	.dl-step-box {
		border: 2px solid #FFFFFF;
		background-color: #ffffff;
		border-radius: 16px;
	}

	/* 参加方法画像 */
	.dl-items-figure img {
		max-width: 640px;
		height: auto;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
	}

	/* 参加方法画像ティザー用 */
	.dl-items-figure.dl-pre img {
		max-width: 640px;
		height: auto;
		border-radius: 16px;
	}

/* ---------------------------
 *　TOPページ
 * --------------------------- */
	/* 賞品紹介用ボックス */
	.dl-present-box {
		background-color: #37BEF0;
	}

/* ---------------------------
 *　ティザーページ
 * --------------------------- */

	/* ティザーページ開始時刻枠線  */
	.dl-pre-box {
		border: 2px solid #E3F2FA;
		padding: 20px 5px;
	}