@charset "utf-8";

/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/

.clearfix {vertical-align: text-top;}
.sp {display:none;}
#container{width:100%;margin:0 auto;text-align:left;}
.inner{width: 980px;margin: 0 auto;}
ul#gnavi.menu6 li{width:15%;}
.attention{color:red;font-weight:bold;}

.textmin{font-family: "Crimson Text", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

img {-webkit-backface-visibility: hidden;}

.textyuu {font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";font-weight: 600;}

#footer::after { content: "";}
/* ↑pc表示時にフッターの後に空欄ができてしまうのの打消し */


/*-----------------------------------------------------*/
/* パンくずエリアのスタイル
/*-----------------------------------------------------*/

div#breadSns{width:980px;margin:5px auto 0;padding:0;height:32px;}

/*     パンくず
------------------------------------------*/

div#bread{float:left;margin:6px 0 0 5px;}
div#bread p.crumbs{font-size:10px;}

/*    IE用　　*/
div#bread{margin/*\**/: 0 0 0 5px\9;}

/*     SNSボタン用
------------------------------------------*/

#snsBox{
/*	width:400px;*/
	float:right;
	margin: 5px 0px 0px 0;
	vertical-align: top;
}

/*    IE用　　*/
#snsBox{margin/*\**/: 0 0 7px 0\9;}
#snsBox ul li{float: left;padding: 0px;display: inline;}
#snsBox ul li.fb{margin: 0px 10px 5px 0px;}
#snsBox ul li.fb div{width:110px!important;}
#snsBox ul li.gg{margin: 0px 10px 5px -10px;}
#snsBox ul li.tw{margin: 0px 10px 5px -10px;}

/*--------------------------------------------------------------------*/
/* G-Naviのスタイル
/*--------------------------------------------------------------------*/

ul#gnavi{display:block;margin:15px auto;border-right:1px solid #E4E4E4;}
ul#gnavi li{float:left;padding:5px 0.7% 0 0.7%;text-align:left;border-right:1px solid #E4E4E4;}
ul#gnavi li:first-child{border-left:1px solid #E4E4E4;}
ul#gnavi li:last-child{border-right:none;}
ul#gnavi.menu6 li{width:15%;}
ul#gnavi.menu5 li{width:18.4%;}
ul#gnavi.menu4 li{width:23.4%;}
ul#gnavi.menu3 li{width:31.7%;}
ul#gnavi.menu2 li{width:48.4%;}
ul#gnavi li a{display:block;width:100%;padding-bottom:10px;border-bottom:3px solid #CCCCCC;text-decoration:none;}
ul#gnavi li a:link{color:#454545;}
ul#gnavi li a:visited{color:#454545;}
ul#gnavi li a:hover{color:#DD0000;}
ul#gnavi li.selected a{border-bottom:5px solid #0086CD;color:#0086CD;}
ul#gnavi li strong{display:block;margin-top:3px;font-size:140%;}

/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

.plan {background-color: #ff6600; text-align: center; padding: 20px auto;}
.plan img {max-width: 100%;}

.mainvisual{background:url(/images/campaign/season/202308/bg_mainvisual.png) no-repeat;
	padding: 0;margin: 0 auto;width:100%;height:100%;background-position:center;background-size:100% 100%;}
.mainvisual h1{width: 980px;margin: 0 auto;}
p.lead{margin: -35px 20px 30px;}

 /* 各種期間表示エリアのスタイル */

#term{background-color:#0033ff;}
#term dl.sp{display: none;}
#term p.term{width: 980px;margin: 0 auto;}

/* 改行のスタイル */
.br850,
.br770,
.br400 {display: none;}
.br850_hide,
.br980_hide{display: inline;}
.blank_sp {display: none;}

.btnArea_top .clearfix {vertical-align: text-top;}
.btnArea_top .clearfix li{display: flex;}

#jumptoLB {text-align: center;
		  position: relative; top:-290px;
		  font-size: 1.3em;}

#jumptoLB p {margin: 5px;}

#jumptoLB a {text-decoration: none;
			background-color: #ffe100;
			display: inline-block;
			width: auto; padding: 8px 2px;
			font-weight: bold;
			border-radius: 7px; border:solid 3px;}

/* 順位の決定方法 */

#rule {
	justify-content: space-between;
	display: flex;
	width: 53%;
	margin: 0 auto;
}

#rule p {margin: 0 2%;}

#rule img {max-width:100%;}

#method {
	text-align: center;
	margin-bottom: 100px;
	padding-top: 120px;
	margin-top: -120px;
}

#method h3 {
	position: relative;
	font-size: 2em;
	margin: 50px auto;
	}

#method h3 span {
	background-color: #fff;
	padding: 20px 30px;
}

#method h3::before {
	content:"";
	position: absolute;
	left:0;
	width: 100%;
	background: #ffe100;
	z-index:-1;
	top:calc(50% - 4px);
	height: 10px;
}

h4{margin: 20px auto 10px;}

h4 img{max-width: 90%;}

#method h2{
	width: 100%; 
	margin: 20px auto 35px; 
	background-color: #ff6600;
	padding: 15px 0;
	color: #fff;
	font-size:230%;
	letter-spacing: 0.3em;}

h2 img{
	max-width: 80%; margin-bottom: 20px;}

#method p {
	font-size:200%;
	font-weight: bold;
}

#method span {
	color: #ff4c4a;
}

#sametime {
	color: #ff6600;
	margin: 30px auto;
}

#method h5 {margin: 30px auto;}

h5 img {max-width: 90%;}

#leadersboard  {
	width: 93%;
	text-align: center;
	margin: -160px auto 80px;
	padding-top: 110px;
}

#leadersboard img {
	max-width: 65%;
}

/* 賞品詳細エリア */

/*メダル設定*/

section {margin: 65px auto;}

.medal {
	position:relative;
	right:8%;
	bottom:48px;
}

.medal img {
	max-width: 110%;
}

#golfgoods .medal {
	right:2%; bottom:40px;
}

#golfgoods .medal img{max-width: 90%;}

#point .medal {
	right:17%; bottom:44px;}

#point .medal img, #ball .medal img{max-width: 120%;}

#point .medal img, #ball .medal{right:17%; bottom:46px;}

/*メダル設定end*/

/*　宿泊権 & withGolf */
.prize_area h3 img{
	max-width:100%;
	margin: 10px 0 40px -13%;}

.prize_text {
	font-size: 1.5em;
	line-height: 1.5;
}

#hotel_withgolf h4 {
	font-size: 1.3em;
}

#hotel_withgolf .prize_text{
	margin: -40px auto 0;}


#withgolf p{
	margin: 12px auto;
	line-height: 1.1em;
}

#withgolf img{max-width: 100%;}

#hotels {
	display: flex;
	width: 95%;
	margin: 0 auto 16px;
	line-height: 1.5em;
}

#sunhills dd, #sendai dd {
	margin: 7px auto;
	font-size:0.8em;
}

#withgolf {margin-top:30px;}

#hotels img {width: 91%;}

.caution {font-size: 1em; line-height: 1.5em;}

.flex {display: flex;}

/* ゴルフグッズ */

#golfgoods h3 img{
	max-width: 90%;
	margin: 10px 0 20px -17%;}

#goodsdetail {max-width: 90%;
				margin: -10px auto 60px;}

#prize {
	text-align: center;
	background-color: #d0f4ff;
}

/* ポイント */
#point h3 img, #ball h3 img{
	max-width: 125%;
	margin: -10px 0 20px -16%;
}

#point .content {
	max-width: 100%;
	margin: -12px auto 80px;
	position: relative;
	left:-5%;
}

#ball_content{
	max-width:50%;
	margin: 0 20px 85px 0;}

#ball .prize_text {
	margin: -40px auto 10px;
}

.prize_SelectArea h2 img{margin: 20px auto; margin-top: 2em;}
.prize_SelectArea ul {margin: 0 auto; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; 
					  width:100%; max-width:980px;}
.prize_SelectArea ul li {margin: 0 1%;}
.prize_SelectArea ul li img { width:100%;}
.prize_SelectArea ul li:hover {cursor: pointer;transform: translateY(-7px);transition-duration: 0.5s;}


/* prize_area */
.toTop a{display: inline-block;text-decoration: underline;color: #b99412;}
#point, #ball .toTop {margin:  2em auto 1em;}
#hotel_withgolf .toTop {margin: 3em auto 1em;}

#prize_hd {display: block;
	background-image: url(/images/campaign/season/202304/img_prizeArea_header.png);
    padding: 0;margin: 0 auto;height: 200px;background-position: center;background-size: cover;}
#prize_fd {display: block;
	background-image: url(/images/campaign/season/202304/img_prizeArea_footer.png);
    padding: 0;margin: 0 auto 35px;width: 100%;height: 117px;background-position: center;background-size: cover;}
.prize_area {background-color: #d0f4ff;　margin: 100px auto; padding:30px 0 60px; text-align: center;}
#point,#ball, 
#hotel_withgolf {padding-top: 110px;margin-top: -110px;}
#point, #ball {margin-bottom: 60px;}
.prize_contents {width: 980px;background-color: #fff;margin: 10px auto;box-sizing: border-box;}
#hotel_withgolf .prize_contents {padding: 35px 60px 20px;}
#golfgoods .prize_contents{padding: 30px 0;}
#point .prize_contents, #ball .prize_contents {padding: 35px 120px 20px;}

.prize_area span {font-size:0.7em; color: #333;}
  
.prize_area h3 span:before, .prize_area h3 span:after {position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}
.prize_area h3 span:before {top: 0;left: 0;border-width: 18px 0px 18px 18px;border-color: transparent transparent transparent #fff;border-style: solid;}
  
.prize_area h3 span:after {top: 0;right: 0;border-width: 18px 18px 18px 0px;border-color: transparent #fff transparent transparent;border-style: solid;}

#point ul li{display: flex;display:-webkit-flex;display:-ms-flexbox;margin: 0 auto 0.5em;width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;font-weight: bold;font-size: 35px;text-align: left;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;pointer-events: none;}
#point ul li .point-1 {width: 66%;padding-left: 0;}
#point ul li .point-1 span{font-size: 1.5em;}
#point ul li .point-2{background-color: #f9e615;font-weight: normal;font-size: 0.8em;padding: 0.3em 0;width: 17%;text-align: center;}

#point .total::after {content: "";display: inline-block;height: 5px;background-color: #f9e615;position: absolute;bottom: 60px;width: 100%;left: 0;}
  
#point .total {text-align: right;margin: 1.2em auto 10px;width: 100%;font-size: 40px;position: relative;}

#ball .ball-1 {background-color: #f9e615; font-weight:normal; font-size: 2em; padding: 1% 0; width: 20%; margin: 20px auto;}

#bal_content, #golfball {margin-top: -100px;}

/* btn_area */

/*ボタン設定追記2023*/
/*.btnArea_2022 { display: flex; }

.campaignBtn_2022, .bookingBtn_2022 {width:65%;}

.bookingBtn_2022 a { width: 100%;
					padding: 10px 0; margin: 0 auto;}*/

/*ボタン設定追記2023*/

#hotel_withgolf .leson_info {display: flex;display:-webkit-flex;display:-ms-flexbox;margin-top: 30px;}
#hotel_withgolf .leson_info figure {width: 30%;}
#hotel_withgolf .leson_info figure img{width: 100%;}
#hotel_withgolf .leson_info dl {display: flex;display: -webkit-flex;display:-ms-flexbox;flex-wrap: wrap;font-size: 20px;padding-left: 1em;width: 70%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#hotel_withgolf .leson_info dl dt {width: 25%;border: 1px solid #000;padding: 0.1em 0;}
#hotel_withgolf .leson_info dl dd {width: 70%;text-align: left;padding-left: 0.5em;}
#hotel_withgolf .leson_info dl .text {width: 100%;font-size: 0.9em;padding-left: 0;}

/* -------------------------------------- */
/*キャンペーン詳細を確認する*/
#top_btn ul{display: inline-block;}
#top_btn ul img {margin: 0 auto;}
ul.btnArea_top li{margin:20px 10px;color: red;font-weight: bold;}
/*ul.btnArea_top li a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;transition-duration: 0.3s;}*/

/* キャンペーン概要エリアのスタイル */
#outline{padding-top: 120px; margin-top: -50px;}
#outline h2{padding: 7px;border-left: 10px solid #2ca6e0;text-align: left;font-size: 18px;font-weight: bold;color: #000000;}
#outline .inner p.details_note{text-align: center;font-size: 16px;font-weight: bold;margin: 0 0 20px;}
#outline table{border-collapse:collapse;font-size:13px;border-top: 1px solid #dedede; text-align: left;}
#outline th{width:150px;padding:0 5px;text-align:left;vertical-align:middle;color:#565656;border-bottom:1px solid #dedede;}
#outline td{width:800px;padding:10px 5px;border-bottom:1px solid #dedede;line-height:1.3;}
#outline dt{margin-bottom:5px;font-weight:bold;}
#outline ul li,
#outline ol li{text-indent:-1.0em;padding-left:1.0em;}
#outline .txtBold{font-weight:bold;}
#outline table.cp_attentiontable{background:#eee;border:1px dotted #666666;}
#outline table.cp_attentiontable th{background:#eee;font-weight:bold;color:#333;border-right:1px dotted #666666;border-bottom:1px dotted #666666;text-align:center;}
#outline table.cp_attentiontable td{padding:2px;text-align:center;background:#FFFFFF;border-bottom:1px dotted #666666;border-right:1px dotted #666666;}
#outline dl.inde dd {text-indent: -1em;padding-left: 1em;}

/*--------------------------------------------------------------------*/
/* レスポンシブ対応
/*--------------------------------------------------------------------*/

@font-face {
	font-family: 'WebSymbolsgfeditRegular';
	src: url('/css/font/websymbols_gf-edit-webfont.eot');
	src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
		 url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
		 url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@media screen and (max-width:1700px) {
	.prize_SelectArea {width: 90%;}
	.prize_SelectArea ul{width: 100%;}
	#rule {width: fit-content;}
	.mainvisual {background-size:120% 100%;}
	#leadersboard img {max-width: 75%;}
	#leadersboard {width: 100%;  background-size: 96%;}
}

@media screen and (max-width:1500px) {
	#leadersboard img {max-width: 85%;}
	#leadersboard {background-size: 90%;}
}

@media screen and (max-width:1300px) {
	.bookingBtn_2022 { width: 40%;}
	.prize_SelectArea {width: 95%;}
	#withgolf {margin-bottom: -30px;}
	#leadersboard {margin: -130px auto 40px; padding-top: 100px;}
	#leadersboard img {max-width: 100%;}
	#leadersboard {background-size: 98%;}
	.mainvisual{background-size:149% 100%;}
}

@media screen and (max-width:1100px) {
	.mainvisual{background-size:145% 100%;}
}
@media screen and (max-width:1030px) {
	.medal {right: 6%;}
	.prize_contents{width: 90%;}
	#ball_content {margin: 0 0px 115px 0;}
	.mainvisual{background-size:148% 100%;}
}

@media screen and (max-width:980px) {
	.mainvisual{background-size:146% 100%;}
	#container{margin: 5px auto 0;}
	div#breadSns{width:100%;}
	.inner{width: auto;margin: 0 10px;}
	li.agree_button { margin: 0 2%; width:90%;}
	.br980_hide {display: none;}
	dl.display_terms{width: auto;}
	#term p.term {width: 98%;margin: 0 1%;}
	#top_btn ul{display: inline-block; margin-left: 22%;}
	#leadersboard img {max-width: 100%;}
	#golfball {max-width: 45%;}
	#jumptoLB{top:-260px;
			  font-size:1.2em;}

	/* メインビジュアル */
	.mainvisual h1{width: 100%;}
	
	#leadersboard {margin:-180px auto 80px; padding-top: 100px;}
	
	/* 賞品エリア */
	.prize_SelectArea {width: 100%;padding: 0 2%;}
	.prize_SelectArea ul {width: 100%; margin: 0 auto;}
	.prize_SelectArea ul li {margin: 0 2%;}
	/*.prize_SelectArea ul li img {width: 94%;}*/
	.prize_area {width: 100%;}
	#point .prize_contents, 
	#hotel_withgolf .prize_contents {padding: 3% 5% 2%;}
	#prize_hd {height: 150px;}

	#hotel_withgolf .leson_info dl {font-size: 2.1vw;}
	#hotel_withgolf .leson_info dl dt {padding: 0.3em 0.1em;}	

	#ball .prize_contents {padding: 35px 50px 20px;}


/*　メダル調整　*/
	#hotel_withgolf .medal{bottom:39px;}
	#point .medal,#ball .medal {right: 7%;}
	#point .medal img, #ball .medal img{max-width: 110%;}
	#golfgoods .medal{right:1%; bottom:42px;}
	#golfgoods .medal img{max-width: 100%;}
	#golfgoods h3 img{margin-left:-10%; max-width: 93%;}
	#point h3 img {max-width:100%; margin:5px 0 20px -12%;}
	#ball h3 img{max-width:100%; margin: -5px 0 50px -14%;}
	
	.campaignBtn_2022, .bookingBtn_2022 { width: 60%;}
}

@media screen and (max-width:800px) {
	#jumptoLB{top:-215px; 
			　　font-size:1em;}
}

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

.prize_SelectArea h2 img{margin-top: 30px;}
	#top_btn #rule_btn {margin-top: -20px;}
	#goodsdetail {max-width: 90%; margin: -20px 0 70px 0;}
	#outline {padding-top: 80px;}
	#ball_content{width: 50%;  margin: -20px 20px 85px 0;}
	#golfball {max-width: 40%;}
	#jumptoLB{top:-230px; font-size: 1.1em;}

	/* ボタン調整 */

	.campaignBtn_2022,
	.bookingBtn_2022 {width:60%;}

	.bookingBtn_2022 a {width:100%;}
		#top_btn ul{display: inline-block; margin-left: 17%;}

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

	.br850 {display: inline;}
	.br850_hide {display: none;}
	
	#hotel_withgolf .prize_text{margin: -20px auto 0;} 
	/*.prize_area h3 img {width: 86vw; margin: 10px 0 40px -33%;}*/
	.prize_area h3 {font-size: 6vw;}
	.prize_area h3 span {padding: 0 4em;}
	#point ul li {font-size: 4vw;}

	#hotel_withgolf .leson_info dl .text {font-size: 15px;}
	.lesson_btn {width: 55%;margin: 0 -8px 0 auto;}

	/*メダル調整*/
	.medal {right:6%; bottom:35px;}
	#golfgoods .medal{right:0;}
	#golfgoods .medal img{max-width: 100%;}
	#golfgoods h3 img {max-width: 96%; margin: 0px 0 0 -2%; }
	#point .medal{right:6%; bottom:32px;}
	#ball .medal {right:8%;}

	/*ボタン調整*/
	.btnArea_2022 { width: 90%;}
	}

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

	.br770 {display: inline;}

	.prize_SelectArea ul li {margin:0 1%;}
	.prize_area h3 img{margin: 10px 0 40px -7%}
	#golfgoods h3 img{margin-left: -4%; max-width: 95%;}
	#goodsdetail {margin-top: -5px;}
	#ball .medal {right: 10%;}
	#ball h3 img {margin: -13px 0 50px -10%; max-width: 110%;}
	#ball prize_content {margin-top:-60px;}
	#ball_content {margin: -10px 15px 50px 0; max-width: 55%;}
	.btnArea_2022 { width: 100%;}
	.bookingBtn_2022,.campaignBtn_2022 {width:70%}
}
	
@media screen and (max-width:700px) {
	#top_btn ul{display: inline-block; margin-left: 15%;}
	#jumptoLB{top:0; margin: 15px auto;}
	p.lead {margin-top: 25px;}
	#golfgoods .medal{right: 0}
	#goodsdetail {margin: -30px 0 30px 0;}
	#point h3 img{margin: 5px 0 20px -10%;}
	
	#point .content{margin-bottom: 30px;}
	}

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

	.sp {display: block;}
	.pc {display: none;}
	#footer {display: none;}
	#breadSns {display: none;}
	header.common .logo {float: left;width: 275px;}
	header.common .navi li {float: right;padding-top: 15px;}
	.blank_sp {display: inline;}
	#top_btn ul{ margin-left: 7%;}

	#container{width:100% !important;position:relative;margin: 0;}
	#method {margin-bottom: 50px;}
	#method h3 span {padding: 0 15px;}
	h4{margin: 25px auto 3px;}
	#method h5 {margin: 20px auto 5px;}
	#rule {max-width: 90%; padding: 0 0 30px; display: block;}
	#rule p {margin-bottom: 20px;}
	#method h3{margin: 0 !important; }
	#method h3 img {max-width: 50%;}
	#method h3::before {top: calc(54% - 4px);}
	#withgolf p {margin: 0 auto 8px;} #withgolf img{max-width: 98%;}
	#hotels {margin: 0 1% 0; display: block;}
	#hotels img {width: 105%;}
	#sunhills dd, #sendai dd{line-height: 1.4em;}
	h4 img {max-width: 85%;}
	#leadersboard{margin: -130px auto 30px; background-image: none;}
	#leadersboard p {margin: -20px auto 10px; width: 82%; text-align: left; font-size: 1.1em;}
	#leadersboard img {max-width: 100%; margin: 0 auto;}
	
	.prize_SelectArea ul {width:70%;}

	/* メインビジュアル */
	.mainvisual{background: none;}

	 /* 各種期間表示エリアのスタイル */
	#term{margin-bottom: 10px;padding:10px;color:#ffffff;height: auto;}
	#term p.pc{display: none;}
	#term dl.sp{display: block;}
	#term dl{letter-spacing:-0.4em;text-align:center;}
	#term dt,#term dd{*display:inline;*zoom:1;letter-spacing:normal;font-size: 4.2vw;line-height: 146%;font-weight:bold;}

	.prize_area h3 img {max-width: 123%; margin: -6px 0 30px -26%;}
	/*#ball .prize_contents img {max-width: 80%;}*/
	
/*メダル調整*/
	.medal{right:11%;}
	#hotel_withgolf .medal {bottom:40px;}
	.medal img {max-width: 75%;}
	#golfgoods .medal {right: 7%;}
	#golfgoods .medal img{max-width: 70%;}
	#point h3 img {margin: -11px 0 20px -27%; max-width: 130%;}
	#point .medal{right: 12%; bottom: 37px;}
	#point .medal img{max-width: 70%;}
	#ball .medal img {max-width: 80%;}
	#ball .medal {right: 15%;}

/* 賞品エリア */
	
	/*#goodsdetail {margin: -10px -10% 30px -10%;}*/
	h2 img {margin-bottom: -20px;}
	#method h2 {font-size: 1.7em;}
	#golfgoods h3 img {margin-left: -15%; max-width: 105%;}
	#goodsdetail_sp {max-width: 65%; margin:20px auto 50px;}
	#point .content {margin: -12px 0 40px 3%;}
	.prize_contents {margin-top: 30px;}
	#ball_content{max-width: 70%;  width:90%; margin: 0 auto;} 
	#golfball {max-width: 55%; margin: 20px auto;}
	#ball_content, #golfball {display: block;}
	
	#ball h3 img{ max-width: 135%;  margin: -14px 0 30px -27%;}
	#ball .prize_text{text-align: center;}
	.prize_SelectArea h2 img {width: 64vw;}
	.prize_SelectArea ul {display: block;}
	.prize_SelectArea ul li {margin-bottom: 15px;}
	#prize_hd{height: 18vw;}
	#prize_fd{height: 10vw;}
	
	.prize_contents {outline-offset: -8px;box-shadow: 2px 2px 3px -2px rgba(0,0,0,0.4);}
	#point .prize_contents, #hotel_withgolf .prize_contents { padding: 30px 5% 20px;}

	.prize_area h3 {font-size: 7vw;}
	.prize_area h3 span {padding: 0 3em;font-size: 5vw;height: 1.5em;line-height: 1.5em;}
	.prize_area h3 span::before{border-width: 0.8em 0px 0.8em 0.8em;}
	.prize_area h3 span::after{border-width: 0.8em 0.8em 0.8em 0px;}
	.prize_text {font-size: 3.5vw;line-height: 1.4;}

	section { margin: 45px auto;}
	#point ul li {font-size: 4.55vw;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;margin: 1em auto;}
	#point ul li img {width: 22%;position: relative;top: -7px;}
	#point ul li .point-1 {width: 50%;text-align: center;margin-right: auto;line-height: 1.1;}
	#point ul li .point-1 span{font-size: 2em;}
	#point ul li .point-2 {width: 24%;font-size: 1em;}
	#point .total {font-size: 6vw;}
	#point .total::after{bottom: 1.5em;}
	#point .btn_area a, #ball .btn_area a {width: 100%;font-size: 5.5vw;}

	#hotel_withgolf .leson_info {display: block;width: 100%;margin-top: 10px;}
	#hotel_withgolf .leson_info figure {width: 100%;margin-bottom: 5px;}
	#hotel_withgolf .leson_info dl {font-size: 4vw;width: 100%;padding: 0;}
	#hotel_withgolf .leson_info dl dt {width: 26%;font-size: 0.8em;padding: 1em 0;margin: 5px auto;}
	#hotel_withgolf .leson_info dl .text {font-size: 4vw;margin: 14px auto;}

	/*キャンペーン詳細を確認する*/
	ul.btnArea_top{margin: 10px auto 0;}
	ul.btnArea_top li {width:95%;padding: 0 10px;}

	/* 各種期間表示エリアのスタイル */
	p.lead{padding-bottom: 10px;}

	/* キャンペーン概要エリアのスタイル */
	#outline{margin:0 auto;padding-top: 30px;}
	#outline th, #outline td {display: block;width: auto;}
	#outline table.cp_attentiontable th, #outline table.cp_attentiontable td {border-right: 0;}
	#outline table.cp_attentiontable td {border-bottom: 0;}
	#outline th {border-bottom: 1px dotted #dedede;padding-top: 15px;padding-bottom: 10px;font-size: 16px;color: #333333;}
	#outline td {padding-top: 10px;padding-bottom: 15px;font-size: 13px;line-height: 1.5;border-bottom: 1px solid #dedede;}
	
	#point,
	#hotel_withgolf, #ball {margin: 0 auto 45px; padding: 0;}
	#reserve {margin: 4vw auto 5vw;}

	#total {padding: 20px 0; max-width: 70%;}
	.bookingBtn_2022 a {padding: 15px 0;}

	.bookingBtn_2022 { width:70%;
						margin-top:40px;}

	#content_sp img{max-width: 100%;}
}

@media screen and (max-width:600px) {
	#top_btn ul{ margin-left: 0;}
	#golfgoods .medal {right: 5%;}
	#golfgoods h3 img {max-width: 110%; margin-top: -17px;}
	#golfgoods .medal {bottom:40px;}
	#ball .medal{right:18%;}
	}

@media screen and (max-width:500px) {
	
	.bookingBtn_2022,.campaignBtn_2022 { width: 85%;}
	#top_btn ul {margin-left: -2%;}
	#ball .prize_contents { padding: 35px 5% 20px;}
	
	#goodsdetail { margin:0 -10% 30px -13%;}
	section {margin: -5px auto;}
	#point h3 img{margin: -15px 0 20px -26%;}
	#ball .medal{right: 11%;}  
	#ball .medal img{max-width: 75%;}
	#ball h3 img{max-width: 125%; margin: -18px 0 25px -22%;}
	#ball_content{margin: 0 auto;}
}

@media screen and (max-width:400px) {
	.br400 {display: inline;}

	.prize_SelectArea {margin: 0 auto;}
	.prize_SelectArea h2 img {margin-top: 0px;}
	
	#jumptoLB {font-size: 1em;}
	#jumptoLB a {border: solid 2px;}
	#top_btn ul{ margin-left: -4%;}
	#method p {font-size: 1.6em; line-height: 1.5em;} #method h2{margin-bottom: 25px;}
	section {margin: 30px auto;}
	#hotel_withgolf .medal {bottom: 36px;}
	#hotel_withgolf .leson_info dl {font-size: 3.8vw;}
	#hotel_withgolf .leson_info dl dd {width: 70%; padding-left: 2%;}
	#golfgoods h3 img{margin: -9px 0 0 -15%; max-width: 108%;}
	#golfgoods .flex{margin-top: -10px;}
	#golfgoods .medal{bottom: 27px;}
	#goodsdetail_sp{margin-top: 10px;}
		
	#point h3 img { margin: -18px 0 19px -23%; max-width: 125%;}
	#point .medal {bottom: 35px; right: 11%;} 
	#point .medal img{max-width: 80%;}
	
	#ball .medal {right: 8%; bottom: 26px;}
	#ball .medal img {max-width: 80%;}
	#ball h3 img{max-width: 118%; margin: -8px 0 20px -20%;}
	
	.prize_area h3 img {margin: -16px 0 30px -26%;}

	#reserve a {font-size: 6.5vw;width: 90%;}


	#ball .ball-1 { font-size: 160%;}
		#ball .ball-1 {background-color: #f9e615; font-weight:normal; font-size: 1.5em; padding: 2% 0; width: 30%; margin: 20px auto;}

	#ball .prize_contents {
		padding: 20px 10px 20px;}

	/*ボタン調整*/
	.btnArea_2022 { width: 80%;}

	.campaignBtn_2022{ width: 90%; font-size:100%;}
	.campaignBtn_2022 a {font-size: 60%;}
	
	.bookingBtn_2022 {width:90%; margin-top: 20px; }
	.bookingBtn_2022 a {padding: 12px 0;}
} 	
	
@media screen and (max-width:350px){

	#reserve a::after {top: 28%;}
	}