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

/* ナビボタン */
.menu_btn{ background: url(images/migiueicon50x50.jpg); }
.menu_btn, .pc_btn{
	display: block;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left:auto;
	}
	
	/* 上からにゅっと降りてくるメニュー */
#menu{
	display:none; /* 最初は非表示 */
	width:95%;
 	position: fixed;
	z-index:999;
	top: 0px;
	left: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 3px 0 #333;
	background: url(images/menubg.jpg); /* 背景画像 */
	padding:5px;
}
#menu ul{ margin:16px; }
#menu ul li{
	padding: 6px 0;
	text-align: center;
	border-top: solid 1px #eeeef9; /* 明るい線 */
	border-bottom: solid 1px #222235; /* 暗い線 */
	}
#menu ul li:first-child{ border-top:none; }
#menu ul li:last-child{ border-bottom:none; }
#menu a{
	display: block;
	height: 20px;
	color: #fff;
	text-shadow: 0 1px 1px #333;
	text-decoration:none;
	tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
	-webkit-tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
	}
	
	#menu p.close{
	display: block;
	margin:0 auto;
	width: 15px;
	height: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	box-shadow: 1px 1px 1px #333 inset;
	-webkit-box-shadow: 1px 1px 1px #333 inset;  
	}
	
	
	/* ここからスライダー */
	
	
/* ナビ */
#slidenav{
	display: none;
	clear: both;
	margin: 10px 20px;
	padding: 20px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 1px 1px #ddd;  
	-moz-box-shadow: 0px 0px 1px 1px #ddd;  
	box-shadow: 0px 0px 1px 1px #ddd;
}
#slidenav p.nav_close{
	display: block;
	width: 110px;
	margin: 20px auto 0 auto;
	font-size: 80%;
	}
	
	
	.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slider__wrapper {
  height: 100%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
.slider__item {
  height: 100%;
  float: left;
  clear: none;
}
.slider__arrows-item {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
  cursor: pointer;
}
.slider__arrows-item--right {
  bottom: 50%;
  right: 30px;
}
.slider__arrows-item--left {
  bottom: 50%;
  left: 30px;
}

.slider__nav {
  position: absolute;
  bottom: 30px;
}
.slider__nav-item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}
.slider__nav-item--current {
  background: #ccc;
}
.slider__nav-item:hover {
  background: #ccc;
}


/* add */
.slider__item {
	text-align: center;
}

.slider__item img {
	width: 100%;
}

.slider__nav {
  position: absolute;
  bottom: 10px;
}
.slider__nav-item {
	width: 8px;
	height: 8px;
	float: left;
	display: block;
	margin: 0 8px;
	border-radius: 8px;
	background: #ccc;
	-webkit-box-shadow: 0px 0px 1px 1px #aaa;  
	-moz-box-shadow: 0px 0px 1px 1px #aaa;  
	box-shadow: 0px 0px 1px 1px #aaa;
}
.slider__nav-item--current{
	background: #fff;
}
.slider__nav-item:hover {
  background: #ccc;
}