@charset "utf-8";
/* CSS Document */
#container{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝体", "Yu Mincho", YuMincho, "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
	color:#222222;
	width:960px !important;
}

a:link{
	text-decoration: none;
}

.btn a{
	box-shadow:none !important;
}



.desb{
	display: block;
}
.c-f:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.c-f{
	min-height:1%;
	display:block;
	margin: 30px 0 0 0;
}
.mt5{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt15{
	margin-top:15px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt25{
	margin-top:25px !important;
}
.mt40{
	margin-top:40px !important;
}
.mt50{
	margin-top:50px !important;
}
.mb00{
	margin-bottom:0 !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.sp-head{
	display: none;
}
.lead {
    font-size:14px;
    line-height:1.7;
}
.lead  a{
	text-decoration:underline;
}
h3.rs_h2_title_bar {
	padding: 10px 15px;
	background-color:#3b860d;
	color: #fff;
	font-size: 16px;
	margin-top:20px;
}
.bold{
	font-weight:bold;
}
.txt-red{
	color:#eb4055;
}
.txt-gray{
	color:#434343;
}
.txt-kome{
	font-size:11px;
	color:#434343;
}
@media screen and (max-width: 768px) {
	#container{
		font-family: 'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	.pc-head{
		display:none;
	}
	.sp-head{
		display:block;
	}
	.lead {
		padding:0 10px;
		max-height:999999px;
	}
	h3.rs_h2_title_bar{
		margin: 15px 10px 0 !important;
		max-height:999999px;
		font-weight:normal !important;
		padding: 7px 10px !important;
	}
	.txt-kome{
		padding:10px;
	}
	.bottom_btn{
		margin:0 10px;
		max-height:999999px;
	}
}



/*--------------------------------------
  　ボタン赤
--------------------------------------*/
.btn-red a {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #eb4055;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #bf3646;
	-moz-box-shadow: 0px 5px 0px 0px #bf3646;
	-webkit-box-shadow: 0px 5px 0px 0px #bf3646;
	color: #FFF;
	font-size:28px;
	text-align: center;
}
.btn-red a:hover {
	color: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3
}
.btn-red-fin span {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #75202a;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #5f1b23;
	-moz-box-shadow: 0px 5px 0px 0px #5f1b23;
	-webkit-box-shadow: 0px 5px 0px 0px #5f1b23;
	color: #7f7f7f;
	font-size:28px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.btn-red a,.btn-red-fin span {
		width:auto;
		margin:0 15px 20px;
		padding:10px 0;
		max-height:999999px;
		font-size:16px;
	}
}




/*--------------------------------------
  　キャンペーン期間＆プレー対象期間
--------------------------------------*/
.deadline_sp{
	display:none;
}
.deadline_pc {
  background-color: #fff;
	color: #fff;
  font-size:1.3em;
  font-weight: bold;
  text-align: center;
	margin:20px 0;
}
.deadline_pc ul {
	border: 1px solid #acacaa;
    line-height: 2.5;
}
.deadline_pc ul li {
  background-color: #ffffff;
    color: #313131;
    display: table-cell;
    font-weight: bold;
    padding: 0 16px;/*年をまたぐ時は9px*/
}
.deadline_pc ul li.ulTitle01 {
    background-color: #c0c0c0;
}
.deadline_pc ul li.ulTitle02 {
    background-color: #c0c0c0;
}
/*
br.sp_block,br{
	display:none;
}
*/
@media screen and (max-width: 768px) {
		.deadline_pc{
			display:none;
		}
		.deadline_sp{
			background-color:#fff;
			text-align:left;
			display:block;
			padding:5px 0 0;
			font-weight:bold !important;
			font-size:14px;
			margin:5px 10px 25px;
		}
		.deadline_sp .Title01{
			width:100%;
			border-left:1px solid #acacaa;
			border-right:1px solid #acacaa;
			border-top:1px solid #acacaa;
			font-weight:bold !important;
		}
		.deadline_sp .Title01 th{
			width:40%;
			padding: 0;
			font-weight:bold;
			text-align:center;
			vertical-align:middle;
			background-color:#c0c0c0;
			border-bottom:1px solid #acacaa;
		}
		.deadline_sp .Title01 td{
			height:auto;
			background-color:#fff;
			padding:4px 0 4px 15px;
			line-height:1.4;
			vertical-align:middle;
			border-bottom:1px solid #acacaa;
		}
}
@media screen and (max-width: 480px) {
	/*
	br.sp_block{
		display:block;
	}
	*/
}



/*---------------------------------
  　　エリアメニュー
-----------------------------------*/
/*4エリア*/
.tab-area{
	width:960px;
	margin:15px 0;
	padding:0;
}
.rs-gc-ttl_content{
	display:none;
}
.tab-area li a{
	width:231px;
	margin-right:12px;
	float:left;
	box-sizing:border-box;
}
.tab-area li.last a{
	margin-right:0;
}
.tab-area li a{
  display:block;
	padding:15px 0;
  border:1px solid #343434;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -ms-border-radius:5px;
  background:#fff;
  color:#333;
  font-size:20px;
  text-align: center;
  box-shadow: 0px 3px 0px 0px #343434;
  -moz-box-shadow: 0px 3px 0px 0px #343434;
  -webkit-box-shadow: 0px 3px 0px 0px #343434;
}
.tab-area li a:hover{
	background:#FFFFFF;
	border:#e7364a 1px solid;
	color:#e7364a;
  box-shadow: 0px 3px 0px 0px #e7364a;
  -moz-box-shadow: 0px 3px 0px 0px #e7364a;
  -webkit-box-shadow: 0px 3px 0px 0px #e7364a;
}
.tab-area li a.active{
  display: block;
	padding:15px 0;
    border: 1px solid #e7364a;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background: #fff;
    color: #eb4055;
    font-size:20px;
    text-align: center;
    box-shadow: 0px 3px 0px 0px #e7364a;
    -moz-box-shadow: 0px 3px 0px 0px #e7364a;
    -webkit-box-shadow: 0px 3px 0px 0px #e7364a;
}

@media screen and (max-width: 768px) {
	/*4エリア*/
	.tab-area{
		width:100%;
		margin:0;
	}
	.rs-gc-ttl_content{
		display:none;
	}
	.tab-area ul{
		width:100%;
		margin:0 auto;
		padding:0 10px;
		box-sizing:border-box;
	}
	.tab-area li a{
		width:49%;
		margin-right:2%;
		margin-bottom:4%;
		float:left;
		 font-size:18px;
		box-sizing:border-box;
	}
	.tab-area li:nth-child(even) a{
		margin-right:0;
	}
	.tab-area li a{
		display:block;
		padding:15px 0;
		border:1px solid #343434;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		background:#fff;
		color:#333;
		font-size:20px;
		text-align: center;
		box-shadow: 0px 3px 0px 0px #343434;
		-moz-box-shadow: 0px 3px 0px 0px #343434;
		-webkit-box-shadow: 0px 3px 0px 0px #343434;
	}
	.tab-area li a:hover{
		background:#FFFFFF;
		border:#e7364a 1px solid;
		color:#e7364a;
		box-shadow: 0px 3px 0px 0px #e7364a;
		-moz-box-shadow: 0px 3px 0px 0px #e7364a;
		-webkit-box-shadow: 0px 3px 0px 0px #e7364a;
	}
	.tab-area li a.active{
		display: block;
		padding:15px 0;
			border: 1px solid #e7364a;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
			background: #fff;
			color: #eb4055;
			font-size:20px;
			text-align: center;
			box-shadow: 0px 3px 0px 0px #e7364a;
			-moz-box-shadow: 0px 3px 0px 0px #e7364a;
			-webkit-box-shadow: 0px 3px 0px 0px #e7364a;
	}
	.rs-gc-content {
		display:block;
	}
}




/*---------------------------------
  　　キャンペーン＆応募ステップ
-----------------------------------*/
.campaign-catch{
	margin:0 auto;
	padding:0;
	text-align:center;
}

/*3STEP*/
.step02{
	position:relative;
	float:left;
	margin-bottom:30px;
}
.step02.first{
	width:322px;
	margin-right: 3px;
	/* margin-top:1px;
	z-index:10; */
}
.step02.second{
	width:322px;
	margin-right: 3px;
	/* margin-top:0;
	margin-left:-8px;
	z-index:5; */
}
.step02.third{
	width:310px;
	/* margin-top:6px;
	margin-left:-7px;
	z-index:1; */
}
.step02 .btn{
	width:270px;
	position:absolute;
	margin:0 auto;
	left:20px;
	bottom:25px;
}
.step02 .btn a{
	background-color:#dc6e36;
	border-radius:4px;
	display:block;
	text-align:center;
	font-size:14px;
	color:#fff;
	line-height:1;
	padding:16px 0;
}
.step02 .btn a:hover{
	background-color:#dc6e36;
}

@media screen and (max-width: 768px) {
	.campaign-catch{
		margin:0 auto;
		padding:0 10px;
		text-align:center;
	}
	.campaign-catch .join{
		width:35%;
		margin:0 auto;
	}
	.step02{
		position:relative;
		width:100%;
		float:none;
		margin:0 auto;
		padding:0 10px;
			box-sizing:border-box;
	}
	.step02.first{
		width:100%;
		margin:0 auto;
		/* z-index:10; */
	}
	.step02.second{
		width:100%;
		margin:0 auto;
		/* z-index:5; */
	}
	.step02.third{
		width:100%;
		margin:0 auto;
		/* z-index:1; */
	}
	.step02 .btn{
		width:70%;
		position:absolute;
		margin:0 auto;
		left:0;
		RIGHT:0;
		bottom:14%;
	}
	.step02 .btn a{
		background-color:#dc6e36;
		border-radius:4px;
		display:block;
		text-align:center;
		font-size:14px;
		color:#fff;
		line-height:1;
		padding:16px 0;
	}
	.step02 .btn a:hover{
		background-color:#dc6e36;
	}

}
@media screen and (max-width: 640px) {
	.step02 > img {
		width: 100%;
	}
}




/*--------------------------------------
  　　賞品一覧
--------------------------------------*/
.sp-area{
	display:none;
}
.pc-area .pre-1box div{
	width:960px;
	margin-top:0;
}
.pc-area .pre-3box div{
	float:left;
	margin-right:15px;
	width:310px;
	margin-top:0;
}
.pc-area .bnr div{
	position:relative;
	margin:0 auto 60px;
	width:960px;
	margin-top:0;
}
.pc-area .bnr a{
	display:block;
	transition:all ease 0.3s;
	text-decoration:none;
}
.pc-area .bnr a:hover{
	opacity:0.6;
}
.pc-area .bnr div .btn{
	width:400px;
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	bottom:-20px;
	background-color:#dc6e36;
	border-radius:20px;
	display:block;
	text-align:center;
	font-size:18px;
	color:#fff;
	line-height:1;
	padding:11px 0;
}

.mr0{
	margin-right:0 !important;
}

@media screen and (max-width: 768px) {
	.pc-area{
		display:none;
	}
	.sp-area{
		display:block;
	}
	.sp-area .pre-1box,
	.sp-area .pre-3box{
		margin:0 10px;
	}
	.sp-area .pre-3box div{
		float:none;
		margin-right:0;
		width:100%;
		margin-top:10px;
	}
	.sp-area .pre-3box img{
		width:100%;
		height:100%;
	}
	.sp-area .bnr{
		margin:0 10px 36px !important;
	}
	.sp-area .bnr div{
		position:relative;
		width:100%;
	}
	.sp-area .bnr div .btn{
		width:95%;
		position:absolute;
		margin:0 auto;
		left:0;
		right:0;
		bottom:-16px;
		background-color:#dc6e36;
		border-radius:20px;
		display:block;
		text-align:center;
		font-size:14px;
		color:#fff;
		line-height:1;
		padding:8px 0;
	}
	.sp-area .bnr div .btn a:hover{
		background-color:#dc6e36;
	}

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





/*---------------------------------
  　ゴルフ場コース
-----------------------------------*/
ul.rs_course .sp-area{
	display:inline;
}
ul.rs_course{
	width:960px;
	margin:0;
}
ul.rs_course li{
	position:relative;
	float:left;
	width:312px;
	/* height:620px; */
	margin:0 12px 12px 0;
	padding:6px 6px 30px;
	font-size:14px;
	line-height:1.5;
	letter-spacing:-0.02em;
	border:solid 1px #dcdcdc;
	box-sizing:border-box;
}
ul.rs_course li:nth-child(3n){
	margin:0 0 12px 0;
}
ul.rs_course li .img{
	margin:0 auto 12px;
}
ul.rs_course li .course-name{
	display:block;
	padding:0 20px;
	font-size:17px;
	font-weight:bold;
	color:#0e5810;
}
ul.rs_course li .copy{
	/*position:absolute;*/
	margin:5px auto 0;
	padding:0 20px;
	font-size:14px;
	color:#424242;
	font-weight:bold;
	/* left:0;
	right:0;
	top:275px; */
}
ul.rs_course li .txt{
	/* position:absolute; */
	margin:7px 0 auto;
	padding:0 20px;
	text-align:left;
/* 	left:0;
	right:0;
	top:320px; */
}
ul.rs_course li .txt-14{
	font-size:14px;
}
ul.rs_course li .btn-red {
  margin-top: 20px;
}
ul.rs_course li .btn-red a {
	/* position:absolute; */
	display:block;
	width:260px;
	margin:0 auto;
	padding:15px 0;
	background-color:#eb4055;
	border-radius: 4px;
	box-shadow: 0px 4px 0px 0px #bf3646;
	-moz-box-shadow: 0px 4px 0px 0px #bf3646;
	-webkit-box-shadow: 0px 4px 0px 0px #bf3646;
	color: #fff;
	font-size:16px;
	text-align: center;
	/* left:0;
	right:0;
	bottom:28px; */
}
ul.rs_course li .btn-red a:hover {
	color: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3
}

@media screen and (max-width: 768px) {
	ul.rs_course .sp-area{
		display:none;
	}
	ul.rs_course{
		width:96%;
		margin:0 auto;
		box-sizing:border-box;
	}
	ul.rs_course li{
		position:relative;
		float:none;
		width:100%;
		height:auto;
		margin:0 auto 15px;
		padding:10px;
		font-size:14px;
		line-height:1.5;
		letter-spacing:-0.02em;
		border:solid 1px #c7c7c7;
		background-color:#eee;
		box-sizing:border-box;
	}
	ul.rs_course li:nth-child(3n){
		margin:0 auto 15px;
	}
	ul.rs_course li .img{
		width:27%;
		height:auto;
		margin:0;
		border:solid 6px #fff;
		overflow:hidden;
	}
	ul.rs_course li .course-name{
		position:absolute;
		top:10px;
		left:35%;
		margin:0;
		padding:0;
		font-size:18px;
		color:#010101;
		text-decoration:none;
	}
	ul.rs_course li .copy{
		position:static;
		margin:10px auto 0;
		padding:0;
		font-size:14px;
		color:#000;
		font-weight:normal;
	}
	ul.rs_course li .txt{
		position:static;
		margin:7px 0 auto;
		padding:0;
	}
	ul.rs_course li .btn-red {
    margin:15px auto 5px;
  }
	ul.rs_course li .txt-14{
		font-size:14px;
	}
	ul.rs_course li .btn-red a {
		position:static;
		display:block;
		width:96%;
		margin:0 auto;
		padding:10px 0;
		font-size:16px;
	}
	ul.rs_course li .btn-red a:hover {
		padding: 10px 0;
		font-size:16px;
	}

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




/*--------------------------------------
  　キャンペーン概要
--------------------------------------*/
#outline_box {
	margin: 0 0 15px;
	border: 2px solid #3b860d;
	font-size: 1.2em;
}
#outline_box dl{
	margin:5px 0;
}
#outline_box dt{
	padding:10px 0 0 15px;
	font-weight:bold;
	color:#3b860d;
	float:left;
}
#outline_box dd{
	padding:10px 10px 10px 210px;
	border-bottom:1px dashed #ccc;
	line-height:140%;
}
#outline_box dd.last{
	border:0;
}
@media screen and (max-width: 768px) {
	#outline_box {
		margin: 0 10px;
		padding-top:5px;
	}
	#outline_box dl{
		margin: 0;
		padding: 3px;
	}
	#outline_box dt{
		float:none;
		padding: 0 0 0 5px;
		max-height:999999px;
	}
	dl.outline dt {
		padding: 5px;
	}
	#outline_box dd{
		padding: 0 0 10px 5px;
		max-height:999999px;
	}
}

/*--------------------------------------
  　注意事項
--------------------------------------*/
.notice_tit {
	padding: 8px 15px;
	background-color: #ccc;
	font-size: 1.2em;
}
#notice_box {
	margin: 0 0 10px;
	width:956px;
	border: 2px solid #ccc;
	font-size: 1.2em;
}
#notice_box dl{
	margin: 0;
}
#notice_box dt{
	padding:10px 0 0 15px;
	font-weight:bold;
	float:left;
	width: 18%;
}
#notice_box dd{
	padding:10px 10px 10px 210px;
	border-bottom:1px dashed #ccc;
	line-height:140%;
}
#notice_box dd.last{
	border:0;
}
#notice_box ul{
	margin-left: 0;
}
#notice_box ul li {
	list-style: none;
/*	list-style-position: outside;*/
}
#notice_box ul li .color {
	color:#f00;
}
@media screen and (max-width: 768px) {
	.notice_tit {
		padding:5px 10px;
		font-size:14px;
		margin:0 10px;
	}
	#notice_box {
		margin: 0 10px 20px;
		width:auto;
		padding-top:5px;
	}
	#notice_box dl{
		margin: 0;
		padding: 3px;
	}
	#notice_box dt{
		float:none;
		padding: 0 0 0 5px;
		width: 100%;
	}
	#notice_box dd{
		padding: 10px 15px;
	}
	#notice_box ul{
/*		margin-left:10px;*/
	}
	#notice_box ul li {
		list-style: none;
	/*	list-style-position: outside;*/
		max-height:999999px;
	}
	.btn_info{
		margin:0 10px;
	}
}

/*--------------------------------------
  　キャンペーン終了対応
--------------------------------------*/
#str_container #res-header{
	position:relative;
}
#str_container #res-header .h-txt{
	display:none;
}
#str_container #res-header-fin{
	position:relative;
	background:#000;
}
#str_container #res-header-fin .pc-head{
	width: 100%;
	height: 100%;
	z-index: 999;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#str_container #res-header-fin .h-txt {
	position:absolute;
	background:#fff;
	padding:20px 40px;
	top:50%;
	left:290px;
	margin:-50px 0 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index: 999999;
	text-align:center;
}
#str_container #res-header-fin .h-txt p {
	font-size:160%;
	font-weight:bold;
	color:#ff0000;
}
#str_container #res-header-fin .h-txt p span {
	font-size:80%;
	font-weight:normal;
}
@media screen and (max-width: 768px) {
	#str_container #res-header-fin{
		margin:0 0 10px;
	}
	#str_container #res-header-fin .sp-head{
		width: 100%;
		height: 100%;
		z-index: 999;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		line-height:0;
	}
	#str_container #res-header-fin .h-txt {
		max-height: 999999px;
    	line-height: 1.3;
    	margin-left: -38%;
    	left: 50%;
    	width: 66%;
    	padding: 5% 5%;
	}
	#str_container #res-header-fin .h-txt p {
		font-size:14px;
	}
	#str_container #res-header-fin .h-txt p span {
		font-size:14px;
	}
}

/*---------------------------------
  　ページTOP
-----------------------------------*/
#page-top {
    bottom: 20px;
    display: block;
    position: fixed;
    margin-left: 980px;
	width: 960px;
}
#page-top img{
	width:50px;
	height:50px;
}
@media screen and (max-width: 768px) {
/*通常ページ*/
	#page-top {
    	right: 20px;
		width:auto;
		margin-left:0;
		z-index:5;
	}
/*/s/ページ*/
	/*#page-top {
    	bottom: 100px;
    	width:auto;
		margin-left:0;
    	right: 20px;
		z-index:5;
	}*/
}
@media screen and (max-width: 640px) {
	#page-top img {
    	width: 40px;
    	height: 40px;
	}
}

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome,#container {
	  font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

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

#str_container #header-fin {
  width:100%;
}
#str_container #header-fin .h-txt{
  width:90%;
  padding:5px 20px 10px;
  top:50%;
  left:50%;
  margin:-26px 0 0 -45%;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:6px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  box-sizing:border-box;
  z-index: 999999;
  text-align:center;
  max-height: 999999px;
  line-height:1.3;
}
#str_container #header-fin .h-txt p {
  font-size:15px;
}
#str_container #header-fin .h-txt p span {
  font-size:12px;
}
}