@CHARSET "UTF-8";
body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ヘッダー */
.divCouponHeader {
	padding-top: 24px;
	padding-bottom: 24px;
	text-align: center;
	background-color: #FAFAFA;
}

/* ヘッダー画像*/
.imgHeaderOasis {
	width: 157px;
}

@media screen and ( max-width: 599px ) {
	.imgHeaderOasis {
		width: 90px;
	}
}

/* メイン領域 */
.divMainContents {
	width: 100%;
	max-width: 740px;
	padding-top: 70px;
	margin-left: auto;
	margin-right: auto;
}

.divInfoContents {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	padding-bottom: 30px;
}

/* 新規登録・既存登録のタイトル */
.divInfoTitle {
	text-align: center;
	padding: 30px 0px;
	font-size: 20px;
}

/* 入力エリア */
.divInputContentsBase {
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 30px;
}
.divInputContents {
	width: 290px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and ( min-width: 768px )	/* WEB */
{
}
@media screen and ( min-width: 670px ) and ( max-width: 767px)	/* タブレット */
{
}
@media screen and ( min-width: 600px ) and ( max-width: 669px)	/* スマホ1 */
{
}
@media screen and ( max-width: 599px )	/* 小さいスマホ */
{
}


/* 入力エリア */
.divInputItem {
	margin-top: 30px;
}


/* 入力エリアタイトル */
.divInputItemTitle {
	font-size: 16px;
	vertical-align: text-top;
	margin-bottom: 5px;
}

/* 入力エリアテキスト入力部 */
.divInputItemText {
	font-size: 16px;
}

/* 入力エリア項目 */
.inputText{
	width: 280px;
	height: 40px;
	font-size: 16px;
}

/* 入力エリアエラー */
.divInputError{
	font-size: 10px;
	color: #F74141;
	font-weight: 600;
	display: none;
}

input {
	border:0;
	padding:10px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

select {
	width: 280px;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url("../img/img_pulldown_arrow.png");
	background-repeat: no-repeat;
	background-position: right 10px top 50%;
	background-size: 9px;
}

/* 生年月日 */
.inputBirthday {
	width: 75px;
	font-size: 16px;
}

/* 必須 */
.spanRequired {
	margin-top: -5px;
	padding: 2px 10px;
	font-size: 10px;
	color: white;
	border-radius: 10px;
	background-color: #67B6E1;
}
@media screen and ( max-width: 767px)	/* タブレット */
{
	.spanRequired{
		padding: 3px 10px;
	}
}


/* クーポンコード入力欄 */
.divInputItemCoupon{
}
.inputCouponCode {
	width: 61px;
	height: 40px;
	font-size: 16px;
    padding: 5px;
    margin-left: 2px;
    margin-right: 2px;
}
@media screen and ( max-width: 767px)	/* タブレット */
{
	.inputCouponCode{
		font-size: 16px;
		transform: scale(0.8);
	}
}


/* インディケーター表示領域 */
.divIndicatorContents {
	display: none;
	width: 100%;
	height: 100%;
	z-index: 200;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
}

.modal-dialog{
    margin-top: 15%;
}
@media screen and ( min-width: 768px )	/* WEB */
{
}
@media screen and ( min-width: 670px ) and ( max-width: 767px)	/* タブレット */
{
	.modal-dialog{
	    margin-top: 50%;
	}
}
@media screen and ( min-width: 600px ) and ( max-width: 669px)	/* スマホ1 */
{
	.modal-dialog{
	    margin-top: 50%;
	}
}
@media screen and ( max-width: 599px )	/* 小さいスマホ */
{
	.modal-dialog{
	    margin-top: 50%;
	}
}