@charset "utf-8";
/* CSS Document */
html {
    overflow-x: hidden;
}
#container{
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222222;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
	display:block;
}
.c-f:after{
	content:"";
	display:block;
	clear:both;
  overflow: hidden;
}
.mt15{
	margin-top:15px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt40{
	margin-top:40px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.p10 {
  padding: 10px!important;
}
.bgGray {
  background: #ccc!important;
}
.sp-head,.sp-link,.sp-block{
	display: none !important;
}
.lead {
    font-size:14px;
    line-height:1.7;
}
.lead  a{
	text-decoration:underline;
}
h2.rs_h2_title_bar {
	padding: 10px 15px;
	background-color:#3695d6;
	color: #fff;
	font-size: 16px;
	margin-top:20px;
}
h2.rs_h2_title_bar_02 {
	padding: 10px 15px;
	background-color:#3695d6;
	color: #fff;
	font-size: 16px;
}
h3.rs_h3_title_bar{
	padding: 5px 15px !important;
	background-color:#898989;
	color: #fff;
	font-size: 16px;
	font-weight:normal !important;
	border-left:none !important;
	margin-top:20px !important;
}
h4.rs_h4_title_bar{
	border-left:5px solid #898989;
	padding:0 15px;
	color:#434343;
	font-size: 16px !important;
	font-weight:normal !important;
	margin-top:20px !important;
}
.bold{
	font-weight:bold;
}
.txt-red{
	color:#eb4055;
}
.txt-gray{
	color:#434343;
}
.txt-kome{
	font-size:11px;
	color:#434343;
}
.txt-small{
	font-size: 14px;
}
.txt-center{
	text-align: center;
}
.m-lr15{
	margin-left: 15px;
	margin-right: 15px;
}
@media screen and (max-width: 768px) {
body {
  overflow-x: hidden;
}
#container{
	/*font-family: 'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',sans-serif;
}
.pc-head,.pc-link,.pc-block{
	display:none;
}
.sp-head,.sp-link,.sp-block{
	display:block !important;
}
.lead {
	padding:0 10px;
	max-height:999999px;
}
h2.rs_h2_title_bar{
	margin: 15px 10px 0 !important;
	margin: 15px 0px 0 !important;/*横マージンなし*/
	max-height:999999px;
	font-weight:normal !important;
	padding: 7px 10px !important;
}
h2.rs_h2_title_bar_02{
		margin-bottom: 10px;
}
h3.rs_h3_title_bar{
	margin: 15px 10px 0 !important;
	margin: 15px 0px 0 !important;/*横マージンなし*/
	padding: 5px 10px !important;
	max-height:999999px;
}
h4.rs_h4_title_bar{
	border-left:5px solid #898989;
	margin: 15px 10px 0 !important;
	padding:0 10px;
	max-height:999999px;
}
.txt-kome{
	padding:10px;
}
.txt-small{
	font-size: 12px;
}
.bottom_btn{
	margin:0 10px;
	max-height:999999px;
}
}
.sp-only-02{display: none;}
@media screen and (max-width: 640px){
	.pc-only-02{display: none;}
	.sp-only-02{display: block;}
}

@media screen and (min-width: 769px) {
  .pcMt40 {
    margin-top: 40px!important;
  }
  .pcMb40 {
    margin-bottom: 40px!important;
  }
}
@media screen and (max-width: 768px) {
  .spMb20 {
    margin-bottom: 20px!important;
  }
  .spMb30 {
    margin-bottom: 30px!important;
  }
  .spPr10 {
    padding-right: 10px!important;
  }
  .spPl10 {
    padding-left: 10px!important;
  }
}

/*--------------------------------------
  　キャンペーン期間＆プレー対象期間
--------------------------------------*/
.deadline_sp{
	display:none;
}
.deadline_pc {
    background-color: #fff;
	color: #fff;
    font-size: 1.3em;
    font-weight: bold;
	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: 5px 15px;
	line-height: 1.2;
	vertical-align: middle;
}
.deadline_pc ul li.ulTitle01 {
    background-color: #c0c0c0;
	padding: 0 20px;
}
.deadline_pc ul li.ulTitle02 {
    background-color: #c0c0c0;
	padding: 0 20px;
}
br.sp_block,br.sp_block_02,br.br_block{
	display:none;
}
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 768px){
	br.br_block{
		display:block;
	}
}
@media screen and (max-width: 767px) {
.deadline_pc{
	display:none;
}
.deadline_sp{
	background-color:#fff;
	text-align:left;
	display:block;
	font-weight:bold !important;
	font-size:14px;
	margin-bottom:15px;
	margin-top: 15px;
}
.deadline_sp dl{
	border-left:1px solid #acacaa;
	border-right:1px solid #acacaa;
	border-bottom:1px solid #acacaa;
	font-weight:bold !important;
  display: table;
  width: 100%;
}
.deadline_sp dt{
	width:34%;
	/*float : left;
	clear : both;*/
	padding:5px 0;
	text-align:center;
  display: table-cell;
  vertical-align: middle;
  width: 39.7%;
}
.deadline_sp dd{
	background-color:#fff;
	padding:8px 10px;
  display: table-cell;
}
.deadline_sp .Title01 dt{
	background-color:#c0c0c0;
	text-align:center;
	border-top:1px solid #acacaa;
}
.deadline_sp .Title02 dt{
	background-color:#c0c0c0;
	text-align:center;
}
.deadline_sp .Title01 dd{
	border-top:1px solid #acacaa;
}
br.sp_block_02{
	display:block;
}
}
@media screen and (max-width: 480px) {
/*.deadline_sp .Title02 dt{
	line-height:3.5;
}*/
	.deadline_sp .Title02 dt.line-4{
		line-height: 4.5;
	}
	.deadline_sp .Title02 dt.line-2{
	line-height: 2.4;
}
br.sp_block{
	display:block;
}
}
@media screen and (max-width: 370px) {
	.deadline_sp .Title02 dt.line-2{
	line-height: 3.5;
	}
}
	
/*--------------------------------------
  　ボタン赤
--------------------------------------*/
.btn-red a {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	background: #eb4055;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;/*変化を緩やかに*/
	font-size:26px;
}
.btn-red a:hover {
	color: #fff;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.btn-red-fin > span {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #75202a;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	color: #7f7f7f;
	font-size:26px;
	text-align: center;
  position: relative;
}
.btn-red a:active{  /* クリック時の設定 */
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	box-shadow:none;
}
.btn-red-fin > span .h-txt {
    position: absolute;
    background: #fff;
    padding: 5px 40px;
    top: 94%;
    left: 5%;
    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;
    display: block;
    width: 90%;
    box-sizing: border-box;
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
}
.btn-red-fin > span .h-txt > span {
  font-weight: normal;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
	.btn-red a {
		width:auto;
		margin:0 15px 20px;
		padding:10px 0;
		max-height:999999px;
		font-size:16px;
	}
  .btn-red-fin span {
		width:auto;
		margin:0 15px 20px;
		padding:20px 0;
		max-height:999999px;
		font-size:16px;
	}
  .btn-red-fin > span .h-txt {
    padding: 8px 10px;
    font-size: 14px;
  }
  .btn-red-fin > span .h-txt > span {
    font-size: 11px;
  }
}
@media screen and (max-width: 640px) {
	.btn-red a,.btn-red-fin span {
		margin:0 15px 20px;
	}
}
@media screen and (max-width: 340px) {
	.btn-red a,.btn-red-fin span {
		font-size:14px;
	}
}

/*---------------------------------
  　　エリアメニュー
-----------------------------------*/
/*6エリア*/
.tab-area{
	width:960px;
	margin:15px 0;
}
.rs-gc-ttl_content{
	display:none;
}
.tab-area li{
	width:155px;
	margin-right:5px;
	float:left;
}
.tab-area li span{
	display: block;
	padding:16px 0;
	background-color: #7b7b7b;
   border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	color: #cccccc;
    font-size: 18px;
    text-align: center;
}
.tab-area li a{
    display: block;
	padding:15px 0;
    border: 1px solid #5A5A5A;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    background: #fff;
    color: #333;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
	transition: .3s ease-out;/*変化を緩やかに*/
}
.tab-area li a:hover{
	background:#FFFFFF;
	border:#3695d6 1px solid;
	color:#3695d6;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.tab-area li a.active{
    display: block;
	padding:15px 0;
    border: 1px solid #3695d6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    background: #fff;
    color: #3695d6;
   font-size: 18px;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
	-webkit-tap-highlight-color: transparent;
}
.tab-area li a:active{  /* クリック時の設定 */
	-ms-transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	box-shadow:none;
}
@media screen and (max-width: 768px) {
/*6エリア*/
	.tab-area,.tab-area-02{
		width:auto;
		margin:10px 0;
	}
	#menu-box {
		overflow: hidden;
	}
	.rs-gc-ttl_content{
		display:block;
	}
	.rs-gc-ttl_content{
		padding: 10px;
		border-top:1px solid #d2d2d2;
		border-bottom:1px solid #d2d2d2;
		position: relative;
		max-height:999999px;
		font-size: 18px;
		font-weight: bold;
		margin-top: 10px;
	}
	.tab-area .rs-gc-ttl_content li,.tab-area-02 .rs-gc-ttl_content li{
		border-top:1px solid #d2d2d2;
	}
	.tab-area .rs-gc-content li,.tab-area-02 .rs-gc-content li{
		display: block;
		width: 100%;
		max-height:999999px;
		position: relative;
	}
	.tab-area .rs-gc-content li a,.tab-area-02 .rs-gc-content li a{
		display: block;
		padding:10px;
		color: #222;
		border-bottom:1px solid #d2d2d2;
		border-top:none;
		border-left:none;
		border-right:none;
		border-radius:0;
		box-shadow:none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
		font-size:18px;
		text-align: left;
	}
	.tab-area li a:active{
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	.tab-area .rs-gc-content li:first-child,.tab-area-02 .rs-gc-content li:first-child{
		border-top: none;
	}
	.tab-area .rs-gc-content li a.active,.tab-area-02 .rs-gc-content li a.active{
		color: #3695d6;
	}
	.tab-area .rs-gc-content li a::after{
		border-color: #222!important;
		right: 1.0em;
		position: absolute;
		top: 35%;
		content: "";
		display: inline-block;
		width: 0.5em;
		height: 0.5em;
		border-top: 0.15em solid #222;
		border-right: 0.15em solid #222;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.tab-area .rs-gc-content li a.active::after{
		content: none;
	}
	.tab-area .rs-gc-content li span,.tab-area-02 .rs-gc-content li span{
		display: none;/*
		padding:10px;
		color: #FFF;
		border-bottom:1px solid #d2d2d2;
		border-top:none;
		border-left:none;
		border-right:none;
		border-radius:0;
		box-shadow:none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
		font-size:18px;
		text-align: left;
		background-color: #b5b5b5;*/
	}
	/*.rs-gc-content {
		display:none;
	}*/
}

/*---------------------------------
  　　応募ステップ
-----------------------------------*/
/*4STEP*/
.step{
	width:223px;
	float:left;
	border:1px solid #898989;
	padding-bottom:10px;
}
.step p,.step02 p{
	font-size:14px;
	padding:10px;
	margin-top:0;
}
.step-title{
	background-color:#898989;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.step > img,.step02 > img {
    display: block;
    margin: 0 auto;
	width:89px;
}
.step .bold,.step02 .bold{
	display: inline-block;
    font-weight: bold;
	padding-bottom:5px;
}
.triangle {
    display: flex;
	float:left;
	width:20px;
	position: relative;
}
.triangle .ic{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 10px;
	border-color: transparent transparent transparent #898989;
	position:absolute;
	top: 45%;
	left: 25%;
}
.step .btn,.step02 .btn{
	position:relative;
}
.step .btn a,.step02 .btn a{
	background-color:#02c2f2;
	border-radius: 18px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	padding:8px;
}
.step .btn a:hover,.step02 .btn a:hover{
	background-color:#31c8ee;
}
.step .btn .arrow,.step02 .btn .arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #ffffff;
	display: inline-block;
	position: absolute;
	right: 20px;
    top: 40%;
}
/*3STEP*/
.step02{
	width:298px;
	float:left;
	border:1px solid #898989;
	padding-bottom:10px;
}
.triangle02 {
    display: flex;
	float:left;
	width:30px;
	position: relative;
}
.triangle02 .ic{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 10px;
	border-color: transparent transparent transparent #898989;
	position:absolute;
	top: 45%;
	left: 30%;
}
@media screen and (max-width: 768px) {
.step,.step02{
	width:auto;
	margin:0 10px;
	float:none;
}
.step p,.step02 p{
	padding:10px 5px;
	max-height:999999px;
}
.step-title{
	padding:10px !important;
}
.step > img,.step02 > img {
	width: 20%;
}
.triangle,.triangle02 {
	float:none;
	position:static;
	margin: 0 auto;
}
.triangle .ic,.triangle02 .ic{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #898989 transparent transparent transparent;
	margin:5px auto;
	position:static;
}
.step .btn,.step02 .btn{
	margin: 0 50px;
	padding-top:0;
}
.step .btn a,.step02 .btn a{
	border-radius: 30px;
	padding:10px;
}
.step .btn .arrow, .step02 .btn .arrow {
	border-width: 6px 0 6px 7px;
	top: 25%;
}
}
@media screen and (max-width: 640px) {
	.step > img,.step02 > img {
	width: 30%;
}
}

/*--------------------------------------
  　　賞品一覧
--------------------------------------*/
.sp-area{
	display:none;
}

.gc-unit{
	float:left;
	margin-right:15px;
	width:310px;
	margin-top:0;
	position:relative;
}
.gc-unit p.txt{
	position:absolute;
	width:280px;
	background-color: rgba( 0, 0, 0, 0.5 );
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:15px;
	bottom: 0;
}
.gc-unit p span.name-txt{
	width:180px;
	float:left;
}
.gc-unit p span.number{
	width:100px;
	font-size:22px;
	display: inline-block;
	text-align:right;
}
.gc-unit p span.number .big-txt{
	font-size:36px;
}
.mr0{
	margin-right:0;
}
@media screen and (max-width: 768px) {
.pc-area{
	display:none;
}
.sp-area{
	display:block;
}
.sp-area .pre-2box{
	margin:20px 10px;
}
.sp-area .pre-2box div{
	position:relative;
	margin-top:10px;
}
.sp-area .pre-2box div img{
	width:100%;
}
.sp-area .pre-2box p.txt{
	position:absolute;
	background-color: rgba( 0, 0, 0, 0.7 );
	color:#FFFFFF;
	font-weight:bold;
	bottom: 10px;
	width:100%;
	max-height:999999px;
	bottom:0;
}
.sp-area .pre-2box .name-txt {
    display: inline-block;
    padding:8px 12px;
}
.sp-area .pre-2box p span.number{
	display:block;
	text-align:right;
	width: auto;
	font-size: 14px;
	line-height: 0.8;
	padding:0 12px 8px;
}
.sp-area .pre-2box p span.number .big-txt{
	font-size:30px;
}

.sp-area .pre-3box{
	margin:0 10px;
}
.sp-area .pre-3box div{
	margin-top:10px;
	width:100%;
	display:flex;
}
.sp-area .pre-3box img{
	float:left;
	width:50%;
	height: 100%;
}
.sp-area .pre-3box p.txt{
	float:left;
	width:50%;
	color:#FFFFFF;
	background-color:#474747;
	font-size:14px;
	max-height:999999px;
	position:relative;
	margin-top: 0;
}
.sp-area .pre-3box .name-txt {
    display: inline-block;
    padding:10px;
}
.sp-area .pre-3box p span.number{
	font-size:14px;
	display:block;
	text-align:right;
	vertical-align:bottom;
	font-weight:bold;
	position: absolute;
    bottom: 10px;
    right: 15px;
}
.sp-area .pre-3box p span.number .big-txt{
	font-size:30px;
}

.sp-area .pre-4box{
	margin:0 10px;
}
.sp-area .pre-4box div{
	float:left;
	margin-right:10px;
	margin-top: 10px;
	position:relative;
	width:49%;
}
.sp-area .pre-4box div img{
	width:100%;
}
.sp-area .pre-4box p.txt{
	position:absolute;
	width:100%;
	background-color: rgba( 0, 0, 0, 0.7 );
	color:#FFFFFF;
	font-size:14px;
	bottom: 0;
	max-height:999999px;
}
.sp-area .pre-4box .name-txt {
    display: inline-block;
    padding:5px;
}
.sp-area .pre-4box p span.number{
	font-size:14px;
	display:block;
	text-align:right;
	font-weight:bold;
	padding:0 10px;
}
.sp-area .pre-4box p span.number .big-txt{
	font-size:22px;
}

.sp-area .pre-5box{
	margin:0 10px;
}
.sp-area .pre-5box div{
	margin-top:15px;
	width:100%;
	display:flex;
}
.sp-area .pre-5box img{
	float:left;
	width:30%;
	height:100%;
}
.sp-area .pre-5box p.txt{
	float:left;
	padding:0 0 0 15px;
	font-size:14px;
	max-height:999999px;
	position:relative;
	width:69%;
	margin-top:0;
}
.sp-area .pre-5box p span.number{
	font-size:14px;
	display:block;
	text-align:right;
	vertical-align:bottom;
	font-weight:bold;
	position: absolute;
    bottom: 0;
    right: 15px;
}
.sp-area .pre-5box p span.number .big-txt{
	font-size:30px;
}
}
@media screen and (max-width: 640px) {
.sp-area .pre-3box p span.number{
    bottom: 1px;
    right: 5px;
}
.sp-area .pre-3box p span.number .big-txt{
	font-size:25px;
}
.sp-area .pre-4box div{
	margin-right:5px;
}
.sp-area .pre-5box p.txt{
	padding:0 0 0 10px;
}
}

/*--------------------------------------
  　最上部ゴルフ場
--------------------------------------*/
.course_detail{
	margin-bottom: 40px;
	font-size:14px;
	line-height:normal;
	color: #222222;
}
.course_detail a,.course_detail a:hover{
	color: #222222;
}
.course_detail .ph{
	float: left;
	width: 450px;
	margin-right: 20px;
}
.course_detail .detail{
	float: left;
	width: 490px;
}
.course_detail .detail .course_name{
	font-weight:bold;
	font-size:28px;
	margin-top: 0;
	line-height: 1.4;
	margin-bottom: 20px;
}
.course_detail .detail .comment{
	text-align: justify;
	margin-top: 20px;
}
.yellow{
	color:#fe9e31;
}
.course_detail .detail .gc-entry-box p {
    font-weight: bold;
    margin: 15px 0;
	font-size: 18px;
	letter-spacing: 0.1em;
    text-align: center;
}
.course_detail .detail .gc-entry-box p .str_red{
	font-size: 24px;
}
@media screen and (max-width: 768px) {
	.course_detail .ph img{
		width: 768px !important;
	}
	.course_detail{
		margin: 0 10px;
	}
	.course_detail .ph{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.course_detail .detail{
		float: none;
		width: 100%;
	}
	.course_detail .detail .course_name{
		margin: 10px 0 0;
		font-size: 20px;
	}
	.course_detail .detail .comment{
		margin-top: 10px;
	}
	.course_detail .gc-ticket-summary{
		height: auto;
	}
	.course_detail .detail .gc-ticket-summary-tgl{
		width: 100%;
		position: static;
	}
	
}
@media screen and (max-width: 700px) {
	.course_detail .ph img{
		width: auto !important;
	}
}
/*---------------------------------
  　ページ独自記述
-----------------------------------*/
.course_detail .ph.img-width img {
	width: 450px;
}

@media screen and (max-width: 768px) {
	.sp-only-02 {
			display: block;
	}
}

@media screen and (max-width: 700px) {
	.course_detail .ph.img-width img {
			width: 100% !important;
	}
}

.course_detail .detail .gc-top-name {
	font-size: 24px;
}

.gc-unit-top .btn-red a {
	width: 100%;
	padding: 10px 0;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}

@media screen and (max-width: 768px) {
  .course_detail .detail .gc-top-name {
    font-size: 20px;
  }
	.gc-unit-top .btn-red-s a {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		color: #fff;
	}
}

/*---------------------------------
  　ゴルフ場コース
-----------------------------------*/
.rs_course .cbox{width: 930px; margin-left: auto; margin-right: auto; background: #eee; margin-top: 20px; padding: 14px; border: 1px solid #ccc;line-height:1.5;}
.rs_course .limg{padding: 6px; background: #fff; width: 410px;}
.rs_course .simg{width:430px;}
.rs_course .simg img{margin:6px 6px 0 0; padding: 5px; background: #fff; float:left; cursor:pointer;}
.rs_course .imbox{float: left;width:410px;}
.rs_course .cbox .course-name{font-size: 24px; font-weight:bold; }
.rs_course .acs{color: #009900}
.rs_course .copy{font-size:14px;}
.rs_course .detailbox {width:480px;float:right;}
.rs_course .star {display:inline-block;float:left;}
.rs_course .detail-right {width:300px;}
.rs_course .detail-left {width:320px;}
.rs_course .txt-yellow {color:#FFAE00;}
.rs_course .txt-14{font-size:105%;}
.rs_course .as{font-size:90%;}
.rs_course .btn-red a {
	display: block;
	width: 400px;
	margin:20px 30px 28px 35px;
	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;
}
.rs_course .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
}
.rs_course .btn-red-fin span {
	display: block;
	width: 400px;
	margin:20px 30px 28px 35px;
	padding: 15px 0;
	background-color: #75202a;
	border-radius: 4px;
	box-shadow: 0px 4px 0px 0px #5f1b23;
	-moz-box-shadow: 0px 4px 0px 0px #5f1b23;
	-webkit-box-shadow: 0px 4px 0px 0px #5f1b23;
	color: #7f7f7f;
	font-size:16px;
	text-align: center;
}
.label-pink {
    background-color: #ff6699;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    margin-right: 3px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.label-orange {
    background-color: #ff7e00;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.label-blue {
    background-color: #3695d6;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.label-gray {
    background-color: #898989;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.mr3{
	margin-right:3px;
}
@media screen and (max-width: 768px) {
.rs_course .cbox {
    margin: 20px 10px 0;
    width: auto;
	padding:10px;
}
.rs_course .cbox .course-name {
    font-size: 18px;
    margin-top: 0;
    float: left;
    width: 68%;
    padding-left: 5px;
}
.rs_course .imbox {
    width: 30%;
}
.rs_course .limg {
    padding: 3px;
    width: auto;
}
.rs_course .simg {
    display: none;
}
.rs_course .detailbox {
    width:auto;
	float:none;
	margin-left:0 !important;
	position:relative;
}
.rs_course .copy {
    clear: both;
    padding-top: 5px;
}
.rs_course .detail-left02 {
    left: 31%;
    position: absolute;
    top: 10%;
}
.rs_course .detail-right {width:auto;}
.rs_course .detail-left {width:auto;}
.rs_course .btn-red{
	margin-top:0;
}
.rs_course .btn-red a {
	width:auto;
	margin:10px;
	padding: 10px 0;
	font-size:16px;
}
.rs_course .btn-red-fin span {
	width:auto;
	margin:10px;
	padding: 10px 0;
	font-size:16px;
}
}
@media screen and (max-width: 640px) {
.rs_course .cbox {
    margin:10px 10px 0;
    width: auto;
	padding:5px;
}
.rs_course .detailbox {
    margin-left: 10px;
}
.rs_course .detail-left02 {
    position:static;
}
}


/*--------------------------------------
  　キャンペーン概要
--------------------------------------*/
#outline_box {
	margin: 0 0 15px;
	border: 2px solid #3695d6;
	font-size: 1.2em;
}
#outline_box dl{
	margin:5px 0;
}
#outline_box dt{
	padding:10px 0 0 15px;
	font-weight:bold;
	color:#3695d6;
	float:left;
}
#outline_box dd{
	padding:10px 10px 10px 250px;
	border-bottom:1px dashed #ccc;
	line-height:140%;
}
#outline_box dd.last{
	border:0;
	/*padding-top: 20px;
	padding-bottom: 20px;*/
}
@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;
}
	#outline_box dd.last{
		padding-top: 0;
		padding-bottom: 0;
	}
}

/*--------------------------------------
  　注意事項
--------------------------------------*/
.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;
}
#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: disc;
	list-style-position: outside;
}
@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;
}
#notice_box dd{
	padding: 10px 15px;
}
#notice_box ul{
	margin-left:10px;
}
#notice_box ul li {
	list-style: disc;
	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,
.campaign-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;
}
.campaign-fin:before {
  content: "";
  display: block;
  width: 100%;
	height: 100%;
	z-index: 999;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
  background: rgba(0,0,0,0.7);
  position: absolute;
  top: 0;
  left: 0;
}
#str_container #res-header-fin .h-txt,
.campaign-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;
}
.campaign-fin .h-txt{
  top: 54%;
}
#str_container #res-header-fin .h-txt p,
.campaign-fin .h-txt p {
	font-size:160%;
	font-weight:bold;
	color:#ff0000;
}
#str_container #res-header-fin .h-txt p span,
.campaign-fin .h-txt p span {
	font-size:80%;
	font-weight:normal;
}
@media screen and (max-width: 768px) {
#str_container #res-header-fin,
.campaign-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,
.campaign-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,
.campaign-fin .h-txt p {
	font-size:14px;
}
#str_container #res-header-fin .h-txt p span,
.campaign-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;
}
}
@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:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
  }
}



/*****************************************************************
 *	■テンプレから改修・追記 CSS
 *
 * ------------------------------------------------------------
*/
/*---------------------------------
  　PCアンカーリンク
-----------------------------------*/
.placeTxtBox {
    background-color: rgba(54, 149, 214, 0.1);
    padding: 10px;
	margin-top: 20px;
}
.placeTxtBox ul li {
    padding-left: 15px;
	background-image: url("/resource/images/iconmark/mrk_triangle_gray_down.gif");
	background-position: left 7px;
	background-repeat: no-repeat;
	font-size: 14px;
	float: left;
	margin-right: 35px;
}

/******************************************************* local **/
/*	【 local 】
 * ------------------------------------------------------------
*/
.str_blue{color:#3695d6; }
.str_red {color:#eb4055; }
.str_bold{font-weight: bold;}


/******************************************************* 汎用系 **/

/*	【 汎用 】
 *	PC・スマホ 表示<>非表示
 * ------------------------------------------------------------
*/

@media screen and (max-width: 768px){
.pc-only{display: none;}
}
@media screen and (min-width: 767px){
.sp-only{display: none;}
}

/*	【 汎用 】
 *	評価★
 * ------------------------------------------------------------
*/
.star_5_0 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat 0px 0px; }
.star_4_5 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat -88px 0px; }
.star_4_0 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat 0px -17px; }
.star_3_5 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat -88px -17px; }
.star_3_0 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat 0px -34px; }
.star_2_5 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat -88px -34px; }
.star_2_0 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat 0px -51px; }
.star_1_5 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat -88px -51px; }
.star_1_0 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat 0px -68px; }
.star_0_5 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat -88px -68px; }
.star_0_0 { display: inline-block; width:86px; height:17px; background: url(/special/images/icn_star_inv.png) no-repeat 0px --85px; }


/*	【 汎用 】
 *	
 * ------------------------------------------------------------
*/
.n-horizon {position: relative;}
.n-horizon li{
	float: left;
	/*cursor: pointer;*/
	/*local*/
	margin-left: 10px;
	width: 200px;
	padding: 10px;
	background: #fff;
	border-radius: 3px;
}
.n-horizon li:first-child{ margin-left: 0px;}
.n-horizon li>a:hover{ opacity: 0.8;}


/*	【 汎用 】
 *	<矢印> ※デフォルトはインラインで配置
 * ------------------------------------------------------------
*/
/* <矢印> 前後配置 共通 */
.arrow-before::before,
.arrow-after::after {
    content: "";
    display: inline-block;
    width : 0.5em;
    height: 0.5em;
    border-top: 0.2em solid #000;
    border-right: 0.2em solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* <矢印> 各配置 */
.arrow-before::before {
    margin-right: 0.75em;
}
.arrow-after::after {
    margin-left: 0.75em;
}

/* <矢印> 各角度 */
.arrow-up::before,
.arrow-up::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: 0.15em;
}
.arrow-down::before,
.arrow-down::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: relative;
    top: -0.15em;
}
.arrow-left::before,
.arrow-left::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    vertical-align: 0;
}
.arrow-right::before,
.arrow-right::after {
    vertical-align: -1px;
}

/* <矢印> ブロック配置の際には位置を指定 */
.arrow-inblock{
  display: block;
  width: 100%;
  position: relative;
}
.arrow-inblock::before,
.arrow-inblock::after{
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  z-index: -1;
}
.arrow-inblock::after { right: 1.0em;}
.arrow-inblock::before{ left : 1.0em;}

.arrow-inblock.arrow-up::before,
.arrow-inblock.arrow-up::after {
	margin-top: -0em;
}
.arrow-inblock.arrow-down::before,
.arrow-inblock.arrow-down::after {
	margin-top: -0.5em;
}
.arrow-inblock.arrow-left::before,
.arrow-inblock.arrow-left::after,
.arrow-inblock.arrow-right::before,
.arrow-inblock.arrow-right::after {
	margin-top: -0.25em;
}

/*	【 汎用 】
 *	プラスマイナス
 * ------------------------------------------------------------
*/
/*共通*/
.css-plus_minus,.css-plus_minus-after::after {
	position: absolute;
	display: block;
	top: 50%;
	margin-top: 0;
}
.css-plus_minus{
	height: 8px;	/*線の長さ指定*/
	right: 1.0em;	/*位置指定*/
	width: 0px;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}
.css-plus_minus-after::after{
	width: 8px;	/*線の長さ指定*/
	content: "";
	height: 0px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.css-plus_minus,.css-plus_minus-after::after {
	/* + 色指定*/
	background: #3695d6;
	/* + 太さ指定*/
	padding: 1px;
}

.js-more-btn.js-active .css-plus_minus {
    background: rgba(255, 255, 255, 0);
}

/* サイズL */
.css-plus_minus-L.css-plus_minus {
	height: 18px;	/*線の長さ指定*/
	right: 1.3em;	/*位置指定*/
}
.css-plus_minus-L.css-plus_minus-after::after{
	width: 18px;	/*線の長さ指定*/
}
.css-plus_minus-L.css-plus_minus, .css-plus_minus-L.css-plus_minus-after::after{
	/* + 太さ指定*/
	padding: 2px;
}

/*stanby*/
/*.tgl{ margin: 0; overflow: hidden; display: none;}*/


/*	【 汎用 】
 *	toggle_box メニュー
 * ------------------------------------------------------------
*/
.toggle_box .toggle_ttl{
  position: relative;
  display: block;
	margin-top: 15px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
  padding: 0.7em 0px;
  background-color: #fff;
}
.toggle_box .toggle_ttl a{
  margin-left: 10px;
  color: inherit;
}

.toggle_box > ul > li {
  border-bottom: 1px solid #d2d2d2;
  /*padding: 25px 0px;*/
}
.toggle_box > ul > li p {
	padding: 0.7em 40px;
	padding-left: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #ddd;
	margin-top: 0;
}
.toggle_box > ul > li a{
	display: block;
  color: inherit;
  /*margin-left: 60px;*/
}
.toggle_box > ul > li a p{
color: #222;
}


/******************************************************* ローカライズCSS **/

/*	
 *	
 * ------------------------------------------------------------
*/
/***************************** < #res-header >
*/
.menu-ticket_type {
	font-size: 24px;
	letter-spacing: 0.1em;
	margin: 20px 0;
}

.baloon_menu .baloon_tail:before{display: none;}
.baloon_menu .baloon_tail.cur:before{display: block;}

.baloon_menu li.cur{background-color: #3695d6;color: #fff;}
.baloon_menu .baloon_tail:before{border-top-color: #3695d6;}

.baloon_menu > ul >li {
	margin-left: 0;
	width: 50%;
	box-sizing: border-box;
	border-radius: 0;
	border :3px solid #3695d6;
	color: #3695d6;
	text-align: center;
	padding: 0;
}
.baloon_menu > ul >li.cur,
.baloon_menu > ul >li a {display: block; padding: 10px;}

.baloon_menu > ul >li a {color: inherit;}
.baloon_menu > ul >li a:hover{ background-color: rgba(54, 149, 214, 0.1);}


.baloon_tail {
	position: relative;
	margin-bottom:15px;
}
.baloon_tail:before {
	content: " ";
	left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);
	bottom: -15px;
	height: 0;
	width: 0;
	position: absolute;
	border-top: 12px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
}


.menu-ticket_area {
	font-size: 16px;width: 1920px;margin-left: -480px;border-bottom:1px solid #ccc;
	/*margin-top: 30px;*/
}
.menu-ticket_area-inner{
	width: 960px; margin: 0 auto;
	height: 64px;
}

/*左側*/
.menu-ticket_area .type_title {
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 0.05em;
	float: left;
	padding: 10px 0;
}
.menu-ticket_area .type_title .note {
	font-weight: normal;
	font-size: 16px;
	vertical-align: middle;
}
@media (min-width: 769px) {
	.menu-ticket_area .type_title .note{
		margin-left: 1em;
	}
}
/*右側*/
.menu-ticket_area ul {
	float: right;
	top: 50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
}
.menu-ticket_area ul>li{
	margin-left: 18px;
	display: block;
	padding: 0;
	width: inherit;
	background: inherit;
}
.menu-ticket_area ul>li.cur,
.menu-ticket_area ul>li:hover {
	border-radius: 0;
    border-bottom: solid #3695d6 5px;
    margin-bottom: -5px; /*下ボーダー分、テキストが上に上がるのを防ぐ */
}

.menu-ticket_area ul>li.cur,
.menu-ticket_area ul>li a{
	color: #222;
	padding: 17px 0;
	display: block;
}

/*PCは非表示※スマホのみ矢印出す*/
.menu-ticket_area .arrow_onSP::after,
.menu-ticket_area .arrow_onSP::before{border-color:transparent!important;}


.baloon {
	padding: 2px 12px;
	border-radius: 4px;
	position: absolute;
	bottom: 48px;
	right: 0px;
	/* 色・フォント */
	color: #fff;
	font-size: 14px;
	background-color: #ed4055;
}
.baloon:before {
	content: " ";
	right: 15px;
	bottom: -9px;
	height: 0;
	width: 0;
	position: absolute;
	border-top: 13px solid #ed4055;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
}

/***************************** < .gc-unit_list >
*/

/* < .gc-unit > */
.gc-unit{
	margin-bottom: 20px;
}
.gc-unit-inner{
	width: 310px;
}
.gc-unit-inner.on{
	/*position: absolute;*/
	/*top: 240px;*/
	/*padding-top: 200px;*/
}

/* 通常パターン*/
.gc-unit .gc-info-box{
	display: block;
	position: relative;
  z-index: 1;
}
.gc-unit .gc-info-box img{
	width: 100%;
}
/* 【PCのみ適用】画像サイズ拡張パターン※サイズを揃えるため */
@media (min-width: 769px) {/****************************/
.gc-unit .gc-info-box{
	width: 310px;
	height: 200px;
	overflow: hidden;
	background-color: #000;
}
.gc-unit .gc-info-box img{
	width: auto;
	min-height: 200px;
	max-width: 350px;
	min-width: 310px;
	position: relative;
	left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);
}
/*************************** 769px~ */}

.gc-unit .gc-info-box .str1{
	display: block;
	line-height: 1.5em;
}
.gc-unit .gc-info-box .str2{
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 0.5em 0;
}
.gc-unit .gc-info-box .rating{
	font-weight: normal;
}
.gc-unit .gc-entry-box{
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: center;
}
.gc-unit .gc-entry-box .btn-red-s a{
	width: 100%;
	padding: 10px 0;
font-size: 18px;
font-weight: normal;
}
.gc-unit .gc-entry-box p{
	font-weight: bold;
	margin: 15px 0;
}
.gc-ticket-summary{
	position: relative;
	display: block;
	height: 52px;
	font-size: 14px;
}
.gc-ticket-summary-tgl{
	position: absolute; top: 0; z-index: 1;
	width: 290px;
	background-color: #fff;
	line-height: 24px;
	/*padding: 5px 10px 15px;*/
	/*padding: 0px 10px 15px;*/
	padding: 0px 0px 15px;
	margin-top: 0;
}
.gc-ticket-summary-tgl .price{
	margin-bottom: 10px;
}
.gc-ticket-summary-tgl .price li{
	float:left;
	/*width: 49%;*/
	margin-left: 2%;
	/*background-color: #eee;*/
	letter-spacing: 0.05em;
}
.gc-ticket-summary-tgl .price li:first-child{width: 46%;}
.gc-ticket-summary-tgl .price li:last-child {width: 52%;}
.gc-ticket-summary-tgl .price li:first-child{ margin-left: 0px;}

.gc-ticket-summary-tgl .tgl{
	display: block;
	margin-bottom: 20px;
}

.gc-ticket-summary-tgl .tgl > .summary-unit:nth-child(n+2) {
	border-top: 1px dashed #ccc;
	margin-top: 1em;
	padding-top: 1em;
}

.btn-blue2 {
	display: block;
	position: relative;
    cursor: pointer;
    width: 94px;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #3695d6;
    border-radius: 3px;
    box-shadow: 0px 3px 0px 0px #2f7aae;
    -moz-box-shadow: 0px 3px 0px 0px #2f7aae;
    -webkit-box-shadow: 0px 3px 0px 0px #2f7aae;
    color: #3695d6;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    text-align: left;
    max-height: 999999px;
}.btn-blue2:hover {
    color: #3695d6;
    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-blue2 a{
	display: block;
	padding: 10px 10px 8px;
	color: #298dd8;
	line-height: 1em;
}.btn-blue2 a:hover{color: #298dd8;}

.js-active.btn-blue2 a{
	padding: 10px 25px 8px;
}
.js-active.btn-blue2 a .css-plus_minus{
	right: 1.5em;
}

/***************************** < #entry_outline >
*/
#entry_outline{}




/*
****************************************************************
	SP~768
*****************************************************************
*/
@media screen and (max-width: 768px){
/*汎用*/
.sp_mLR10{
	margin-left: 10px;
	margin-right: 10px;
}

/*
****************************************************************
	basic	[layout / font]
*****************************************************************
*/
.pc-only{display: none;}


#str_container #res-header{
	margin-bottom: -15px;
}

/*バルーンメニュー*/
.menu-ticket_type{
	font-size: 15px;
	margin: 12px 0 3px;
}
.menu-ticket_area{
	width: 100%;
	margin-left: 0;
	border-bottom: none;
}
	.under-line{
		border-bottom: 1px solid #ccc;
	}
.menu-ticket_area-inner{
	width: 100%;
	height: inherit;
}
/*左側*/
.menu-ticket_area .type_title {
	float: none;
	font-size: 22px;
	margin-left: 10px;
}
/*右側*/
.menu-ticket_area ul {
	float: none;
	top: 0%;
	transform: inherit;
	-webkit-transform: inherit;
}
.menu-ticket_area ul>li {
	float: none;
	margin-left: 0;
	border-top: 1px solid #ccc;
	border-radius: 0;
}
.menu-ticket_area ul>li:last-child{
	border-bottom: 1px solid #ccc;
}
.menu-ticket_area ul>li.SP-last{
	border-bottom: 1px solid #ccc!important;
}
.menu-ticket_area ul>li.cur,
.menu-ticket_area ul>li a{
	padding-left: 10px;
}
.menu-ticket_area ul>li.cur{
	border-top: 1px solid #ccc;
	border-bottom: none;
	margin-bottom: 0;
	color: #ccc;
}

/*矢印スマホのみ*/
.menu-ticket_area .arrow_onSP::after,
.menu-ticket_area .arrow_onSP::before{border-color:#000!important;}
.menu-ticket_area .arrow_onSP.cur::after,
.menu-ticket_area .arrow_onSP.cur::before{border-color:transparent!important;}

.baloon{
	position: relative;
	bottom: inherit;
	border-radius: 3px;
	/*padding: 2px 10px;*/
	/*margin-left: 1.0em;*/
	padding: 2px 8px;
	margin-left: 0.7em;
}
.baloon:before{border:none;}


/***************************** < #menu-gc_list >※スマホのみ
*/
#menu-gc_list{
	font-size: 18px;
}
#menu-gc_list a{
	color: #222;
}
#menu-gc_list .toggle_ttl {
	position: relative;
	font-weight: bold;
}

/***************************** < .gc-unit_list >
*/
.gc-unit_list .pre-3box {
	padding: 0 10px;
}
/* < .gc-unit > */
.gc-unit_list .pre-3box div.gc-unit {
	width: 100%;
	margin-right: 0;
}
.gc-unit_list .pre-3box p.txt{
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	padding: 10px;
}
.gc-unit .gc-info-box img{width: 100%;height:400px;object-fit: cover;}
.gc-unit .gc-info-box .str2{font-size: 12px;}
.gc-unit .gc-info-box .rating{font-size: 12px;line-height: 18px;}

.gc-unit .gc-entry-box {
	letter-spacing: 0.05em;
}
.gc-unit .gc-entry-box .btn-red-s a{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.gc-unit .gc-ticket-summary{
	width: 100%;
	display: block;
	height: inherit;
}
.gc-unit .gc-ticket-summary-tgl{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.gc-ticket-summary-tgl .price {
	margin-bottom: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


.btn-blue2 {
	font-size: 18px;
	width: 145px;
}
.btn-blue2 a {
	text-align: center;
}
.btn-blue2 a .css-plus_minus{
	right: 1.2em;
}
.btn-blue2 a .btn_label{
	margin-left: -1.15em;
}
.js-active.btn-blue2 a .css-plus_minus{
	right: 2.1em;
}


/***************************** < #entry_outline >
*/
#entry_outline .rs_h2_title_bar{
	margin-left: 10px!important;
	margin-right: 10px!important;
}
}/******************************************** / 0~767px */
@media screen and (max-width: 640px){
.gc-unit .gc-info-box img{width: 100%;height: 240px;object-fit: cover;}
}


/*--------------------------------------
  　ゴルフ場リスト（小サイズ）
--------------------------------------*/

.gc-unit_list-3{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.gc-unit_list-3 .set{
float: left;
margin: 0 10px 30px 0;
width: 230px;
}
.gc-unit_list-3 .set:nth-child(4n){
margin: 0 0 30px 0;
}
.gc-unit_list-3 .set a{
display: block;
position: relative;
color: #FFF;
}
.gc-unit_list-3 .set a .course{
position: absolute;
bottom:0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.5);
}
.gc-unit_list-3 .set a .name{
font-weight: bold;
font-size: 13px;
line-height: 16px;
margin: 0;
padding: 10px 10px 0 10px;
}
.gc-unit_list-3 .set a .root{
font-size: 11px;
line-height: 16px;
margin: 0;
padding: 2px 10px 0 10px;
}
.gc-unit_list-3 .set a .star{
font-size: 13px;
line-height: 16px;
margin: 0;
padding: 1px 10px 8px 10px;
}
.gc-unit_list-3 .set a .star strong{
color: #ffa10e;
}
.gc-unit_list-3 .set a .image{
width: 230px;
height: 148px;
margin: 0;
}
.gc-unit_list-3 .set a .image img{
width: 100%;
height: 148px;
object-fit: cover;
}
.gc-unit_list-3 .set .np{
text-align: center;
font-weight: bold;
font-size: 15px;
margin: 0;
padding: 12px 0 0 0;
}
.gc-unit_list-3 .set .np strong{
font-weight: bold;
color: #eb4055;
}
.gc-unit_list-3 .set .accordion{
position: relative;
padding: 0 0 50px 0;
}
.gc-unit_list-3 .set .accordion-button{
width: 100px;
text-align: center;
margin: 12px auto 0 auto;
padding: 4px;
cursor: pointer;
position: absolute;
bottom:0;
left: 0;
right: 0;
}
.gc-unit_list-3 .set .accordion-button span{
display: block;
border: 1px solid #3695d6;
border-radius: 3px;
box-shadow: 0px 3px 0px 0px #2f7aae;
-moz-box-shadow: 0px 3px 0px 0px #2f7aae;
-webkit-box-shadow: 0px 3px 0px 0px #2f7aae;
padding: 6px 10px 6px 0;
position: relative;
color: #3695d6;
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
}
.gc-unit_list-3 .set .accordion-button span::before{
content: "";
width: 10px;
height: 2px;
background: #3695d6;
position: absolute;
top:0;
right: 10px;
bottom: 2px;
margin: auto;
}
.gc-unit_list-3 .set .accordion-button span::after{
content: "";
width: 2px;
height: 10px;
background: #3695d6;
position: absolute;
top:0;
right: 14px;
bottom: 2px;
margin: auto;
}
.gc-unit_list-3 .set .accordion-button.open span::after{
display: none;
}
.gc-unit_list-3 .set .accordion-button span.open{
}
.gc-unit_list-3 .set .accordion-button span.close{
display: none;
}
.gc-unit_list-3 .set .accordion-button.open span.open{
display: none;
}
.gc-unit_list-3 .set .accordion-button.open span.close{
display: inherit;
}
.gc-unit_list-3 .set .accordion-text{
padding: 8px 0 0 0;
}
.gc-unit_list-3 .set .accordion-text dt{
color: #3695d6;
line-height: 20px;
}
.gc-unit_list-3 .set .accordion-text dd{
line-height: 20px;
}
.gc-unit_list-3:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .gc-unit_list-3 { display:inline-block; }
*:first-child+html .gc-unit_list-3 { display:inline-block; }



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

.gc-unit_list-3{
padding: 0 3%;
}
.gc-unit_list-3 .set{
margin: 0 1% 20px 0;
width: 49.5%;
}
.gc-unit_list-3 .set:nth-child(2n){
margin: 0 0 20px 0;
}
.gc-unit_list-3 .set:nth-child(4n){
margin: 0 0 20px 0;
}
.gc-unit_list-3 .set a{
color: #000;
}
.gc-unit_list-3 .set a .course{
position: inherit;
bottom:inherit;
left: inherit;
background: none;
}
.gc-unit_list-3 .set a .name{
padding: 10px 10px 0 0;
}
.gc-unit_list-3 .set a .root{
padding: 2px 10px 0 0;
}
.gc-unit_list-3 .set a .star{
padding: 1px 10px 8px 0;
}
.gc-unit_list-3 .set a .star span{
color: #CCC;
}
.gc-unit_list-3 .set a .image{
width: 100%;
height: 112px;
}
.gc-unit_list-3 .set a .image img{
height: 112px;
}
.gc-unit_list-3 .set .np{
font-size: 14px;
padding: 0;
}
/*.gc-unit_list-3 .set .accordion{
display: none;
}*/

}

/*--------------------------------------
  　campaign-fin
--------------------------------------*/
.campaign-fin-wrap {
  padding: 40px 0;
  text-align: center;
  box-sizing: border-box;
}
.campaign-fin-text {
  color: #ff0000;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.4;
}
.campaign-fin-text > p {
  font-weight: bold;
}
.campaign-fin-text .text-s {
  font-weight: normal;
  font-size: 22px;
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
  .campaign-fin-wrap {
    padding: 30px 10px;
  }
  .campaign-fin-text {
    font-size: 18px;
  }
  .campaign-fin-text .text-s {
    font-weight: normal;
    font-size: 16px;
  }
}