/* スライド表示領域 */

@charset "UTF-8";

#pageBox {
	position: absolute;
	margin:0 auto;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

#pageBox .pageFrame {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

#pageBox ul {
	position: absolute;
}

#pageBox li {
	list-style-type: none;
	width: 100%;
	height: 100%;
}

#pageBox li.horz {
	list-style-type: none;
	float: left;
}

button.arrow {
	opacity: .2;
	transition: opacity .2s;
	border: none;
	background: none;
}

button.arrow:hover{
	opacity: 1;
}

button.arrow.upwd1 {
	position: absolute;
	top: 2.5em;
	left: 47.5%;
	width: 5%;
	height: auto;
	display: none;
}

button.arrow.next1 {
	position: absolute;
	top: 47.5%;
	height: 5%;
	width: auto;
	right: 0.5em;
	display: none;
}

button.arrow.dnwd1 {
	position: absolute;
	bottom: 2.5em;
	left: 47.5%;
	width: 5%;
	height: auto;
	display: none;
}

button.arrow.prev1 {
	position: absolute;
	top: 47.5%;
	height: 5%;
	width: auto;
	left: 0.5em;
	display: none;
}

/* 左右アコーディオンメニュー */
/*
ul.accordion {
	top: 2em;
	position: relative;
	margin: 0.5em;
}

ul.accordion li {
	margin: 0.5em 0;
}

ul.accordion.left {
	left: 0;
}

ul.accordion.right {
	right: 0;
}

.accordion button {
	opacity: .6;
	border: solid 1px black;
	border-radius: 5px;
}

.accordion button:hover {
	opacity: 1;
	transition: .2s;
}

.accordion p.menu_title {
	font-size: 1.1em;
	font-weight: bold;
}

ul.accordion.left p.menu_title {
	padding-left: 1.2em;
}

ul.accordion.right p.menu_title {
	padding-right: 1.2em;
}

.accordion button.left.prev1 p.menu_title {
	background: url('../images/slider/prevBlack1.png') no-repeat left;
	background-size: 1em 1em;
}

.accordion button.left.prev2 p.menu_title {
	background: url('../images/slider/prevBlack2.png') no-repeat left;
	background-size: 1em 1em;
}

.accordion button.left.prev3 p.menu_title {
	background: url('../images/slider/prevBlack3.png') no-repeat left;
	background-size: 1em 1em;
}

.accordion button.left.prev4 p.menu_title {
	background: url('../images/slider/prevBlack4.png') no-repeat left;
	background-size: 1em 1em;
}

.accordion button.left.prev5 p.menu_title {
	background: url('../images/slider/prevBlack5.png') no-repeat left;
	background-size: 1em 1em;
}

.accordion button.right.next1 p.menu_title {
	background: url('../images/slider/nextBlack1.png') no-repeat right;
	background-size: 1em 1em;
}

.accordion button.right.next2 p.menu_title {
	background: url('../images/slider/nextBlack2.png') no-repeat right;
	background-size: 1em 1em;
}

.accordion button.right.next3 p.menu_title {
	background: url('../images/slider/nextBlack3.png') no-repeat right;
	background-size: 1em 1em;
}

.accordion button.right.next4 p.menu_title {
	background: url('../images/slider/nextBlack4.png') no-repeat right;
	background-size: 1em 1em;
}

.accordion button.right.next5 p.menu_title {
	background: url('../images/slider/nextBlack5.png') no-repeat right;
	background-size: 1em 1em;
}

.accordion p.menu_description {
	display: none;
}

.accordion button:hover p.menu_description {
	display: block;
	transition: .3s;
}
*/

ul.left li button {
	float: left;
}

ul.left li button p {
	text-align: left;
}

ul.right li button {
	float: right;
}

ul.right li button p.menu_title {
	text-align: right;
}

ul.right li button p.menu_description {
	text-align: left;
}

/*

ul.right button {
	float: right;
	text-align: right;
}

ul.accordion button {
	margin: 0.1em 0;
	padding: 0;
	background: yellow;
	opacity:.6;
	transition:opacity .2s;
	border: solid 1px black;
}
ul.left {
	text-align: left;
	top: 3em;
	list-style: none;
	margin: 0;
	padding: 0;
}
*/
/*
ul.left li {
	float: left;
	margin: 0.1em 0;
	padding: 0;
}
*/
/*
ul.left li button p.menu_title {
	text-align: left;
	margin: 0;
	padding: 0;
}
ul.right {
	position: relative;
	right: 0.5em;
	top: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
}
*/
/*
ul.right li button p.menu_title {
	text-align: left;
}

ul.accordion button p.menu_title {
	margin: 0;
	padding: 0;
	width: 8em;
}

ul.right li button p.menu_title {
	text-align: right;
}
*/
/*

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
/*
body {
	background: gray;
}
*/
/*
li div {
	clear: both;
}

#pageBox ul .horz {
	float: left;
}

#pageBox ul .vert {
	float: left;
}

#pageBox li .horz {
	float: left;
}

#pageBox li .vert {
	float: left;
}
*/
/*
header h1{
	font-size:3em;
	font-weight:bold;
	text-align:center;
	padding:40px 25px;
}
*/
/*
header {
	position:fixed;
	height: 2em;
	display:block;
	width: 100%;
	z-index:9;
	text-align:center;
	top: 0;
	font-weight: bold;
}

footer {
	position:fixed;
	height: 2em;
	display:block;
	width: 100%;
	z-index:9;
	text-align:center;
	bottom: 0;
}
*/
/*
ul .horz {
	position: absolute;
}

ul .horz li {
	float: left;
	list-style-type: none;
}

ul .vert {
	position: absolute;
}

ul .vert li {
	float: top;
	list-style-type: none;
}
*/
/*
button:focus{
	outline:none;
}
*/