/

/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	.wrapper-menubar {
		height: 30px;
	}
	.menubar {
		top: 0;
	}
	.dropdown-menu > a {
		border-radius: 0 0 5px 5px;
		font-size: 0.8em;
	}
	.dropdown-menu > .items li a {
		font-size: 0.8em;
	}
}

/**
 * 03-06 スライドショー
 */
/* スライドショー全体のスタイル */
.slide {
	position: relative;
	margin: 0 auto;
	max-width: 960px;
	font-size: 0; /* 画像下の隙間を埋めるため */
}
.slide img {
	max-width: 100%;
}
.slide > .container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 写真の配置 */
.slide > .container > li {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 1s linear;
}
.slide > .container > li.current {
	position: relative;
	z-index: 1;
	opacity: 1;
}
/* スライドショーのボタン */
.slide a.prev,
.slide a.next {
	position: absolute;
	display: block;
	top: 45%;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	z-index: 10; /* ボタンを常に画像より上に配置 */
}
.slide a.prev {
	background: url(../images/arrow-left1.png) 50% 50% no-repeat;
	left: 0;
}
.slide a.prev:hover {
	background: url(../images/arrow-left2.png) 50% 50% no-repeat;
}
.slide a.prev:active {
	background: url(../images/arrow-left3.png) 50% 50% no-repeat;
}
.slide a.next {
	background: url(../images/arrow-right1.png) 50% 50% no-repeat;
	right: 0;
}
.slide a.next:hover {
	background: url(../images/arrow-right2.png) 50% 50% no-repeat;
}
.slide a.next:active {
	background: url(../images/arrow-right3.png) 50% 50% no-repeat;
}

/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	.slide a.prev,
	.slide a.next {
		top: 40%;
	}
}