@charset "utf-8";

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

.clearfix {display: block;}
.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%;}

/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/
.mainvisual{background:url(/images/campaign/season/202304/bg_mainvisual.jpg) no-repeat;
	padding: 0;margin: 0 auto;width:100%;height:100%;background-position:center;background-size:cover;}
.mainvisual h1{width: 980px;margin: 0 auto;}
p.lead{margin: 10px 20px 30px;}

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

#term{background-color:#339933;}
#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;}

/*スループレー*/
#through { margin: 0 auto; width: 100%;}
#through img {max-width: 100%;}
#through #lead{ margin-top:20px; font-size:150%;}

			 
/* 賞品エリア */

#ginza a:hover,#pro a:hover, #through a:hover {filter:alpha(opacity=80);-moz-opacity:0.6;opacity:0.6;transition-duration: 0.3s;}
#pro .btnArea_2022 a:hover{opacity:1;}

.prize_SelectArea {width: 82%; box-sizing: border-box; margin: 30px auto; text-align: center; }
.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;}

#srixon { font-size: 200%; font-weight: bold; margin: 20px 0;}

/* prize_area */
.toTop a{display: inline-block;text-decoration: underline;color: #b99412;}
#point, #ball .toTop {margin:  2em auto 1em;}
#lesson .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: #aee396;margin: 0 auto;padding: 1px 0 20px;text-align: center;}
#point,#ball, 
#lesson {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;border: solid 3px #b99412;outline: solid 1px #b99412;outline-offset: -16px;box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.6);}
#lesson .prize_contents {padding: 35px 60px 20px;}
#point .prize_contents, #ball .prize_contents {padding: 35px 120px 20px;}

.prize_area h3 {display: block;font-size: 40px;color: #379304;pointer-events: none;}
.prize_area h3 span {display: inline-block;position: relative;height: 36px;/*リボンの高さ*/line-height: 36px;/*リボンの高さ*/text-align: center;padding: 0 7em;font-size: 0.5em;background: #379304;color: #FFF;box-sizing: border-box;font-family: 'Bradley Hand','Mv Boli', sans-serif;margin-top: 5px;}
  
.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;}
.prize_text {font-size: 25px;margin: 20px auto;line-height: 1.6;}

#point ul {}
#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;}

/* btn_area */

/*ボタン設定追記2023*/
.btnArea_2022 { width: 100%; }

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

.lecturer_info .campaignBtn_2022 {width:95%;
								  padding: 10px 0 10px 2%;
								  margin: 3px auto;
								  line-height: 1.5em;
								  font-size: 70%;}

.lecturer_info .campaignBtn_2022 a { padding: 0.7em 1.2em 0.6em 0.5em; margin: 0 auto;}

.bookingBtn_2022 a { width: 40%;
					padding: 10px 0; margin: 0 auto;}

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


#lesson .leson_info {display: flex;display:-webkit-flex;display:-ms-flexbox;margin-top: 30px;}
#lesson .leson_info figure {width: 30%;}
#lesson .leson_info figure img{width: 100%;}
#lesson .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;}
#lesson .leson_info dl dt {width: 25%;border: 1px solid #000;padding: 0.1em 0;}
#lesson .leson_info dl dd {width: 70%;text-align: left;padding-left: 0.5em;}
#lesson .leson_info dl .text {width: 100%;font-size: 0.9em;padding-left: 0;}

.lesson-2 {background-color: #f9e615;width: 540px;margin: 20px auto;font-size: 25px;padding: 0.4em 0;color: #000;}
.lesson-2 span {font-size: 1.3em;}

.lecturer_info .link {/*display: flex;display: -webkit-flex;display:-ms-flexbox;flex-wrap: wrap;*/margin: 0 auto;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: center;}
.lesson_btn {width: 50%; margin: 0 auto;}
.lecturer_info dl {font-size: 40px;line-height: 1.6;margin-bottom: 20px;}
.lecturer_info dt span{font-size: 0.6em;font-weight: bold;}
.lecturer_info dd {font-size: 16px;line-height: 1.4;}

/* agreeBlock */
.agreeBlock {width: 100%;margin: 2em auto;text-align: left;font-size: 13.2px;font-family: 'メイリオ','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;line-height: 1.35;border: 2px solid red;padding: 33px;box-sizing: border-box;}

.agree{background-color: #F6F6F6;border: 1px solid #DDDDDD; margin-top:20px;}
.agree p{width: 100%;margin: 5px auto ;padding: 5px 8px 0px 60px; font-size: 120%;font-weight: bold;text-align: left;}

.agree ul{width: 100%;margin: 0 auto; padding: 0px 8px 10px 16px; font-size: 108%;font-weight: bold;text-align: left;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;box-sizing: border-box;}
li.agree_button {margin-top: 10px;text-align: left !important;margin: 0; pointer-events: none;}
.agree input {width: 25px;height: 25px;margin: 0 5px 0 0;border: 1px solid #999;cursor: pointer;}

/* -------------------------------------- */
/*キャンペーン詳細を確認する*/

ul.btnArea_top li{width:450px;margin:20px auto;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: 110px;margin-top: -110px;}
#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;}
#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%;}
}

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

.bookingBtn_2022 { width: 100%;}

	.prize_SelectArea {width: 95%;}

}

@media screen and (max-width:980px) {
#container{margin: 18px 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%;}

/* メインビジュアル */
.mainvisual h1{width: 100%;}

/* 賞品エリア */
.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%;}
.prize_contents {width: 97%;}
#point .prize_contents, 
#lesson .prize_contents {padding: 3% 5% 2%;}
#prize_hd {height: 150px;}

#lesson .leson_info dl {font-size: 2.1vw;}
#lesson .leson_info dl dt {padding: 0.3em 0.1em;}
.lecturer_info .link {justify-content: space-around;}
.lecture_btn {width: 53%; margin: 0 auto;}
.lecture_btn img {width: 100%;}
.lesson_btn{width: 55%;margin: 0 auto;}
.lesson_btn .btn_area {margin: 0 auto;font-size: 2.2vw;}
.lesson_btn .btn_area a {width: 95%;box-sizing: border-box;}

#ball .prize_contents {padding: 35px 50px 20px;}
#golfball {width: 90%;}

}

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

.prize_SelectArea h2 img{margin-top: 30px;}

#golfball {width: 80%;}	

/* ボタン調整 */

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

.lecturer_info .btnArea_2022 { width: 95%; font-size: 180%; }
	


}

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

.br850 {display: inline;}
.br850_hide {display: none;}

.prize_area h3 img {width: 46vw;}
.prize_area h3 {font-size: 6vw;}
.prize_area h3 span {padding: 0 4em;}
#point ul li {font-size: 4vw;}

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

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

.lecturer_info .btnArea_2022 { width: 100%; }

.lecturer_info .campaignBtn_2022 { line-height: 1.5em;}
}

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

.br770 {display: inline;}

.prize_SelectArea ul li {margin:0 1%;}

.lecturer_info dt span {font-size: 0.53em;}
.lesson-2 {font-size: 3vw;width: 70%;}

	.lecturer_info .btnArea_2022{font-size:180%;}

#golfball {width: 85%;}

.btnArea_2022 { width: 100%;}
.bookingBtn_2022 {width:70%}
.campaignBtn_2022 {width:80%;}
.lecturer_info .campaignBtn_2022 {padding: 0 auto; margin: 0 auto; font-size:70%;}

}

@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;}

#container{width:100% !important;position:relative;margin: 0;}

.through {margin-top:5px;}

.prize_SelectArea ul {width:70%;}
	
#ball .prize_contents img {width: 80%;}
#ball .ball-1 {width:30%;}

/* メインビジュアル */
.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;}
#term dt{color: #f9e615;}

/* 賞品エリア */
.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, #lesson .prize_contents { padding: 20px 5% 20px;}
#golfball { width: 100%;}

.prize_area h3 {font-size: 7vw;}
.prize_area h3 img {width: 52vw;}
.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: 4.5vw;line-height: 1.4;}

#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;}

#lesson .leson_info {display: block;width: 100%;margin-top: 10px;}
#lesson .leson_info figure {width: 100%;margin-bottom: 5px;}
#lesson .leson_info dl {font-size: 4vw;width: 100%;padding: 0;}
#lesson .leson_info dl dt {width: 26%;font-size: 0.8em;padding: 1em 0;margin: 5px auto;}
#lesson .leson_info dl .text {font-size: 4vw;margin: 14px auto;}
.lesson-2 {font-size: 4vw;width: 100%;margin: 10px auto;}
.lecturer_info dl {font-size: 7.5vw;line-height: 1;}
.lecturer_info dl dt {margin-bottom: 10px;}
.lecturer_info dt span {font-size: 0.6em;margin-top: 5px;}
.lecturer_info dd {font-size: 13px;}

.lecturer_info .link {display: block;}
.lecture_btn {width: 80%;margin: 0 auto;}
.lesson_btn {width: 100%; margin: 0 auto;}
.lesson_btn .btn_area {margin-top: 1.5em;}
.lesson_btn .btn_area a{font-size: 5vw;line-height: 1.5;padding: 0.3em 1.8em 0.2em 0em;}
.lesson_btn .btn_area a::after {height: 1.7em;width: 1.5rem;}

/* agreeBlock */
.agreeBlock {padding: 1.5em;}

.agree p {padding:10px 0 5px; margin: 0 2%; text-align: center;}

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

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

/* キャンペーン概要エリアのスタイル */
#outline{margin:0 auto;padding: 0;}
#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,
#lesson, #ball {margin: 0 auto;padding: 0;}
#reserve {margin: 4vw auto 5vw;}

.bookingBtn_2022 a {padding: 15px 0;}
	
.bookingBtn_2022 { width:80%;
					margin-top:40px;}

.lecturer_info .campaignBtn_2022 {width:85%; font-size:90%;}

}

@media screen and (max-width:500px) {
	
	.bookingBtn_2022,.campaignBtn_2022 { width: 85%;}
	.lecturer_info .campaignBtn_2022 { font-size: 80%;}
	#ball .prize_contents { padding: 35px 5% 20px;}
}

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

	#through #lead{ margin-top:20px; font-size:120%;}

	.prize_SelectArea {margin: 0 auto;}

	.prize_SelectArea h2 img {margin-top: 0px;}

	.prize_area h3 img {width: 80%;}
	#lesson .leson_info dl {font-size: 3.8vw;}
	#lesson .leson_info dl dd {width: 70%; padding-left: 2%;}

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

	#srixon { font-size: 130%;}

	#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%;}
	.lecturer_info .campaignBtn_2022 { font-size: 120%; line-height: 1.1em; padding:7px 0;}
	
	.bookingBtn_2022 {width:95%;}
} 	
	
@media screen and (max-width:350px){

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