@charset "utf-8";
#subpage #header {
	height: auto;
}
#subpage #header:after {
  display: none;
}

#garelly {
  height: 100vh;
  position: relative;
  text-align: center;
}
#garelly .bxslider_wrap {
	visibility: hidden;
	-moz-transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
	-ms-transition-duration: 1.2s;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-ms-transition-timing-function: ease-in-out;
	}
#garelly .bx-viewport {
	left: 0;
	background: #000;
	box-shadow: none;
	border: none;
}
#garelly .bxslider ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.portrait-page #garelly .bxslider li:nth-child(1) {background-image: url("images/overlay_.png"), url(../../images/portrait/img01.jpg);}
.portrait-page #garelly .bxslider li:nth-child(2) {background-image: url("images/overlay_.png"), url(../../images/portrait/img02.jpg);}
.portrait-page #garelly .bxslider li:nth-child(3) {background-image: url("images/overlay_.png"), url(../../images/portrait/img03.jpg);}
.portrait-page #garelly .bxslider li:nth-child(4) {background-image: url("images/overlay_.png"), url(../../images/portrait/img04.jpg);}
.portrait-page #garelly .bxslider li:nth-child(5) {background-image: url("images/overlay_.png"), url(../../images/portrait/img05.jpg);}
.portrait-page #garelly .bxslider li:nth-child(6) {background-image: url("images/overlay_.png"), url(../../images/portrait/img06.jpg);}
.portrait-page #garelly .bxslider li:nth-child(7) {background-image: url("images/overlay_.png"), url(../../images/portrait/img07.jpg);}
.portrait-page #garelly .bxslider li:nth-child(8) {background-image: url("images/overlay_.png"), url(../../images/portrait/img08.jpg);}
.portrait-page #garelly .bxslider li:nth-child(9) {background-image: url("images/overlay_.png"), url(../../images/portrait/img09.jpg);}
.portrait-page #garelly .bxslider li:nth-child(10) {background-image: url("images/overlay_.png"), url(../../images/portrait/img10.jpg);}
.portrait-page #garelly .bxslider li:nth-child(11) {background-image: url("images/overlay_.png"), url(../../images/portrait/img11.jpg);}
.portrait-page #garelly .bxslider li:nth-child(12) {background-image: url("images/overlay_.png"), url(../../images/portrait/img12.jpg);}
.portrait-page #garelly .bxslider li:nth-child(13) {background-image: url("images/overlay_.png"), url(../../images/portrait/img13.jpg);}
.portrait-page #garelly .bxslider li:nth-child(14) {background-image: url("images/overlay_.png"), url(../../images/portrait/img14.jpg);}
.portrait-page #garelly .bxslider li:nth-child(15) {background-image: url("images/overlay_.png"), url(../../images/portrait/img15.jpg);}
/*#garelly .bxslider li:nth-child(5) {background-image: url("images/overlay.png"), url(../../images/pic05.jpg);}*/

.still-page #garelly .bxslider li:nth-child(1) {background-image: url("images/overlay_.png"), url(../../images/still/img01.jpg);}
.still-page #garelly .bxslider li:nth-child(2) {background-image: url("images/overlay_.png"), url(../../images/still/img02.jpg);}
.still-page #garelly .bxslider li:nth-child(3) {background-image: url("images/overlay_.png"), url(../../images/still/img03.jpg);}
.still-page #garelly .bxslider li:nth-child(4) {background-image: url("images/overlay_.png"), url(../../images/still/img04.jpg);}
.still-page #garelly .bxslider li:nth-child(5) {background-image: url("images/overlay_.png"), url(../../images/still/img05.jpg);}
.still-page #garelly .bxslider li:nth-child(6) {background-image: url("images/overlay_.png"), url(../../images/still/img06.jpg);}
.still-page #garelly .bxslider li:nth-child(7) {background-image: url("images/overlay_.png"), url(../../images/still/img07.jpg);}
.still-page #garelly .bxslider li:nth-child(8) {background-image: url("images/overlay_.png"), url(../../images/still/img08.jpg);}
.still-page #garelly .bxslider li:nth-child(9) {background-image: url("images/overlay_.png"), url(../../images/still/img09.jpg);}
.still-page #garelly .bxslider li:nth-child(10) {background-image: url("images/overlay_.png"), url(../../images/still/img10.jpg);}
.still-page #garelly .bxslider li:nth-child(11) {background-image: url("images/overlay_.png"), url(../../images/still/img11.jpg);}
.still-page #garelly .bxslider li:nth-child(12) {background-image: url("images/overlay_.png"), url(../../images/still/img12.jpg);}

.food-page #garelly .bxslider li:nth-child(1) {background-image: url("images/overlay_.png"), url(../../images/food/img01.jpg);}
.food-page #garelly .bxslider li:nth-child(2) {background-image: url("images/overlay_.png"), url(../../images/food/img02.jpg);}
.food-page #garelly .bxslider li:nth-child(3) {background-image: url("images/overlay_.png"), url(../../images/food/img03.jpg);}
.food-page #garelly .bxslider li:nth-child(4) {background-image: url("images/overlay_.png"), url(../../images/food/img04.jpg);}
.food-page #garelly .bxslider li:nth-child(5) {background-image: url("images/overlay_.png"), url(../../images/food/img05.jpg);}
.food-page #garelly .bxslider li:nth-child(6) {background-image: url("images/overlay_.png"), url(../../images/food/img06.jpg);}
.food-page #garelly .bxslider li:nth-child(7) {background-image: url("images/overlay_.png"), url(../../images/food/img07.jpg);}
.food-page #garelly .bxslider li:nth-child(8) {background-image: url("images/overlay_.png"), url(../../images/food/img08.jpg);}
.food-page #garelly .bxslider li:nth-child(9) {background-image: url("images/overlay_.png"), url(../../images/food/img09.jpg);}
.food-page #garelly .bxslider li:nth-child(10) {background-image: url("images/overlay_.png"), url(../../images/food/img10.jpg);}
.food-page #garelly .bxslider li:nth-child(11) {background-image: url("images/overlay_.png"), url(../../images/food/img11.jpg);}
.food-page #garelly .bxslider li:nth-child(12) {background-image: url("images/overlay_.png"), url(../../images/food/img12.jpg);}
.food-page #garelly .bxslider li:nth-child(13) {background-image: url("images/overlay_.png"), url(../../images/food/img13.jpg);}
.food-page #garelly .bxslider li:nth-child(14) {background-image: url("images/overlay_.png"), url(../../images/food/img14.jpg);}
.food-page #garelly .bxslider li:nth-child(15) {background-image: url("images/overlay_.png"), url(../../images/food/img15.jpg);}

.chocolate-page #garelly .bxslider li:nth-child(1) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img01.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(2) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img02.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(3) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img03.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(4) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img04.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(5) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img05.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(6) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img06.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(7) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img07.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(8) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img08.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(9) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img09.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(10) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img10.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(11) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img11.jpg);}
.chocolate-page #garelly .bxslider li:nth-child(12) {background-image: url("images/overlay_.png"), url(../../images/chocolate/img12.jpg);}

.others-page #garelly .bxslider li:nth-child(1) {background-image: url("images/overlay_.png"), url(../../images/others/img01.jpg);}
.others-page #garelly .bxslider li:nth-child(2) {background-image: url("images/overlay_.png"), url(../../images/others/img02.jpg);}
.others-page #garelly .bxslider li:nth-child(3) {background-image: url("images/overlay_.png"), url(../../images/others/img03.jpg);}
.others-page #garelly .bxslider li:nth-child(4) {background-image: url("images/overlay_.png"), url(../../images/others/img04.jpg);}
.others-page #garelly .bxslider li:nth-child(5) {background-image: url("images/overlay_.png"), url(../../images/others/img05.jpg);}
.others-page #garelly .bxslider li:nth-child(6) {background-image: url("images/overlay_.png"), url(../../images/others/img06.jpg);}
.others-page #garelly .bxslider li:nth-child(7) {background-image: url("images/overlay_.png"), url(../../images/others/img07.jpg);}
.others-page #garelly .bxslider li:nth-child(8) {background-image: url("images/overlay_.png"), url(../../images/others/img08.jpg);}
.others-page #garelly .bxslider li:nth-child(9) {background-image: url("images/overlay_.png"), url(../../images/others/img09.jpg);}
.others-page #garelly .bxslider li:nth-child(10) {background-image: url("images/overlay_.png"), url(../../images/others/img10.jpg);}
.others-page #garelly .bxslider li:nth-child(11) {background-image: url("images/overlay_.png"), url(../../images/others/img11.jpg);}
.others-page #garelly .bxslider li:nth-child(12) {background-image: url("images/overlay_.png"), url(../../images/others/img12.jpg);}
.others-page #garelly .bxslider li:nth-child(13) {background-image: url("images/overlay_.png"), url(../../images/others/img13.jpg);}
.others-page #garelly .bxslider li:nth-child(14) {background-image: url("images/overlay_.png"), url(../../images/others/img14.jpg);}
.others-page #garelly .bxslider li:nth-child(15) {background-image: url("images/overlay_.png"), url(../../images/others/img15.jpg);}

#garelly .bxslider li {
	left: 0;
	background-position: left top, center center;
	background-repeat: repeat, no-repeat;
	background-size:  auto, cover;
	padding: 0;
	height: 100vh;
}

#garelly .bx-wrapper .bx-controls-direction a {
    top: 56px;
    margin-top: 0;
    width: 50px;
    height: 50px;
	border: none;
}
#garelly .bx-wrapper .bx-prev {
    left: 56px;
    background: url(../lib/jquery.bxslider/images/arrow01.png) #000 no-repeat 19px center;
	background-size: auto 22px;
}
#garelly .bx-wrapper .bx-next {
	left: 107px;
    right: auto;
    background: url(../lib/jquery.bxslider/images/arrow02.png) #000 no-repeat 20px center;
	background-size: auto 22px;
}

#garelly .sp_garelly {
	display: none;
}
#garelly .sp_garelly ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	line-height: 0;
}
#garelly .sp_garelly ul li {
	margin-bottom: 15px;
	padding-left: 0;
}
#garelly .sp_garelly ul li:last-child {
	margin-bottom: 0;
}
#garelly .sp_garelly ul li img {
	width: 100%;
}


.formTable {
  margin: 0 auto 2em;
  max-width: 800px;
}
.formTable th {
  background: rgba(0,0,0,0.2);
  color: #FFF;
	padding: 0.75em 1em;
	width: 35%;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3;
}
.formTable td {
	text-align: left;
}

/*--------------------------------------------------------*/
#garelly_nav .closeBtn a {
	position: absolute;
	top: 56px;
	right: 56px;
	background: #000  no-repeat center center;
	background-size: auto 22px;
  width: 50px;
  height: 50px;
	border: none;
	z-index: 10000;
}
#panel-btn {}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 1px;
	margin: -1px 0 0 -10px;
	background: #fff;
	transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 1px;
	background: #fff;
	transition: .3s;
}
#panel-btn-icon:before {
	margin-top: -8px;
}
#panel-btn-icon:after {
	margin-top: 8px;
}
#panel-btn .close {
	background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after {
	margin-top: 0;
}
#panel-btn .close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#panel-btn .close:after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: rgba(0,0,0,.9);
	margin: auto;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s, visibility .5s, height .5s;
	transition: opacity .5s, visibility .5s, height .5s;
	z-index: 1000;
}
.overlay.open {
	opacity: 1;
	visibility: visible;
	overflow: hidden;
}
.overlay_close {
	display: block;
	height: 100%;
}
.gnav_sp {
	position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gnav_sp ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gnav_sp li {
	margin: 0;
	padding: 1.2em 0;
	text-align: center;
}
.gnav_sp li a {
	color: #FFF;
}


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

@media screen and (max-width: 736px) {
		
	#garelly .bxslider_wrap {
		display: none;
	}
	#garelly .sp_garelly {
		display: block;
	}
	
	
	#garelly_nav .closeBtn a {
		position: fixed;
		top: 36px;
		right: 42px;
		background-size: auto 16px;
		width: 40px;
		height: 40px;
	}
	
	
	.formTable th,
	.formTable td {
		display: block;
		width: 100%;
	}
	
}


@media screen and (max-width: 480px) {
	
	section header.major h2 {
		font-size: 2.15em;
	}

	#garelly_nav .closeBtn a {
		right: 36px;
	}
	
}