/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;width: 100%;height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*--フッタ メニュー-------------------------------------------------------*/
@media screen and (min-width: 480px){
#footerMenu {
	position: fixed;
	overflow: hidden;
	right: 0;
	top: 0;
	width: 50px;
	height: 100vh;
	background: #fff;
}
#footerMenu ul {
	width: 100%;
	height: 100%;
}
#footerMenu ul li {
	float: left;
	width: 100%;
	height: calc(100vh / 6);
}
#footerMenu ul li button {
	position: relative;
	width: 100%;
	height: calc(100vh / 6 - 2px);
	margin: 1px 0;
	padding: 0 0.2em;
	border: none;
	border-radius: 5px;
	background: rgba(102,102,102,0.3);
	color: #ffffff;
}

#footerMenu ul li button i {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	background-size: contain;
}

#footerMenu ul li button div{
	position: absolute;
	top: 5px;
	left: 10px;
	width: 30px;
	height: 30px;
	background-size: contain;
}

#footerMenu ul li button div.icon-1{
	background: url(../icon/item-1.svg) no-repeat center center;
}
#footerMenu ul li button div.icon-2{
	background: url(../icon/item-2.svg) no-repeat center center;
}
#footerMenu ul li button div.icon-3{
	background: url(../icon/item-3.svg) no-repeat center center;
}
#footerMenu ul li button div.icon-4{
	background: url(../icon/item-4.svg) no-repeat center center;
}
#footerMenu ul li button div.language{
	background: url(../icon/language.svg) no-repeat center center;
}

#footerMenu ul li button span {
	position: absolute;
	left: 0;
	bottom: 13px;
	width: 100%;
	transform:translate(0,50%);
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2em;
}
#footerMenu ul li button span.esp {
	font-size: 80%;
}

.ui-dialog {
	z-index: 50001 !important;
	width: 80vw;
}

#dialog li{
	font-size: 120%;
	line-height: 1.6em;
}

#listButton, #mapButton{
	z-index: 50001;
	position: fixed;
	top: 15vh;
	left: calc((100vw - 105vh)/2);
	width: 105vh;
	height: 70vh;
}
#listLanguage{
	z-index: 50001;
	position: fixed;
	top: 15vh;
	left: calc((100vw - 140vh)/2);
	width: 140vh;
	height: 70vh;
}
#listLanguage h2 {
	background: url(../img/plan_logo3.png) no-repeat center center;
	background-size: contain;
	float: left;
	height: 35vh;
	width: 100%;
}
#listButton h2 span, #mapButton h2 span, #listLanguage h2 span {
	display: none;
}
#listButton li, #mapButton li, #listLanguage li{
	float: left;
	display: block;
	margin: 1vh 1vh;
	width: 33vh;
	height: 33vh;
}
#listButton ul li a, #mapButton ul li a {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 33vh;
	height: 33vh;
	padding: 0 0.2em;
	border-radius: 2px;
	border: none;
	background: rgba(255,255,255,0.3);
	color: #ffffff;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
}
#listLanguage ul li button {
	position: relative;
	width: 33vh;
	height: 33vh;
	padding: 0 0.2em;
	border-radius: 10px;
	border: none;
	background: rgba(255,255,255,0.3);
	color: #ffffff;
	font-size: 200%;
}
#listLanguage ul li button.selected {
	background: rgba(255,255,255,0.8);
	color: #333333;
}
#listButton ul li a span, #mapButton ul li a span {
	position: absolute;
	left: 0;
	bottom: 7vh;
	width: 33vh;
	transform:translate(0,50%);
	line-height: 1.2em;
}
#listButton ul li a span.esp, #mapButton ul li a span.esp {
	font-size: 80%;
}

#listButton ul li a div, #mapButton ul li a div{
	position: absolute;
	left: 7.5vh;
	top: 2.5vh;
	width: 18vh;
	height: 18vh;
	background-size: contain;
}

#listButton ul li a div.menu-1, #mapButton ul li a div.menu-1{
	background: url(../icon/menu-1.svg) no-repeat center center;
}
#listButton ul li a div.menu-2, #mapButton ul li a div.menu-2{
	background: url(../icon/menu-2.svg) no-repeat center center;
}
#listButton ul li a div.menu-3, #mapButton ul li a div.menu-3{
	background: url(../icon/menu-3.svg) no-repeat center center;
}
#listButton ul li a div.menu-4, #mapButton ul li a div.menu-4{
	background: url(../icon/menu-4.svg) no-repeat center center;
}
#listButton ul li a div.menu-5, #mapButton ul li a div.menu-5{
	background: url(../icon/menu-5.svg) no-repeat center center;
}
#listButton ul li a div.menu-6, #mapButton ul li a div.menu-6{
	background: url(../icon/menu-6.svg) no-repeat center center;
}
}

@media screen and (max-width: 480px){
#footerMenu {
	position: fixed;
	overflow: hidden;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 50px;
}
#footerMenu ul {
	width: 100%;
	height: 100%;
}
#footerMenu ul li {
	float: left;
	width: calc(100vw / 6);
	height: 100%;
}
#footerMenu ul li button {
	position: relative;
	width: calc(100vw / 6 - 2px);
	height: 100%;
	margin: 0 1px;
	padding: 0;
	border: none;
	border-radius: 5px;
	background: rgba(102,102,102,0.3);
	color: #ffffff;
}

#footerMenu ul li button i {
	position: absolute;
	left: calc((100vw / 6 - 32px)/2);
	top: 5px;
	width: 30px;
	background-size: contain;
}

#footerMenu ul li button div{
	position: absolute;
	left: calc((100vw / 6 - 32px)/2);
	top: 1px;
	width: 30px;
	height: 30px;
	background-size: contain;
}

#footerMenu ul li button div.icon-1{
	background: url(../icon/item-1.svg) no-repeat center center;
}
#footerMenu ul li button div.icon-2{
	background: url(../icon/item-2.svg) no-repeat center center;
}
#footerMenu ul li button div.icon-3{
	background: url(../icon/item-3.svg) no-repeat center center;
}
#footerMenu ul li button div.icon-4{
	background: url(../icon/item-4.svg) no-repeat center center;
}
#footerMenu ul li button div.language{
	background: url(../icon/language.svg) no-repeat center center;
}

#footerMenu ul li button span {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	transform:translate(0,50%);
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
}
#footerMenu ul li button span.esp {
	font-size: 70%;
}

.ui-dialog {
	z-index: 50001 !important;
	width: 80vw;
}

#dialog li{
	font-size: 120%;
	line-height: 1.6em;
}

#listButton, #mapButton, #listLanguage{
	z-index: 50001;
	position: fixed;
	top: calc((100vh - 145vw)/2);
	left: 15vw;
	width: 70vw;
	height: 105vw;
}
#listButton h2, #mapButton h2 {
	background: url(../img/plan_logo2.png) no-repeat center center;
	background-size: contain;
	float: left;
	height: 35vw;
	width: 70vw;
	margin-bottom: 5vw;
}
#listLanguage h2 {
	background: url(../img/plan_logo3.png) no-repeat center center;
	background-size: contain;
	float: left;
	height: 35vw;
	width: 70vw;
	margin-bottom: 5vw;
}
#listButton h2 span, #mapButton h2 span, #listLanguage h2 span {
	display: none;
}
#listButton li, #mapButton li, #listLanguage li{
	float: left;
	display: block;
	margin: 1vw 1vw;
	width: 33vw;
	height: 33vw;
}
#listButton ul li a, #mapButton ul li a {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: 33vw;
	height: 33vw;
	padding: 0 0.2em;
	border-radius: 2px;
	background: rgba(255,255,255,0.3);
	color: #ffffff;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
}
#listLanguage ul li button {
	position: relative;
	width: 33vw;
	height: 33vw;
	padding: 0 0.2em;
	border-radius: 10px;
	border: none;
	background: rgba(255,255,255,0.3);
	color: #ffffff;
	font-size: 200%;
}
#listLanguage ul li button.selected {
	background: rgba(255,255,255,0.8);
	color: #333333;
}
#listButton ul li a span, #mapButton ul li a span {
	position: absolute;
	left: 0;
	bottom: 7.5vw;
	width: 33vw;
	transform:translate(0,50%);
	line-height: 1.2em;
}
#listButton ul li a span.esp, #mapButton ul li a span.esp {
	font-size: 80%;
}

#listButton ul li a div, #mapButton ul li a div{
	position: absolute;
	left: 7.5vw;
	top: 2.5vw;
	width: 18vw;
	height: 18vw;
	background-size: contain;
}

#listButton ul li a div.menu-1, #mapButton ul li a div.menu-1{
	background: url(../icon/menu-1.svg) no-repeat center center;
}
#listButton ul li a div.menu-2, #mapButton ul li a div.menu-2{
	background: url(../icon/menu-2.svg) no-repeat center center;
}
#listButton ul li a div.menu-3, #mapButton ul li a div.menu-3{
	background: url(../icon/menu-3.svg) no-repeat center center;
}
#listButton ul li a div.menu-4, #mapButton ul li a div.menu-4{
	background: url(../icon/menu-4.svg) no-repeat center center;
}
#listButton ul li a div.menu-5, #mapButton ul li a div.menu-5{
	background: url(../icon/menu-5.svg) no-repeat center center;
}
#listButton ul li a div.menu-6, #mapButton ul li a div.menu-6{
	background: url(../icon/menu-6.svg) no-repeat center center;
}

}