@charset "UTF-8";

body {
	background: #fff;
	color: #000;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ",'Meiryo',"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-text-size-adjust: none;
}

body * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#main-visual img {
	width: 100%;
	height: auto;
}

#campaign .cp-category .cp-color {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
}

#campaign .cp-category .txt-area {margin: 30px 30px 0px;}





/* -----------------------------------------
	PC
----------------------------------------- */

/* base */
#main .content {
	position: relative;
	margin: 0 auto 90px;
	padding: 0 0 80px 0;
	min-height: 1px;
	width: 950px;
	text-align: left;
}
#main .content:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#skipLink a {
	background: none repeat scroll 0 0 #eee;
	color: #333;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 0;
	margin-top: -1px;
	overflow: hidden;
}

.iiMark img {
	vertical-align: -0.1em;
	width: 14px;
	height: 14px;
}


/* キャンペーン期間 */
#campaign .cp-category .cp-period {font-size: 130%;}



/* キャンペーン概要 */
#campaign .auto,
#campaign .required,
#campaign .member {
	display: inline-block;
	vertical-align: top;
	padding: 1em 0.2em 1em;
	background: #fff none repeat scroll 0% 0%;
	font-weight: bold;
	text-align: center;
	width:20%;
	font-size: 130%;
}

#campaign .auto {
	background: #fff none repeat scroll 0% 0%;
	color: #0a8c0d;
	border: 4px solid #0a8c0d;
}
#campaign .required {
	color: #085eb4;
	border: 4px solid #085eb4;
}
#campaign .member {
	color: #e60012;
	border: 4px solid #e60012;
}
#campaign .detail-text {
	display: inline-block;
	vertical-align: top;
	width: 75%;
	margin-left: 31px;
}


/* キャンペーン概要 こちらを使用してください 　ここから*/

.entry_box {
	margin-bottom: 3%;
	display: flex;
	flex-wrap: wrap;
}

#campaign .auto_entry,
#campaign .required_entry,
#campaign .member_entry {
	font-weight: bold;
	text-align: center;
	width:20%;
	font-size: 130%;
  vertical-align: middle;
	padding: 1.1em;
}

#campaign .auto_entry {
	background: #fff none repeat scroll 0% 0%;
	color: #0a8c0d;
	border: 4px solid #0a8c0d;
}
#campaign .required_entry {
	color: #085eb4;
	border: 4px solid #085eb4;
}
#campaign .member_entry {
	color: #e60012;
	border: 4px solid #e60012;
}


@media screen and (max-width: 640px) {
#campaign .auto_entry, #campaign .required_entry, #campaign .member_entry {
    font-weight: bold;
    text-align: center;
    width: 65%;
    font-size: 130%;
    margin: auto auto 7%;
	}
}

/* キャンペーン概要 こちらを使用してください  ここまで*/


/* 賞品 */
#campaign .present li {font-size: 0;}
#campaign .present .left {float: left;}
#campaign .present .right {float: right;}



/* エントリー方法 */
#campaign .linkBtn {
	width: 100%;
	margin: 0 auto;
}
#campaign .linkBtn a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 20px;
	width: 50%;
	position: relative;
	font-size: 130%;
	margin: 0 auto;
}
#campaign .linkBtn.windowicon a:before {
	background: transparent url("/card/common/img/cmn-parts.png") no-repeat scroll -85px 0px;
	display: block;
	content: "";
	height: 12px;
	position: absolute;
	left: 25px;
	top: 50%;
	width: 12px;
	margin: -8px 0px 0px;
}

#campaign .details_entry {
	margin: 0;
	padding: 20px;
	background: #fffee4 none repeat scroll 0% 0%;
	text-align: center;
	border-radius: 8px;
}

#campaign .detailx_entry_wrap {margin: 0 auto;}

#campaign .details_entry_left {
	display: inline-block;
	vertical-align: middle;
}

#campaign .cvBtn_login a {
	border-radius: 4px;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 15px 20px;
	border-bottom: 3px solid #0077B1;
	color: #FFF;
	background: #008CD0 none repeat scroll 0% 0%;
	width: 400px;
	position: relative;
	line-height: 1.3;
	font-size: 130%;
}
#campaign .cvBtn_login a:hover {
	background: #085EB4;
	border-bottom-color: #008CD0;
}
#campaign .cvBtn_login a:before {
	background: transparent url("/card/common/img/cmn-parts.png") no-repeat scroll -52px 0px;
	display: block;
	content: "";
	height: 16px;
	position: absolute;
	left: 25px;
	top: 50%;
	width: 10px;
	margin: -8px 0px 0px;
}

#campaign .details_entry_right {
	display: inline-block;
	vertical-align: middle;
}

#campaign .details_entry .details_entry_list {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	text-align: left;
}

#campaign .cvBtn a {
	border-radius: 4px;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 20px;
	width: 50%;
	margin: 0 auto;
	font-size: 130%;
	position: relative;
}

#campaign .inter_box .inter {
	width:18%;
	max-width: 250px;
	text-align: center !important;
	border-radius: 5px;
	padding: 20px 10px 20px 10px;
	margin-right: 2%;
	font-weight:bold;
	color: #085eb4;
	border: 4px solid #085eb4;
	float:left;
}
#campaign .inter_box .tel {
	width:18%;
	max-width: 250px;
	text-align: center !important;
	border-radius: 5px;
	padding: 20px 10px 20px 10px;
	margin-right: 2%;
	font-weight:bold;
	color: #0A8C0D;
	border: 4px solid #0A8C0D;
	float:left;
}
#campaign .inter_box .inter_txt {
	width:80%;
	float:left;
}
#campaign .inter_box .phone {
	font-size: 257.1%;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.1;
	margin-bottom: 5px;
	padding-left: 40px;
	position: relative;
}
#campaign .inter_box .phone::before {
	background: transparent url("/card/common/img/cmn-parts.png") no-repeat scroll 0px -18px;
	content: "";
	display: block;
	height: 30px;
	left: 0px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	width: 30px;
}




/* 緑ボタン */
#campaign .grnbtn {
	width: 400px;
	margin: 0 auto;
}
#campaign .grnbtn a {
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 20px;
	width: 400px;
	position: relative;
	font-size: 130%;
}
#campaign .grnbtn.arrow a:before {
	background: transparent url("/card/common/img/cmn-parts.png") no-repeat scroll -52px 0px;
	display: block;
	content: "";
	height: 16px;
	position: absolute;
	left: 25px;
	top: 50%;
	width: 10px;
	margin: -8px 0px 0px;
}



/* ビューゴールドプラスカード限定 */
.gold-plus-only {
	display: table;
	margin: 30px auto 5px;
	width: 100%;
	line-height: 1.4 !important;
	font-size: 1.3em;
	font-weight: bold;
}
.gold-plus-only dt {
	display: table-cell;
	padding: 15px 10px 15px 20px;
	width: 30%;
	min-width: 7em;
	background-color: #F6EEDD;
	vertical-align: middle;
	color: #b0872b;
}
.gold-plus-only dd {
	display: table-cell;
	padding: 15px 20px 15px 30px;
	background: url(/card/common/img/gpo-arrow.png) 0 0 no-repeat #b0872b;
	background-size: 20px 100%;
	vertical-align: middle;
	color: #fff;
}



/* ※PCのJRロゴ落ち調整 */
@media screen and (min-width: 641px) {
	#globalHeader .utility .logoJR {margin: 0 !important;}
}




/* -----------------------------------------
	SP
----------------------------------------- */

@media screen and (max-width: 640px) {

	/* base */
	#main .content {
		width: 100%;
		min-width: 320px;
		margin: 0 0 87px 0;
		padding: 0 10px;
	}

	#main .breadCrumbs {
		width: 100%;
		min-width: 320px;
		padding: 0 10px;
	}
	#main .breadCrumbs li {text-align: left;}



/* キャンペーン期間 */
	#campaign .cp-category .cp-period {font-size: 110%;}



/* キャンペーン内容 */
	#campaign .auto, #campaign .required, #campaign .member {
    font-weight: bold;
    text-align: center;
    width: 60% !important;
    font-size: 130%;
    margin: auto auto 7%;
	display: block;
	}
	
	#campaign .auto {
		background: #fff none repeat scroll 0% 0%;
		color: #0a8c0d;
		border: 4px solid #0a8c0d;
	}
	#campaign .required {
		color: #085eb4;
		border: 4px solid #085eb4;
	}
	#campaign .member {
		color: #e60012;
		border: 4px solid #e60012;
	}

	#campaign .detail-text {
		display: block;
		width: 100%;
		margin: 0;
	}



	/* 賞品 */
	#campaign .present {text-align: center;}
	#campaign .present .left,
	#campaign .present .right {
		float: none;
	}
	#campaign .present .left {margin-bottom: 20px;}
	#campaign .present .left img,
	#campaign .present .right img {
		width: 90%;
	}



	/* エントリー方法 */
	#campaign .linkBtn {width: 100%;}
	#campaign .linkBtn a {
		width: 100%;
		font-size: 100%;
	}
	#campaign .linkBtn a:before {left: 5%;}

	#campaign .details_entry {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}

	#campaign .detailx_entry_wrap {width: 100%;}

	#campaign .details_entry_left {
		display: block;
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	#campaign .cvBtn_login a {
		width: 100%;
		font-size: 100%;
	}

	#campaign .cvBtn_login a:before {left: 5%;}

	#campaign .details_entry_right {margin-top: 15px;}

	#campaign .details_entry .details_entry_list {
		margin: 0 auto;
		padding: 0px;
	}

	#campaign .cvBtn a {
		width: 100%;
		font-size: 100%;
	}

	#campaign .windowicon a:before {left: 5%;}

	#campaign  .inter_box {
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	#campaign .inter_box .inter {
		text-align: center !important;
		border-radius: 5px;
		padding: 20px 10px 20px 10px;
		margin-right: 0%;
		font-weight:bold;
		color: #085eb4;
		border: 4px solid #085eb4;
		float:none;
		width: 65%;
		margin: 0 auto 25px;
	}
	#campaign .inter_box .inter_txt {
		float:none;
		width:100%;
		text-align:center;
	}

	#campaign .inter_box .tel {
		text-align: center !important;
		border-radius: 5px;
		padding: 20px 10px 20px 10px;
		margin-right: 0%;
		font-weight:bold;
		color: #0A8C0D;
		border: 4px solid #0A8C0D;
		float:none;
		width: 65%;
		margin: 0 auto 25px;
	}



	/* 緑ボタン */
	#campaign .grnbtn {width: 100%;}
	#campaign .grnbtn a {
		width: 100%;
		font-size: 100%;
	}
	#campaign .grnbtn.arrow a:before {left: 5%;}



	/* ビューゴールドプラスカード限定 */
	.gold-plus-only {font-size: 1.0em;}
	.gold-plus-only dt {min-width: 7.5em;}



}


#main footer.simple .content {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
}