@charset "utf-8";
/*------------------------------
	Top - jmb
------------------------------*/

/* [サービス変更・ご注意] 4番目以降を非表示（最新3件のみ表示） */
#jmb #infoList .linkBoxList .linkBox:nth-of-type(n+4) {
	display:none !important;
}

/*-- Jmb Icon --*/
[class^="jmb_icon_"],
[class*=" jmb_icon_"] {
	display:inline-block;
	vertical-align:middle;
	background-image:url(/jmb/Y15/img/sprite/icons_top.png);
	background-repeat:no-repeat;
	background-size:250px 150px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.jmb_icon_validmile {
	width:31px;
	height:31px;
	background-position:0 0;
}
.jmb_icon_person {
	width:15px;
	height:15px;
	background-position:0 -66px;
}
.jmb_icon_ponta {
	width:15px;
	height:15px;
	background-position:-20px -66px;
}
.jmb_icon_mile {
	width:15px;
	height:15px;
	background-position:-40px -66px;
}
.jmb_icon_usemile {
	width:25px;
	height:25px;
	background-position:0 -36px;
}
.jmb_icon_storemile {
	width:25px;
	height:25px;
	background-position:-30px -36px;
}
.jmb_icon_storemile_lrg {
	width:54px;
	height:54px;
	background-position:0 -86px;
}
.jmb_icon__procedure_menu{
    width: 27px;
    height: 27px;
    background-position: -55px -34px;
}
.jmb_icon_usemile_lrg {
	width:54px;
	height:54px;
	background-position:-59px -86px;
}


/*-- memberMenu --*/
.memberMenuHead {
	padding-top:49.07%;
	background:url(/jmb/Y15/img/bg_membermenu_01.png) no-repeat center center #0c0a09;
	-webkit-background-size:cover;
	background-size:cover;
	position:relative;
	overflow:hidden;
	color:#fff;
}
.memberMenuHead.statHigher { background-image: url(/jmb/Y15/img/bg_membermenu_02.png); }
.memberMenuHead_lead {
	padding:0 10px;
	position:absolute;
	top:15%;
	left:0;
	font-size:1.2rem;
}
.memberMenuHead_deta {
	display:table;
	width:100%;
	margin-top:0;
	padding:0 10px;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.memberMenuHead_deta .num {
	margin-right:4px;
	font-size:2.4rem;
	display:inline-block;
	width:5em;
}
.memberMenuHead_deta .deno {
	font-size:1.0rem;
}
.memberMenuHead_link {
	padding:0 10px;
	position:absolute;
	bottom:0;
	right:0;
}
.memberMenuHead_link .wrap {
	display:block;
	margin-right:-10px;
	padding:14px 30px 14px 10px;
	position:relative;
	text-align:right;
	color:#fff;
}
.memberMenuHead_link .inr {
	display:inline-block;
	vertical-align:middle;
}
.memberMenuHead_link .icon_arwWT_rgt:after {
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.procedure_menu .icon_arwWT_rgt:after{
content: none;
}
.memberMenu .linkBox.courseSelect > .wrap {
	background-color:#2b2929;
	text-align:right;
	color:#fff;
}

.memberMenu .linkBoxList {
	background-color:#b2242f;
}
.memberMenu .linkBox.parent > .wrap{
	padding-top:12px;
	padding-bottom:11px;
	background-color:#b2242f;
	color:#fff;
}

.memberMenu .linkBox.child .linkBoxList {
	background-color:#e5e5e5;
}
.memberMenu .linkBox.child > .wrap {
	padding-top:13px;
	padding-bottom:13px;
	background-color:#ca3540;
	color:#fff;
}
.memberMenu .linkBox.gChild > .wrap {
	background-color:#f2f2f2;
}


/*-- enroll --*/
.enroll {
	background-color:#ca3540;
}
.enroll_head {
	font-size:0;
}
.enroll_body {
	padding:0 35px 30px;
}
.enroll_btn {
	display:block;
	width:100%;
	padding:16px 30px 14px;
	position:relative;
	background-color:#fff;
	text-align:center;
	color:#ca3540;
	font-weight:bold;
}
.enroll_btn:after {
	content:"";
	display:inline-block;
	width:8px;
	height:12px;
	background:url(/jmb/Y15/img/icon_arw_enroll.png) no-repeat 0 0;
	background-size:8px 12px;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}


/*-- memberEntrance --*/
.memberEntrance {
	position:relative;
}
.memEntrance_bg {
	font-size:0;
}
.memEntrance_inr {
	width:100%;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.memEntrance_head,
.memEntrance_lead {
	font-size:0;
}
.memEntrance_btn {
	display:block;
	width:62.5%;
	margin:0 auto;
	padding:16px 30px 14px;
	position:relative;
	background-color:#03428f;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.memEntrance_btn:after {
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}


/*-- induceJC --*/
.tmbBox.induceJC .wrap {
	padding:10px 30px 10px 10px;
	background:url(/jmb/Y15/img/bg_induce_jalcard.gif) repeat 0 0;
}
.tmbBox.induceJC .image {
	height:auto;
}
.tmbBox.induceJC .content {
	color:#fff;
	font-size:1.4rem;
	font-weight:bold;
}
.tmbBox.induceJC .heading {
	font-size:1.6rem;
}
.tmbBox.induceJC .fcJC {
	color:#ecca0b;
}
.tmbBox.induceJC + .tmbBox.induceJC{
border-top: 1px solid #ca3540;
}

/*-- promotion --*/
.promotion {
	margin-top:0;
	background-image:url(/jmb/Y15/img/bg_promo.jpg);
}


/*-- aboutMile --*/
.aboutMile {
	margin-top:30px;
	padding:0 10px;
	background-color:#f0f0f0;
}
.aboutMile_inr {
	padding:20px 0;
	border-top:1px solid #dcdcdc;
}
.aboutMile_inr:first-child {
	border-top:none;
}
.aboutMile_head {
	padding-bottom:15px;
	text-align:center;
}
.aboutMile_ttl {
	margin-top:5px;
	color:#c9323c;
	font-size:2.0rem;
	font-weight:bold;
}
.aboutMile_lead {
	margin-top:5px;
	color:#666;
}

.aboutMile .tmbBox.withLabel .wrap {
	padding-top:10px;
	padding-bottom:10px;
}
.aboutMile .tmbBox.withLabel .wrap:before {
	content:"";
	display:block;
	width:53px;
	height:53px;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.aboutMile .tmbBox.withLabel .wrap.label01:before {
	background-image:url(/jmb/Y15/img/icon_store_label_01.png);
}
.aboutMile .tmbBox.withLabel .wrap.label02:before {
	background-image:url(/jmb/Y15/img/icon_store_label_02.png);
}
.aboutMile .tmbBox.withLabel .image {
	width:60px;
	height:auto;
	padding-top:22px;
}
.aboutMile .tmbBox02.withLabel .image {
	width:68px;
	height:auto;
	padding-top:5px;
}
