@charset "utf-8";
/* CSS Document */

/* Create 2020.06.25 16:25 */
/* Update 2020.08.28 17:35 */
/* Update 2020.09.14 13:46 */
/* Update 2020.10.05 09:25 */
/* Update 2021.01.05 16:33 */
/* Update 2021.03.04 19:18 */
/* Update 2021.03.11 18:49 */
/* Update 2021.12.16 09:32 看板外す*/
/* Update 2022.01.31 11:04 アスレ追加*/
/* Update 2022.02.09 18:55 マエシン大洗45追加*/
/* Update 2021.02.22 14:43 */
/* Update 2021.09.12 16:51 長南入れる*/
/* Update 2021.09.13 17:49 長南入れる*/
/* Update 2023.03.01 18:34 BugFix*/

/*
#wrapper {
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0 auto;
	height:auto;
	z-index:0;
}
#inner {
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	padding-bottom: 100px;
	position: relative;
	overflow: hidden;
	width: 100%;
}

*/

#roundCounter {
	position:absolute;
	right:0;
	bottom:0;
}
#mainWrapper {
	position:relative;
	margin:0 0.5em;
}
.contentsWrapper {
	position:relative; 
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
}
.contentsWrapper > div#contentsArea1 {
	position:absolute;
	top:0;
	left:0;
	display:table-cell;
	background:#f00;
	width:50%;
	height:500px;
	padding:0 0 0 1em;
	border:none;
	border-bottom:none;
	border-right:none;
}
.contentsWrapper > div#contentsArea3 {
	display:table-cell;
	background-image:url(https://kagayagolf.co.jp/img/topImg/topArea3.JPG);
	background-repeat:no-repeat;
	background-position:right top;
	width:45%;
	height:auto;
	padding:1em 1em 0 1em;
	border:none;
	border-bottom:none;
	border-right:none;
	position:relative;
}
.contentsWrapper > div#contentsArea4 {
	display:table-cell;
	background-color:rgba(255,255,255,0.5);
	width:55%;
	height:auto;
	padding:0 0 0 1em;
	border:none;	border-bottom:none;
	border-right:none;
}
div.iframeWrap {
	position:relative;
	width:100%;
}
div.iframeWrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}
.youtube {
	position:relative;
	padding-bottom:56.25%;
	padding-top:3.0rem;
	height:0;
	overflow:hidden;
}
.youtube iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.iframeWrapper {
  position: relative;
  width: 100%;
/*56.25*/

 padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:none;
/*	box-sizing: border-box;*/
}
.iframeWrapper iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}
@media screen and (max-width: 896px) {
.iframeWrapper {
  position: relative;
  width: 100%;
/*56.25*/

 padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:none;
/*	box-sizing: border-box;*/
}
.iframeWrapper iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}
}

.contentsWrapper > .contentsBoxesNo {
	display:table-cell;
	background-color:rgba(255,255,255,0.1);
	width:100%;
	height:auto;
	padding:1.0rem;
	border:none;
}
.contentsWrapper > .contentsBoxes {
	display:table-cell;
	background-color:rgba(255,255,255,0.1);
	width:100%;
	height:auto;
	padding:1.0rem;
/*	border:1px solid #000;*/
	border:none;
}
.contentsWrapper > div#contentsBoxes1 {
	display:table-cell;
	background-color:rgba(255,255,255,0.1);
	width:33.33%;
	height:auto;
	padding:1.0rem;
	background-image:url(https://kagayagolf.co.jp/img/topImg/2018072320s.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border:none;
}
.contentsWrapper > div#contentsBoxes2 {
	display:table-cell;
	width:33.33%;
	height:auto;
	padding:1.0rem;
	background-repeat:no-repeat;
	background-size:cover;
	border:none;
}
.contentsWrapper > div#contentsBoxes3 {
	display:table-cell;
	background-color:rgba(255,255,255,0.1);
	width:33.33%;
	height:auto;
	padding:1.0rem;
	background-image:url(https://kagayagolf.co.jp/img/topImg/60s.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	border:none;
}
.contentsWrapper > div#contentsBoxes4 {
	display:table-cell;
	background-color:rgba(255,255,255,0.1);
	width:100%;
	height:auto;
	padding:1.0rem;
/*  border:1px solid #000;*/
	border:none;
}
.contentsWrapper > #contentsArea3 > div#contentsBoxes5 {
	display:table-cell;
	background-color:rgba(255,255,255,0.1);
/*	width:100%;*/
	height:auto;
	background-image:none;
/*	padding-right:2em;
	background-image:url(https://kagayagolf.co.jp/img/topImg/kanban.jpg);
	background-repeat:no-repeat;
	background-position:top 0 right 10%;
	background-size:contain;*/
	border:none;
}
.contentsWrapper > #contentsArea3 > div#contentsBoxes51 {
	position:fixed;
	width:70%;
	background-color:rgba(255,0,255,0.5);
	margin-left:29%;
/*	width:100%;*/
	height:auto;
	background-image:none;
/*	padding-right:2em;
	background-image:url(https://kagayagolf.co.jp/img/topImg/kanban.jpg);
	background-repeat:no-repeat;
	background-position:top 0 right 10%;
	background-size:contain;*/
	border:none;
}
.contentsWrapper > div > div {
	height:100%;
/*	border:1px solid #fff;*/
	border:none;
}
ul.none {
	padding:0;
	margin:0;
}
li.none {
	padding:0;
	margin:0 1em 0 1em;
	list-style-type:none;
}
li.normal {
	padding:0;
	margin:0 1em 0 1em;
}
dt.up {
	display:block;
	width:18%;
	clear:right;
	float:right;
	margin:0 0 0 1em;
	text-align:right;
	height:1em;
}
dt.up dd {
	display:block;
	width:50%;
	float:right;
}
.hitorigoto {
	color:#060;
}
.maedaMember {
	width:48%;
	padding:0 1%;
	float:left;
	margin:0 auto;
}
.iconAlba {
	width: 115px;
}
#roundCounter {
	position:absolute;
	top:0;
	right:0;
}
#roundCounter2 { display:none; }
.commercialImg {
	display:block;
	border:none;
	padding:0;
	width:50%;
	height:auto;
	float:left;
}
.commercialThumb {
	width:20%;
	height:auto;
}
.contentsWrapper > div {
	border:none;
}
.contentsWrapper > div > div {
	border:none;
}
.contentsWrapper > div#contentsArea3 {
	display:block;
	width:66.6666%;
	height:auto;
	float:left;
	border:none;
	background-color:rgba(255,255,255,0.5);
}
.contentsWrapper > div#contentsArea4 {
	display:block;
	width:33.3333%;
	height:auto;
	float:right;
	border:none;
}
/*
@media screen and (max-width:1920px) {
body {
	overflow:auto;
}
.icSizeM { width:32px; height:32px; }
#roundCounter {
	position:absolute;
	top:0;
	right:0;
}
div.headerMenu {
	display:block;
	float:left;
}
h3.GolfCourseName {
	font-weight:700;
}
.contentsWrapper > div#contentsArea3 {
	display:block;
	width:66.6666%;
	height:auto;
	float:left;
	border:none;
}
.contentsWrapper > div#contentsArea4 {
	display:block;
	width:33.3333%;
	height:auto;
	float:right;
	border:none;
}
}
*/
@media screen and (max-width:960px)
{
body {overflow:auto;}
#roundCounter {
	position:absolute;
	bottom:0;
	right:0;
}
.icSizeM {width:32px; height:32px;}
.iconAlba {width:70%;}
div.headerMenu {
	display:block;
	float:left;
	line-height:1.0;
}
h3.GolfCourseName {font-weight:700;}
.contentsWrapper > div#contentsArea3 {
	display:block;
	width:66.6666%;
	height:auto;
	float:left;
	border:none;
}
.contentsWrapper > div#contentsArea4 {
	display:block;
	width:33.3333%;
	height:auto;
	float:right;
	border:none;
}

.contentsWrapper > div#contentsBoxes2 .maedaMember {
	display:block;
	width:100%;
	padding:0 1%; 
	margin:0 auto;
}
}

@media screen and (max-width:600px)
{
html,body{overflow:auto;}
#roundCounter {
	position:absolute;
	bottom:0;
	right:0;
}
#roundCounter2 {
	position:absolute;
	top:0;
	right:0;
}
.icSizeM { width:32px; height:32px; }
.iconAlba {width:50%;}
div.headerMenu {display:none;}
.contentsWrapper > div#contentsArea1 {
	position:static;
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
}
h3.GolfCourseName {font-weight:700;}
.contentsWrapper > div#contentsArea2 {
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
}
.contentsWrapper > div#contentsArea3 {
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
}
.contentsWrapper > div#contentsArea4 {
	display:block;
	width:100%;
	height:auto;
	float:none;
	background-color:rgba(255,255,255,0.5);
	border:none;
}
.contentsWrapper > div#contentsBoxes1 {
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
}
.contentsWrapper > div#contentsBoxes2 {
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
}
.contentsWrapper > div#contentsBoxes3 {
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
}
.contentsWrapper > div#contentsBoxes4 {
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
}
.contentsWrapper > #contentsArea3 > div#contentsBoxes5 {
	display:block;
	background-color:rgba(255,255,255,0.5);
	width:100%;
	height:auto;
	padding-right:0px;
	background-image:none;
	border:none;
}
.contentsWrapper > #contentsArea4 {
	display:block;
	width:100%;
	background: #f00;
}

.contentsWrapper > div#contentsBoxes2 .maedaMember {
	display:block;
	width:48%;
	padding:0 1%; 
	margin:0 auto;
}
}


@media screen and (max-width:340px)
{
html,body{overflow:auto;}
#roundCounter {
	position:absolute;
	bottom:0;
	right:0;
}
#roundCounter2 {
	position:absolute;
	top:0;
	right:0;
}
.icSizeM {
	width:32px;
	height:32px;
}
.iconAlba {
	display:block;
	float:none;
	width:30%;
	clear:both;
}
div.headerMenu {display:none;}
dt.up {margin:0;}
h3.GolfCourseName {font-weight:700;}
.commercialImg {
	display:block;
	float:none;
	width:100%;
	height:auto;
}
.maedaMember {
	width:100%;
	padding:0 1%; 
	margin:0 auto;
}
.contentsWrapper > #contentsArea3 > div#contentsBoxes5 {
	display:block;
	background-color:rgba(255,255,255,0.5);
	width:100%;
	height:auto;
	padding-right:0px;
	background-image: none;
	border:none;
}
.contentsWrapper > #contentsArea4 {
	display:block;
	width:100%;
}

.contentsWrapper > div#contentsBoxes2 .maedaMember {
}
}

.plate {
	width:410px;
	margin:10% auto;
}
.script {
	font-family:"Seaweed Script";
	color:#fff;
	text-align:center;
	position:relative;
	margin:0;
}
.script span {
	background-color:#222;
	padding:0 0.3em;
}
.script:before {
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	top:50%;
	width:100%;
	border-bottom:3px solid #fff;
}
span.y1 {
	color:#fff;
}
span.y2 {
	color:#ffea00;
}
span.y3 {
	color:#ff0;
	font-weight:700;
}
.kaiinkenkakakutoha {
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:bottom;width:50%;
}
.contactBtn {
	display:inline-block;
	width:200px;
	height:200px;
}
div#maedaArea {
	width:100%;
}
div.hitoriTitle {
	border:none;
	background:#ebf6f7;
	margin-bottom:2em;
}
p.hitoriTitle {
	padding:0.25em;
}
/************************************************
.picDoc {
	margin:0;
	padding:0;
	width:100%;
	background-color:rgba(255,0,0,0.5);
	font-family:'Noto Serif TC', serif;
}

.picDoc {
	animation:fadein 3s ease 0s 1 normal;
	-webkit-animation:fadein 3s ease 0s 1 normal;
	-moz-animation:fadein 3s ease 0s 1 normal;
	-ms-animation:fadein 3s ease 0s 1 normal;
}

@keyframes fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-moz-keyframes fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-ms-keyframes fadein {
	0% { opacity:0; }
	100% { opacity:1; }
}

.picDoc ul {
	margin:0;
	padding:0;
	width:100%;
}
.picDoc ul li {
	overflow:hidden;
	display:inline-block;
	position:relative;
	width:24.9999%;
	border:1px solid #c6f;
}
.picDoc ul dl {
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(56,180,139,0.5);
	width:100%;
}
.picDoc ul dl dt {
	display:block;
}
dt.concept {
	font-size:2.4rem;
}
.picDoc ul li.type1 {
	overflow:hidden;
	display:inline-block;
	position:relative;
	letter-spacing:0;
}
.picDoc ul li.type1 dl {
	position:absolute;
	top:0;
	margin:0;
	color:#fff;
	background:rgba(56,180,139,0.5);
}
.picDoc ul li.type1 dl dt {
	text-align:center;
}
.picDoc ul li.type1 dl dd {
	font-size:1em;
	line-height:1.4;
	word-break:break-all;
}
.picDoc ul li.type1 dl dd a {
	text-align:center;
	background-color:#fff;
}
********/
span.menuHidden {
	font-size:1.125rem;
}
@media screen and (max-width:1360px)
{
span.menuHidden {font-size:1rem;}
}
@media screen and (max-width:600px)
{
span.menuHidden {display:none;}
}
@media screen and (max-width:320px)
{
span.menuHidden {display:none;}
}
span.menuDoc {
	font-size:1.125rem;
	font-weight:700;
}
@media screen and (max-width:600px)
{
div.maedaMember image {display:none;}
}

nav .linkKen ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
nav .linkKen ul li {
	width: 7%;
/*calc( (100%-6%*14)/10 ); */
	--marginS:calc(14*2);
	--marginA:calc(7%*14);
	--marginB:calc(100% - var(--marginA));
	--marginC:calc(var(--marginB)/var(--marginS));
	margin:0 var(--marginC);
	text-align:center;
/*	border:1px solid #fff;*/
}
nav .linkKen ul li a.marketbuttons {
	color:#fff;
	border: 1px solid #7F3F00;
	display:block;
	width:100%;
	border-left:solid 3px #7F3F00;
	border-top:solid 2px #7F3F00;
	box-shadow:10px 10px 10px 2px rgba(85,31,0,1);
/*	box-shadow:10px 10px 10px 2px rgba(85,31,0,1);*/
	line-height:2;
}
nav .linkKen ul li a.marketbuttons:link {
	background:#7F3F00;
	color:#fff;
}
nav .linkKen ul li a.marketbuttons:visited {
	background:#7F3F00;
/*	color:#6cf;*/
	color:#fff;
}
nav .linkKen ul li a.marketbuttons:hover {
	background-image:none;
	background-color:#fff;
	color:#7F3F00;
}
nav .linkKen ul li .marketbuttons:active {
	background:#7F3F00;
	color:#fff;
}

@media screen and (max-width: 1920px)
{
nav .linkKen ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
nav .linkKen ul li {
	width: 7%;
/*calc( (100%-6%*14)/10 ); */
	--marginS:calc(14*2);
	--marginA:calc(7%*14);
	--marginB:calc(100% - var(--marginA));
	--marginC:calc(var(--marginB)/var(--marginS));
	margin:0 var(--marginC);
/*	background: #f00;*/
	text-align:center;
	padding:0.25rem 0;
/*	border:1px solid #fff;*/
}
}

@media screen and (max-width: 1480px)
{
nav .linkKen ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
nav .linkKen ul li {
	width: 9%;
/*calc( (100%-6%*14)/10 ); */
	--marginS:calc(10*2);
	--marginA:calc(9%*10);
	--marginB:calc(100% - var(--marginA));
	--marginC:calc(var(--marginB)/var(--marginS));
	margin:0 var(--marginC);
/*	background: #f00;*/
	text-align:center;
	padding:0.25rem 0;
/*	border:1px solid #fff;*/
}
}
@media screen and (max-width: 960px)
{
nav .linkKen ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
nav .linkKen ul li {
	width: 18%;
/*calc( (100%-6%*14)/10 ); */
	--marginS:calc(5*2);
	--marginA:calc(18%*5);
	--marginB:calc(100% - var(--marginA));
	--marginC:calc(var(--marginB)/var(--marginS));
	margin:0 var(--marginC);
/*	background: #f00;*/
	text-align:center;
/*	border:1px solid #fff;*/
	padding:0.25rem 0;
}
}
@media print
{ /*960*/
nav .linkKen ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
nav .linkKen ul li {
	width: 18%;
/*calc( (100%-6%*14)/10 ); */
	--marginS:calc(5*2);
	--marginA:calc(18%*5);
	--marginB:calc(100% - var(--marginA));
	--marginC:calc(var(--marginB)/var(--marginS));
	margin:0 var(--marginC);
/*	background: #f00;*/
	text-align:center;
/*	border:1px solid #fff;*/
	padding:0.25rem 0;
}
}
@media screen and (max-width: 600px)
{
nav .linkKen ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
nav .linkKen ul li {
	width: 30%;
/*calc( (100%-6%*14)/10 ); */
	--marginS:calc(3*2);
	--marginA:calc(30%*3);
	--marginB:calc(100% - var(--marginA));
	--marginC:calc(var(--marginB)/var(--marginS));
	margin:0 var(--marginC);
	display:inline-block;
/*	background: #f00;*/
	text-align:center;
/*	border:1px solid #fff;*/
	padding:0.25rem 0;
}
}
@media screen and (max-width: 340px)
{
nav .linkKen ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
nav .linkKen ul li {
	width: 49.9999%;
/*calc( (100%-6%*14)/10 ); */
	--marginS:calc(2*2);
	--marginA:calc(49.9999%*2);
	--marginB:calc(100% - var(--marginA));
	--marginC:calc(var(--marginB)/var(--marginS));
	margin:0 var(--marginC);
	display:inline-block;
/*	background: #f00;*/
	text-align:center;
/*	border:1px solid #fff;*/
}
}

.maedaOsusume {
	display:inline;
	padding:0;
}
.bigsugi {
	padding:0;
	margin:0;
	width:186px;
	height:50px;
}
.panelLeft {
	padding:2rem;
	width:54%;
	float:left;
}
.panelRight {
	width:40%;
	margin:1.5rem 0.5rem 1rem 1rem;
	float:right;
}

@media screen and (max-width: 780px)
{
.panelLeft {
	padding:0;
	margin:0;
	display:block;
	float:none;
	width:100%;
}
.panelRight {
	padding:0;
	margin:0;
	display:block;
	float:none;
	width:100%;
}
}
.panel p {
	padding-left:0px;
	padding-right:0px;
}
h3.panelSubhead {
	font-weight:700;
	margin:0 2em;	
}
.introduce {
	display:inline-block;
	width:100%;
}
.bkRed {background:#f00;}
.colRed {color:#f00;}
.colYellow {
	color:#ff0;
}
.imgBestshot {
	padding:0;
	margin:0;
	width:240px;
	height:72px;
}




/****** animation ****************/
/*                               */
/*                               */

.stepArea {
/*com*****************
	position:relative;
	width:100%;
	height:120px;
*/////////////////////

	display:block;
	position:relative;
	width:100%;
	height:120px;



}


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

.stepArea {

	display:block;
	position:relative;
	width:100%;
	height:120px;
}

}

.stepArea .stepMap {
	margin: 0 auto;
}

.stepArea .stepMap > .shapeSquare20240501 a em,.stepMap > .shapeSquare20240502 a em,.stepMap > .shapeSquare36 a em,.stepMap > .shapeSquare20240503 a em,.stepMap > .shapeSquare4 a em,.stepMap > .shapeSquare14 a em,.stepMap > .shapeSquare20240504 a em {
	display:block;
	background-color:rgba(0,127,0,0.7);
	font-size:1.5em;
	color:#fff;
	/*rgba(255,223,0,1);
	/*rgba(58,171,210,1);*/
	line-height:1.3;
	text-align:center;
}

.stepArea .stepMap > .shapeSquare01 a em,.stepMap > .shapeSquare02 a em,.stepMap > .shapeSquare03 a em,.stepMap > .shapeSquare04 a em {
	display:block;
	background-color:rgba(0,127,0,0.7);
	font-size:1.5em;
	color:#fff;
	/*rgba(255,223,0,1);
	/*rgba(58,171,210,1);*/
	line-height:1.3;
	text-align:center;
}

.stepArea .stepMap > .shapeSquare3_001 a em,.stepMap > .shapeSquare45 a em {
	display:block;
	background-color:rgba(0,127,0,0.7);
	font-size:1.5em;
	color:#fff;
	/*rgba(255,223,0,1);
	/*rgba(58,171,210,1);*/
	line-height:1.3;
	text-align:center;
}

.stepArea .stepMap > .shapeSquare01 a em,.stepMap > .shapeSquare02 em {
	display:block;
	background-color:rgba(0,127,0,0.7);
	font-size:1.5em;
	color:#fff;
	/*rgba(255,223,0,1);
	/*rgba(58,171,210,1);*/
	line-height:1.3;
	text-align:center;
}

/********************************************************************** ここから*/

.stepArea .stepMap > .shapeSquare5 a,.stepMap > .shapeSquare6 a,.stepMap > .shapeSquare7 a,.stepMap > .shapeSquare8 a {
	text-decoration:none;
}

.stepArea .stepMap > .shapeSquare5 a em,.stepMap > .shapeSquare6 a em,.stepMap > .shapeSquare7 a em,.stepMap > .shapeSquare8 a em {
	display:block;
	background-color:rgba(255,255,255,0.7);
	font-size:1.5em;
	color:#f00;
	/*rgba(255,223,0,1);
	/*rgba(58,171,210,1);*/
/*	line-height:1.3;*/
	height:100%;
	text-align:center;
	border:2px solid #f00;
}


.stepArea .stepMap > .shapeSquare20240501,.stepMap > .shapeSquare20240502,.stepMap > .shapeSquare36,.stepMap > .shapeSquare20240503,.stepMap > .shapeSquare,.stepMap > .shapeSquare20240504 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}

.stepArea .stepMap > .shapeSquare01,.stepMap > .shapeSquare02,.stepMap > .shapeSquare03,.stepMap > .shapeSquare04 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}

.stepArea .stepMap > .shapeSquare3_001,.stepMap > .shapeSquare45 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}

.stepArea .stepMap > .shapeSquare45 {
	display:block;
	margin:0;
	position:absolute;
	top:-50px;
	left:0;
	margin-top:0px;
	width:180px;
	height:128px;
	border:none;
}

.stepArea .stepMap > .shapeSquare45 span.t {
	font-size:90%;
	display:block;
}

.stepArea .stepMap > .shapeSquare5,.stepMap > .shapeSquare6,.stepMap > .shapeSquare7,.stepMap > .shapeSquare8 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}


.stepArea .stepMap > .soldout {
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}


.stepArea .stepMap > .shapeSquare20240501 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/kata202405.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare01 {

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}


/*
.stepArea .stepMap > .shapeSquare11 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target01.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
*/
.stepArea .stepMap > .shapeSquare20240502 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/kame202405.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare02 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target01.jpg);
	background-repeat:no-repeat;
background-size:cover;
background-color:#ff0;
color:#f00;

	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare36 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target36.jpg);
	background-repeat:no-repeat;
background-size:cover;
/*background-color:#ff0;*/
/*color:#f00;*/

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare03 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target03.jpg);
	background-repeat:no-repeat;
background-size:cover;
/*background-color:#ff0;*/
/*color:#f00;*/

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare20240503 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/izuo202405.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare3_001 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/maeshinGolf.gif);*/
	background-image:url(https://kagayagolf.co.jp/img/topImg/target14.jpg);
background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	cursor:pointer;
}

.stepArea .stepMap > .shapeSquare14 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target14.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare4 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target4.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare20240504 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/chou202405.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}


.stepArea .stepMap > .shapeSquare45 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/maeshinooarai.gif);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare45 {
	background-image:none;
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare5 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target5.jpg);
	background-repeat:no-repeat;
background-size:cover;*/

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare6 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target6.jpg);
	background-repeat:no-repeat;
background-size:cover;*/

	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare7 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target7.jpg);
	background-repeat:no-repeat;
background-size:cover;*/

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare8 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target8.jpg);
	background-repeat:no-repeat;
background-size:cover;
*/
	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare {
}
.stepArea .stepMap > .shapeSquare p {
	padding-top:1.5em;
	text-align:center;
}
.stepArea .stepMap > .shapeSquare span.s {
	font-weight:700;
/*	color:#fff;*/
}
.stepArea .stepMap > .shapeSquare span.e {
	font-weight:700;
/*	color:#f00;*/
}



/****************************************ここまで**********/















@keyframes baseSquare1Anime {
	0% {
	display:block;
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	border-color:#00f #00f transparent transparent;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(10px, 10px);
	-webkit-transform:translate(10px, 10px);
	}
}



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

.stepArea .stepMap > .shapeSquare5 a,.stepMap > .shapeSquare6 a,.stepMap > .shapeSquare7 a,.stepMap > .shapeSquare8 a {
	text-decoration:none;
}

.stepArea .stepMap > .shapeSquare5 a em,.stepMap > .shapeSquare6 a em,.stepMap > .shapeSquare7 a em,.stepMap > .shapeSquare8 a em {
	display:block;
	background-color:rgba(255,255,255,0.7);
	font-size:1.5em;
	color:#f00;
	/*rgba(255,223,0,1);
	/*rgba(58,171,210,1);*/
/*	line-height:1.3;*/
	height:100%;
	text-align:center;
	border:2px solid #f00;
}


.stepArea .stepMap > .shapeSquare20240501,.stepMap > .shapeSquare20240502,.stepMap > .shapeSquare36,.stepMap > .shapeSquare20240503,.stepMap > .shapeSquare,.stepMap > .shapeSquare20240504 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}

.stepArea .stepMap > .shapeSquare01,.stepMap > .shapeSquare02,.stepMap > .shapeSquare03,.stepMap > .shapeSquare04 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}

.stepArea .stepMap > .shapeSquare3_001,.stepMap > .shapeSquare45 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}

.stepArea .stepMap > .shapeSquare45 {
	display:block;
	margin:0;
	position:absolute;
	top:-50px;
	left:0;
	margin-top:0px;
	width:180px;
	height:128px;
	border:none;
}

.stepArea .stepMap > .shapeSquare45 span.t {
	font-size:90%;
	display:block;
}

.stepArea .stepMap > .shapeSquare5,.stepMap > .shapeSquare6,.stepMap > .shapeSquare7,.stepMap > .shapeSquare8 {
	display:block;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	border:none;
}


.stepArea .stepMap > .soldout {
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}


.stepArea .stepMap > .shapeSquare20240501 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/kata202405.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare01 {

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}


/*
.stepArea .stepMap > .shapeSquare11 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target01.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
*/
.stepArea .stepMap > .shapeSquare20240502 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/kame202405.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare02 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target01.jpg);
	background-repeat:no-repeat;
background-size:cover;
background-color:#ff0;
color:#f00;

	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare36 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target36.jpg);
	background-repeat:no-repeat;
background-size:cover;
/*background-color:#ff0;*/
/*color:#f00;*/

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare03 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target03.jpg);
	background-repeat:no-repeat;
background-size:cover;
/*background-color:#ff0;*/
/*color:#f00;*/

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare20240503 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/izuo202405.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare3_001 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target14.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	cursor:pointer;
}

.stepArea .stepMap > .shapeSquare14 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target14.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare4 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/target4.jpg);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare20240504 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/chou202405.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}


.stepArea .stepMap > .shapeSquare45 {
	background-image:url(https://kagayagolf.co.jp/img/topImg/maeshinooarai.gif);
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare45 {
	background-image:none;
	background-repeat:no-repeat;
background-size:cover;

	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare5 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target5.jpg);
	background-repeat:no-repeat;
background-size:cover;*/

	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare6 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target6.jpg);
	background-repeat:no-repeat;
background-size:cover;*/

	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare7 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target7.jpg);
	background-repeat:no-repeat;
background-size:cover;*/

	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare8 {
/*	background-image:url(https://kagayagolf.co.jp/img/topImg/target8.jpg);
	background-repeat:no-repeat;
background-size:cover;
*/
	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare {
}
.stepArea .stepMap > .shapeSquare p {
	padding-top:1.5em;
	text-align:center;
}
.stepArea .stepMap > .shapeSquare span.s {
	font-weight:700;
/*	color:#fff;*/
}
.stepArea .stepMap > .shapeSquare span.e {
	font-weight:700;
/*	color:#f00;*/
}
}

@keyframes baseSquare1Anime {
	0% {
	display:block;
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	border-color:#00f #00f transparent transparent;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(10px, 10px);
	-webkit-transform:translate(10px, 10px);
	}
}
@keyframes baseSquare2Anime {
	0% {
	display:block;
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	border-color:#00f #00f transparent transparent;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(220px, 10px);
	-webkit-transform:translate(220px, 10px);
	}
}
@keyframes baseSquare3Anime {
	0% {
	display:block;
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	border-color:#00f #00f transparent transparent;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(430px, 10px);
	-webkit-transform:translate(430px, 10px);
	}
}
@keyframes baseSquare4Anime {
	0% {
	display:block;
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	border-color:#00f #00f transparent transparent;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(640px, 10px);
	-webkit-transform:translate(640px, 10px);
	}
}

.stepArea .stepMap > .shapeTriangle {
}
.stepArea .stepMap > .shapeTriangle1 {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0px;
	height:0px;
	border-bottom:40px solid transparent;
	border-left:80px solid rgba(255,0,0,0.5);
	border-top:40px solid transparent;
	animation:baseTriangle1Anime 1s;
	-webkit-animation:baseTriangle1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeTriangle2 {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:0px;
	height:0px;
	border-bottom:40px solid transparent;
	border-left:80px solid rgba(0,255,0,0.5);
	border-top:40px solid transparent;
	animation:baseTriangle2Anime 1s;
	-webkit-animation:baseTriangle2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeTriangle3 {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0px;
	height:0px;
	border-bottom:40px solid transparent;
	border-left:80px solid rgba(0,0,255,0.5);
	border-top:40px solid transparent;
	animation:baseTriangle3Anime 1s;
	-webkit-animation:baseTriangle3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeTriangle4 {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:0px;
	height:0px;
	border-bottom:40px solid transparent;
	border-left:80px solid rgba(255,255,0,0.5);
	border-top:40px solid transparent;
	animation:baseTriangle4Anime 1s;
	-webkit-animation:baseTriangle4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeTriangle p {
	line-height:1.6;
}


@keyframes baseTriangle1Anime {
	0% {
	display:block;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(180px, 10px) rotate(360deg);
	-webkit-transform:translate(180px, 10px) rotate(360deg);
	}
}
@keyframes baseTriangle2Anime {
	0% {
	display:block;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(430px, 10px) rotate(360deg);
	-webkit-transform:translate(430px, 10px) rotate(360deg);
	}
}
@keyframes baseTriangle3Anime {
	0% {
	display:block;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(680px, 10px) rotate(360deg);
	-webkit-transform:translate(680px, 10px) rotate(360deg);
	}
}
@keyframes baseTriangle4Anime {
	0% {
	display:block;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	display:block;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	display:block;
	transform:translate(930px, 10px) rotate(360deg);
	-webkit-transform:translate(930px, 10px) rotate(360deg);
	}
}

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

.stepArea .stepMap > .shapeSquare5 a,.stepMap > .shapeSquare6 a,.stepMap > .shapeSquare7 a,.stepMap > .shapeSquare8 a {
	text-decoration:none;
	margin-left:0px;
}

.stepArea .stepMap > .shapeSquare5 a em,.stepMap > .shapeSquare6 a em,.stepMap > .shapeSquare7 a em,.stepMap > .shapeSquare8 a em {
	display:block;
	background-color:rgba(255,255,255,0.7);
	font-size:100%;
	color:#f00;
	/*rgba(255,223,0,1);
	/*rgba(58,171,210,1);*/
/*	line-height:1.3;*/
	height:100%;
	text-align:center;
	border:none;
}


.stepArea .stepMap > .shapeSquare20240501 a em,.stepMap > .shapeSquare20240502 a em,.stepMap > .shapeSquare36 a em,.stepMap > .shapeSquare20240503 a em,.stepMap > .shapeSquare4 a em,.stepMap > .shapeSquare14 a em,.stepMap > .shapeSquare20240504 a em {
	display:block;
	background-color:transparent;
	font-size:1em;
	color:#fff;
	line-height:1.3;
	text-align:center;
	margin-top:1em;
}

.stepArea .stepMap > .shapeSquare01 a em,.stepMap > .shapeSquare02 a em,.stepMap > .shapeSquare03 a em,.stepMap > .shapeSquare04 a em {
	display:block;
	background-color:transparent;
	font-size:1em;
	color:#fff;
	line-height:1.3;
	text-align:center;
	margin-top:1em;
}

/*
.stepArea .stepMap > .shapeSquare3_001 a em,.stepMap > .shapeSquare45 a em {
	float:none;
	display:block;
	background-color:transparent;
	font-size:1em;
	color:#fff;
	line-height:1.3;
	text-align:center;
	margin-top:1em;
}
*/
.stepArea .stepMap > .shapeSquare3_001 {
	float:none;
	display:block;
	background-color:transparent;
/*	margin-left:-50px;*/
	cursor:pointer;
}

.stepArea .stepMap > .shapeSquare3_001 a em {
	float:none;
	display:block;
	background-color:transparent;
	font-size:1em;
	color:#fff;
	line-height:1.3;
	text-align:center;
	margin-top:1em;
}

.stepArea .stepMap > .shapeSquare45 {
	display:none;
}

.stepArea .stepMap > .shapeSquare45 {
	display:block;
	background-color:transparent;
	margin-left:-150px;
}

.stepArea .stepMap > .shapeSquare45 span.t {
	display:none;
}
.stepArea .stepMap > .shapeSquare5 em,.stepMap > .shapeSquare6 em,.stepMap > .shapeSquare7 em,.stepMap > .shapeSquare8 em {
	display:block;
	background-color:transparent;
	font-size:1em;
	color:#000;
	line-height:1.3;
	text-align:center;
/*	margin-top:1em;*/
}


.stepArea .stepMap > .shapeSquare20240501 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #f00;
	background-color:rgba(255,0,0,0.3);
	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}

.stepArea .stepMap > .shapeSquare01 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #f00;
	background-color:rgba(255,0,0,0.3);
	animation:baseSquare1Anime 1s;
	-webkit-animation:baseSquare1Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}


.stepArea .stepMap > .shapeSquare03 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #0f0;
	background-color:rgba(0,255,0,0.3);
	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}

.stepArea .stepMap > .shapeSquare36 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #0f0;
	background-color:rgba(0,255,0,0.3);
	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}

.stepArea .stepMap > .shapeSquare02 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #0f0;
	background-color:rgba(0,255,0,0.3);
	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}

.stepArea .stepMap > .shapeSquare20240502 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #0f0;
	background-color:rgba(0,255,0,0.3);
	animation:baseSquare2Anime 1s;
	-webkit-animation:baseSquare2Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}
.stepArea .stepMap > .shapeSquare20240503 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #00f;
	background-color:rgba(0,0,255,0.3);
	animation:baseSquare3Anime 1s;
	-webkit-animation:baseSquare3Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare14 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #ff0;
	background-color:rgba(255,255,0,0.3);
	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare4 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #ff0;
	background-color:rgba(255,255,0,0.3);
	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare20240504 {
	display:block;
	width:80px;
	height:80px;
	border-radius:50px;
	border:2px solid #ff0;
	background-color:rgba(255,255,0,0.3);
	animation:baseSquare4Anime 1s;
	-webkit-animation:baseSquare4Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}

.stepArea .stepMap > .shapeSquare5 {
	display:block;
	width:84px;
	height:84px;
	border-radius:0px;
	border:1px solid #f00;
	background-color:rgba(255,0,0,0.3);
	animation:baseSquare5Anime 1s;
	-webkit-animation:baseSquare5Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}
.stepArea .stepMap > .shapeSquare6 {
	display:block;
	width:84px;
	height:84px;
	border-radius:0px;
	border:1px solid #f00;
	background-color:rgba(0,255,0,0.3);
	animation:baseSquare6Anime 1s;
	-webkit-animation:baseSquare6Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;

}
.stepArea .stepMap > .shapeSquare7 {
	display:block;
	width:84px;
	height:84px;
	border-radius:0px;
	border:1px solid #f00;
	background-color:rgba(0,0,255,0.3);
	animation:baseSquare7Anime 1s;
	-webkit-animation:baseSquare7Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
.stepArea .stepMap > .shapeSquare8 {
	display:block;
	width:84px;
	height:84px;
	border-radius:0px;
	border:1px solid #f00;
	background-color:rgba(255,255,0,0.3);
	animation:baseSquare8Anime 1s;
	-webkit-animation:baseSquare8Anime 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}


.stepArea .stepMap > .shapeSquare {
}
.stepArea .stepMap > .shapeSquare p {
	padding-top:calc(100px / 2 - 1rem);
	text-align:center;
}
.stepArea .stepMap > .shapeSquare span.s {
	font-weight:700;
	color:#fff;
}
.stepArea .stepMap > .shapeSquare span.e {
	font-weight:700;
	color:#f00;
}
@keyframes baseSquare1Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	}
	100% {
	transform:translate(5px, 10px);
	-webkit-transform:translate(5px, 10px);
	}
}
@keyframes baseSquare2Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(5px, 10px);
	-webkit-transform:translate(5px, 10px);
	}
	100% {
	transform:translate(90px, 10px);
	-webkit-transform:translate(90px, 10px);
	}
}
@keyframes baseSquare3Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(5px, 10px);
	-webkit-transform:translate(5px, 10px);
	}
	100% {
	transform:translate(175px, 10px);
	-webkit-transform:translate(175px, 10px);
	}
}
@keyframes baseSquare4Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(5px, 10px);
	-webkit-transform:translate(5px, 10px);
	}
	100% {
	transform:translate(260px, 10px);
	-webkit-transform:translate(260px, 10px);
	}
}

@keyframes baseSquare5Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(0px, 0px);
	-webkit-transform:translate(0px, 0px);
	}
	100% {
	transform:translate(0px, 0px);
	-webkit-transform:translate(0px, 0px);
	}
}
@keyframes baseSquare6Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(0px, 0px);
	-webkit-transform:translate(0px, 0px);
	}
	100% {
	transform:translate(85px, 0px);
	-webkit-transform:translate(85px, 0px);
	}
}
@keyframes baseSquare7Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(0px, 0px);
	-webkit-transform:translate(0px, 0px);
	}
	100% {
	transform:translate(170px, 0px);
	-webkit-transform:translate(170px, 0px);
	}
}
@keyframes baseSquare8Anime {
	0% {
	border-color:#f00 #f00 transparent transparent;
	transform:translate(0);
	-webkit-transform:translate(0);
	}
	50% {
	border-color:#00f #00f transparent transparent;
	transform:translate(0px, 0px);
	-webkit-transform:translate(0px, 0px);
	}
	100% {
	transform:translate(255px, 0px);
	-webkit-transform:translate(255px, 0px);
	}
}
.stepArea .stepMap > .shapeTriangle1 {display:none;}
.stepArea .stepMap > .shapeTriangle2 {display:none;}
.stepArea .stepMap > .shapeTriangle3 {display:none;}
.stepArea .stepMap > .shapeTriangle4 {	display:none;
}
.stepArea .stepMap > .shapeTriangle p {
	line-height:1.6;
}
}

.contentsPos {
	margin-top:2em;
}

.fullSize {
	width:100%;
}

a.mask:hover {
	opacity:0.5;
}

dl.rowGolfPlay {
	width:60em;
	margin:0;
	padding:0;
}
dt.rowGolfPlay {
	width:10em;
	margin:0;
	padding-left:2em;
	float:left;
	clear:both;
	text-align:left;
	height:1.5em;
}
dd.rowGolfPlay {
	width:40em;
	margin:0;
	padding-left:1em;
	text-align:left;
	height:1.5em;
}


.upup {
	width:17px;
	height:13px;
}
.upup2 {
	width:17px;
	height:19px;
}

dl.righterMenulist dt.up2 {
	background-color: #0ff;
	display:inline-block;
	width:50%;
	margin:0;
	padding:0;
	height:1em;
}
dl.righterMenulist dt.up2 dd {
	background-color: #ff0;
	display:inline-block;
	width:50%;
}

span.oyuzuri {
	font-size:120%;
	background-color:#f00;
	color:#fff;
}

span.kakaku {
	color:#F30;
	font-family: 'arial black';
	font-weight:bold;
	font-size:140%;
}

@media screen and (max-width:1360px) {
span.oyuzuri {
	font-size:100%;
	background-color:#f00;
	color:#fff;
}

span.kakaku {
	color:#f00;
	font-family: 'arial black';
	font-weight:normal;
	font-size:100%;
}
}

span.KBinfo {
	background-color:#ff0;
	color:#090;
	font-weight:bold;
	font-size:1rem;
	line-height:1.3;
}