@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);
@import url(/entertainment/toto/css/style.css);


/* ========== override ========== */
/* ----- footer ----- */
#jbk-frame-main + #jbk-footer-area {
	margin-top: 30px;
}

@media only screen and (min-width: 640px) {
#jbk-frame-main + #jbk-footer-area {
	margin-top: 20px;
}
}


/* ========== key-visual ========== */
#key-visual header {
	background: url(../img/bg_01.png) center top repeat-x;
	background-size: auto 100%;
}


/* ========== introduction ========== */
#introduction {
	margin-top: 2em;
}

#introduction .lp-heading-01 {
	background: url(../img/bg_02.png) center top repeat-x;
	background-size: auto 100%;
	margin: -30px -54px 0 !important;
	padding: 65px 54px 25px;
	position: relative;
}

#introduction .lp-heading-01 .lp-balloon-01 {
	margin-left: -205px !important;
	position: absolute;
		top: -15px;
		left: 50%;
}

@media only screen and (max-width: 640px) {
#introduction .lp-heading-01 {
	margin: -16px -10px 0 !important;
	padding: 33px 8px 13px;
}

#introduction .lp-heading-01 .lp-balloon-01 {
	margin-left: -102px !important;
		top: -8px;
	width: 205px;
}
}


/* ========== cnvBlock ========== */
.lp-cnvBlock-01 {
	background: #e80600 url(/entertainment/toto/img/home_mainImage_01.png) center center no-repeat;
	background-size: cover;
	margin-top: 1em;
	padding: 0 10px 26px;
}

.lp-cnvBlock-01 .lp-heading-02 .label {
	color: #fff;
	font-size: 175%;
	line-height: 1.25;
	margin-bottom: -10px;
	padding-top: 25px;
}

.lp-cnvBlock-01 .lp-btn-01 {
	margin: 0;
}

.lp-cnvBlock-01 .lp-btn-01 > a {
	background: url(../img/btn_01.png) center top no-repeat;
	background-size: 282px 134px;
	display: inline-block;
	height: 67px;
	max-width: 100%;
	text-indent: -9999em;
	width: 282px;
	margin-top:12px;
}

.lp-cnvBlock-01 .lp-btn-01 > a:hover,
.lp-cnvBlock-01 .lp-btn-01 > a:focus,
.lp-cnvBlock-01 .lp-btn-01 > a:active {
	background-position: center bottom;
}

@media only screen and (max-width: 640px) {
.lp-cnvBlock-01 {
	padding-bottom: 16px;
}

.lp-cnvBlock-01 .lp-heading-02 .label {
	font-size: 125%;
}

.lp-cnvBlock-01 .lp-btn-01 > a {
	margin-top: 2px;
}
}

.c-steps-02 .contents .step {
    float: left;
    padding: 15px;
    opacity: .4;
    filter: alpha(opacity=40);
}

.c-steps-02 .contents .c-steps-05.steps-01 .step {
    float: left;
    padding: 15px;
    opacity: 1;
    filter: alpha(opacity=40);
}