@charset "UTF-8";
/* ---------------------------
 * style.css調整(再定義) 用ファイル
 * --------------------------- */

/* ---------------------------
 * 各種位置調整
 * --------------------------- */
/* navbarシェアボタン調整 */
	@media screen and (max-width: 46.875em) {
		.dl-navigation-item-sns {
			width: calc(50% - 1px);
			justify-content: center;
		}
	}

/* STEP縦並びのマージン追加 */
	.dl-step {
		margin-bottom: 1rem !important;
		background-color: #ffffff !important;
	}

	@media screen and (min-width: 46.9375em) {
		/* タイトル位置調整 */
		h2, h3, h4, h5 {
			margin-bottom: 0.5em;
		}

		/* ボックス位置調整 */
		.dl-box01 {
			margin-bottom: 45px;
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.dl-section {
			margin-bottom: 45px;
		}
	}

	@media screen and (max-width: 46.875em) {
		/* ボックス位置調整 */
		.dl-box01 {
			margin-bottom: 30px;
		}

		.dl-section {
			margin-bottom: 30px;
		}
	}

/* ステップの高さを揃える（PCのみ） */
	@media screen and (min-width: 750px) {
		.step-flex {
			display: flex;
			}
		}

/* 下部余白調整 */
	.dl-toplink {
		margin-bottom: 0px;
	}


/* dl-step04枠の太さ調整 */
	@media screen and (max-width: 46.875em) {
		.dl-step04-item {
			border-width: 3px;
			border-radius: 16px;
		}

		.dl-step04-head {
			border-radius: 14px 14px 0 0;
		}
	}

/* 賞品選択ページのボタン位置調整 */
	@media screen and (min-width: 46.9375em) {
		.dl-items-button {
			min-width: 80%;
			margin-top: auto;
		}
		.dl-items-item {
			display: flex;
			flex-direction: column;
		}
	}

/* ---------------------------
 * マイページ調整
 * --------------------------- */
/* 新規登録ページ利用規約overflow対応 */
	@media screen and (min-width: 46.9375em){
		div.infobox {
			margin: 20px 0 30px;
			height: 200px;
			overflow: auto;
			border: 1px solid #eaeaea;
		}
	}

	@media screen and (max-width: 46.875em){
		div.infobox {
			margin: 20px 0;
			height: 290px;
			overflow: auto;
			border: 1px solid #eaeaea;
		}
	}

	.overflowbox{
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		padding-top:15px;
	}

/* レシート登録履歴 レシート画像調整 */
	.dl-figure--receipt-history {
		max-width: 500px;
	  }

	.dl-figure--receipt-history img {
		max-height: 500px;
		width: auto;
		height: auto;
	}

/* コースボタンサイズ指定 */
	@media screen and (min-width: 46.9375em) {
		.dl-button.btn-course-sm {
    		height: 58px;
    		font-size: 18px;
  		}
	}

	@media screen and (max-width: 46.875em){
		.dl-button.btn-course-sm {
    		height: 52px;
    		font-size: 18px;
  		}
	}

/* ---------------------------
 * カラー指定
 * --------------------------- */
/* マイページユーザー情報欄 */
	.dl-mypege-user {
		background-color: #4269ea;
	}

/* プレイスホルダー色変更(IE対応) */
	input:-ms-input-placeholder{
		color: #b7bdc1;
	}

/* 問い合わせ文字色 */
	.dl-inquiry-heading {
		color: #000000;
	}

/* マイレージポイント色 */
	.point-color {
		color: #4269ea;
	}

/* 戻るボタン色 */
	.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 {
		border: 1px solid #1439b2;
	} */

	.dl-button-color01 {
		border: 1px solid #1439b2;
		box-shadow: 0 4px 0 0 #1439b2;
	}

	.dl-button-color02 {
		border: 1px solid #b26914;
		box-shadow: 0 4px 0 0 #b26914;
	}

	.dl-button-color03 {
		border: 1px solid #c7c7c7;
		box-shadow: 0 4px 0 0 #c7c7c7;
	}

	.dl-button-color04 {
		border: 1px solid #adadad;
		box-shadow: 0 4px 0 0 #adadad;
	}

	.dl-button-line {
		border: 1px solid #008600;
		box-shadow: 0 4px 0 0 #008600;
	}

	.dl-button-twitter {
		border: 1px solid #0b76b8;
		box-shadow: 0 4px 0 0 #0b76b8;
	}

	.dl-button.disabled {
		border: 0px;
		margin-bottom: 7px;
	}

	.dl-button-apply {
		border: 1px solid #f71500;
		box-shadow: 0 4px 0 0 #f71500;
	}

	.dl-button-apply.disabled {
		border: 1px solid #f71500;
	}

	.dl-toplink a {
		border: 1px solid #c7c7c7;
		box-shadow: 0 4px 0 0 #c7c7c7;
	}

/* ---------------------------
 * フォーム注釈用
 * --------------------------- */
	.form-text.text-muted {
		width: 100%;
	}

/* ---------------------------
 * 	シリアルフォーム
 * --------------------------- */
 @media screen and (max-width: 46.875em) {
	.serial-error {
		font-size: 18px;
	}
}

/* ---------------------------
 * 	応募要項
 * --------------------------- */
	.dl-notes li {
		text-indent: 0px;
		padding-left: 0px;
	}

	.dl-notes li a {
		word-break: break-all;
	}

/* ---------------------------
* 	CSP対応
* --------------------------- */
	.display-none {
		display: none;
	}

	.visibility-hidden {
		visibility: hidden;
	}

	.ime-mode-disabled {
		ime-mode: disabled;
	}

	.longurl {
		word-break: break-all;
	}

/* ページ上部余白調整 */
@media screen and (min-width: 46.9375em){
	.dl-layout-contents.is-second {
		padding-top: 20px;
		margin-top: 0;
	}
}

@media screen and (max-width: 46.875em){
	.dl-layout-contents.is-second {
		padding-top: 10px;
		margin-top: 0;
	}
}

/* ---------------------------
* 	抽選動画情報
* --------------------------- */
@media screen and (min-width: 46.9375em){
	video {
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 46.875em){
	video {
		max-width: 100%;
		height: auto;
	}
}

/* ---------------------------
* 	LINE参加条件ページ
* --------------------------- */
.dl-button-line:before {
	border-top: solid #ffffff !important;
	border-right: solid #ffffff !important;
}

/* ---------------------------
* 	抽選スクラッチ
* --------------------------- */
.scatch {
	width: 300px;
	height: 300px;
	display: inline-block;
}
@media (max-width: 500px) {
	.scratchpad {
		width: 65%;
	}
}