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

.hamburgerIcon {
	vertical-align:middle;
	width:1.5em;
	height:1.5em;
}

#sFooter{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
	background:#a0d8ef;
	border:1px solid #69F;
	padding:0;
	background-image:url(https://kagayagolf.co.jp/img/img/png/0524_a01.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:auto 100px;
	opacity:1;
}
header {
	display:block;
}
.smartphoneWrapper {
	display:none;
}
#mobileInfo {
	display:none;
}
#hamburger {
	position:relative;
	display:none;
}

#footer {
	display:block;
}

#sFooter {
	display:none;
}
@media screen and (max-width:896px) {

header {
	display:none;
}

#footer {
	display:none;
}

.smartphoneWrapper {
	display:block;
}
#hunburger {
	display:block;
}

#mobileInfo {
	display:block;
}

#sFooter {
	display:block;
}

}



/* hamburgger menu */
.burgerMenuOnOff {
	display:none;
}

.smartphoneWrapper {
	position:relative;
	top:0;
	left:0;
	height:2.5em;
	width :100%;
	background:#6CF;
}

/* switch on(menu open) */
.burgerMenuLab {
	display:block;
	position:absolute;
	top:0.5em;
	right:0.5em;
	width:1.5em;
	height:24px;
	background:#000;
	border-top:10px solid #6cf;
	border-bottom:10px solid #6cf;
	box-sizing:border-box;
	transition:all 0.4s;
	z-index:2;
}

.burgerMenuLab::before {
	content:'';
	position:absolute;
	width:1.5em;
	height:4px;
	background:#000;
	top:-10px;
	right:0;
	transition:all 0.4s;
}

.burgerMenuLab::after {
	content:'';
	position:absolute;
	width:1.5em;
	height:4px;
	background:#000;
	bottom:-10px;
	right:0;
	transition:all 0.4s;
}

/* switch menu on/off */
.sMenuWrapper {
	margin-top:1rem;
	padding:0;
	width :100%;
	height :auto;
	position:relative;
	left:-100%;
	transition:left 0.4s;
}

/* swith off(menu close) */
.burgerMenuOnOff:checked ~ .mobile-title {
/*	opacity:1;
	transform:none;*/
}

.burgerMenuOnOff:checked ~ .burgerMenuLab {
	background:#6cf;
}

.burgerMenuOnOff:checked ~ .burgerMenuLab::before {
	transform:rotate(45deg);
	top:0;
	right:0;
/*	background:#fff;*/
	background:#000;
}

.burgerMenuOnOff:checked ~ .burgerMenuLab::after {
	transform:rotate(-45deg);
	bottom:0;
	right:0;
	background:#000;
/*	background:#fff;*/
}

.burgerMenuOnOff:checked ~ .sMenuWrapper {
	left:0; /* menu start position */
	z-index:999;
	height:100%;
}

/* mobile menu list */
nav .sMenuList {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	list-style-type:none;
	margin:0;
	background:#fff;
	color:##6cf;
	width:100%;
}

nav .sMenuList li.smenu {
	display:block;
	widthA:calc(100%-4em);
	widthB:calc(var(--widthA)/2);
	line-height:1.5em;
/*	background:rgba(255,251,240,0.5);*/
	background-color:none;
	border-bottom:3px solid #f00;
	border-left:2px solid #f00;
	border-right:1px solid #f00;
	margin-left:2em;
	margin-right:2em;
}
nav .sMenuList li.smenu:first-child {
	border-top:10px solid #f00;
}

nav .sMenuList li.smenu:nth-child(6) {
	background-color:#fff;
}




nav .sMenuList li.smenu:link a {
	background-color: rgba(255,0,0,0.0.3);
	color:#6cf;
}
nav .sMenuList li.smenu:visited a {
	background-color: rgba(255,0,0,0.0.3);

}
nav .sMenuList li.smenu:hover a {
	background-color:#fff;
}
nav .sMenuList li.smenu:active a {
	background-color:#fff;
}
nav .sMenuList li.smenu a {
	display:block;
	width:100%;
	padding-left:1em;
	text-decoration:none;
}


.sContentMenu {
	background-color:#fff;
}

dl.sContentMenu dt:link a {
	background-color:#fff;
}
dl.sContentMenu dt:visited a {
	background-color:#fff;
}
dl.sContentMenu dt:hover a {
	background-color:#fff;
}
dl.sContentMenu dd:active a {
	background-color:#fff;
}

dl.sContentMenu dd:link a {
	background-color:#fff;
}
dl.sContentMenu dd:visited a {
	background-color:#fff;
}
dl.sContentMenu dd:hover a {
	background-color:#fff;
}
dl.sContentMenu dd:active a {
	background-color:#fff;
}



dl.sContentMenu {
	display: flex;
	flex-wrap: wrap;
	margin 1em auto;
	background-color:#fff;
	width: 100%;
}


dl.sContentMenu dt {
	width: 15%;
	line-height:1.6;
	background-color: #f00;
	color:#fff;
	margin-bottom: 4px;
	border-bottom:1px solid #f00;
}

dl.sContentMenu dd {
	width: 85%;
	line-height:1.6;
	background-color: #fff;
	margin-bottom: 4px;
	border-bottom:1px solid #f00;
}

}