@charset "Shift_JIS";
/*---------------------------------
over wright
----------------------------------*/
.container h2:after,
.container h3:after {
	background-color: #103675;
}

.btnRed {
	background: #F5141E;
}

/*---------------------------------
 角丸キャッチコピー用
----------------------------------*/
p.deadline {
	text-align:center;
	font-size:1.3rem;
	margin-bottom:0.9em;
	line-height: 1.2;
	color: #ffffff;
	background-color: #103675;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
}
/*---------------------------------
		テキストカラー
----------------------------------*/
.ddRed dd {
 color:#c8000b;
}
/*---------------------------------
		ボタンの上書き
----------------------------------*/
.btnRoulette {
	background:#2abdb0;
	color:#fff;
}
.btnRoulette:hover {
	background:#5fdcd1;
	text-decoration:none;
}

/*---------------------------------
		注意書きページごとの表示、非表示
----------------------------------*/
#Roulette .RouletteNone,
#Roulette1 .Roulette1None,
#Roulette2 .Roulette2None {
	display:none;
}
/*---------------------------------
		index
----------------------------------*/
.flow{
	text-align:center;
}
.flow p{
	margin-top:0 !important;
	padding:1em 0.5em;
	display:inline-block;
	width:calc(calc(100% - 30px) / 3);
	vertical-align:top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ffe6a7;
	text-align:left;
	font-size:0.9em;
}
.flow p.arrow{
	position:relative;
	padding-right:20px;
}
.flow p.arrow:after{
	position:absolute;
	top:calc( 50% - 10px);
	right:-5px;
	display:block;
	content:"";
	border:10px solid transparent;
	border-left-color:#f7b054;
}
@media screen and (max-width:767px) {
	.flow p{
		width:80%;
		margin-bottom:30px;
		padding:1em;
	}
	.flow p.arrow{
		padding-right:1em;
	}
	.flow p.arrow:after{
		top:calc( 100% + 10px);
		right:calc( 50% );
		border-left-color:transparent;
		border-top-color:#f7b054;
	}
}



/*---------------------------------
	文字スクロール
----------------------------------*/

.houfu {
	margin:auto 20px;
	padding:10px;
	background:#ffe37f;
}

@media screen and (max-width:767px) {
	.houfu {
		margin:auto;
	}
}

.houfuScroll {
	width:95%;
	margin:auto;
/*	border:1px solid #999;*/
	text-align:center;
	overflow:hidden;
	background:#fff2ae;
}


.houfuScroll ul {
	display:inline-block;
	position:relative;
	padding:3px 0;
	white-space:nowrap;
	animation:scrollText 300s linear infinite;
}

.houfuScroll li {
	display:inline;
	padding:0 200px 0 0;
}

@keyframes scrollText {
	0% {
		transform:translateX(0);
	}
	100% {
		transform:translateX(-100%);
	}
}