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


/*<br class="pc_hid">挿入で〜max-width:768pxのとき改行*/
.pc_hid{
    display: none;
}
@media screen and (max-width:768px) {
	.pc_hid{
        display: block;
    }
}


/* バーガーボタン */
.hamburger, .globalMenuSp,.band{display:none;}
@media screen and (max-width: 599px){
	.hamburger {
		display : block;
		position: fixed;
		z-index : 3;
		left : 10px;
		top   : 10px;
		width : 25px;
		height: 25px;
		cursor: pointer;
		text-align: center;
	}
	.hamburger span {
		display : block;
		position: absolute;
		width   : 25px;
		height  : 2px ;
		left    : 0px;
		background : #555;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {top: 0px;}
	.hamburger span:nth-child(2) {top: 10px;}
	.hamburger span:nth-child(3) {top: 20px;}
	/* ナビ開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top : 10px;
		left: 0px;
		background :#fff;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
	}
	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 10px;
		background :#fff;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
	}
	nav.globalMenuSp {
		position: fixed;
		z-index : 2;
		top  : 0;
		left : 0;
		color: #fff;
		background: rgba(255,255,255,0.8);
		text-align: center;
		width: 100%;
		height:100vh;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
	}
	nav.globalMenuSp ul {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-70%);
		-webkit-transform: translateY(-70%);
	}
	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
		transition: .4s all;
	}
		nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}
		nav.globalMenuSp ul li:hover{
		background :#ddd;
	}
	nav.globalMenuSp ul li a {
		display: block;
		color: #222;
		padding: 1em 0;
		text-decoration :none;
	}
	/* このクラスをjQueryで付与・削除する */
	nav.globalMenuSp.active {
		opacity: 100;
		display:block;
	}
	.band{
		display: block;
		position: absolute;
		top: 0;
		height: 30px;
		width: 100%;
		z-index: 2;
		padding: 10px;
		background: rgba(255,255,255,0);
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		box-sizing: border-box;
	}
}


/* スライドslick 別記css有 */
.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
  text-decoration: none;
}
@media screen and (max-width: 599px){
	.full div {height: 65vh;}
}
.full div.img01 {background-image: url();}
.full div.img02 {background-image: url();}
.full div.img03 {background-image: url();}
.full div.img04 {background-image: url();}
.full div.img05 {background-image: url();}
.full ul.slick-dots {
	position: absolute;
    bottom: 30px;
	text-align: center;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.full ul.slick-dots li {
	float:left;
}
button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.slide-dots {
	position: absolute;
    bottom: 10px;
	text-align: center;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.slide-dots li {
	display: inline-block;
	margin: 0 15px;
}
.slide-dots li button {
	position: relative;
	text-indent: -9999px;
}
.slide-dots li button:before {
	content: "●";
	font-size: 10px;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	color:#000;
}
.slide-dots li.slick-active button:before {
	content: "●";
	color:#fff;
}