@charset "UTF-8";

.button {
width: 45px;
height: 45px;
position: absolute;
display: block;
background-repeat: no-repeat;
background-image: url(//fair.tulipfair.or.jp/shared/img/btn_menu.png);
background-position: center center;
background-size: 35px;
top: 10px;
left: 2px;
}
.menu-button-left {
}
.menu-button-right {
right: 0px;
left:inherit;
z-index: 9999;
} .slidemenu {
padding-bottom: 60px;
background-color: #FFF;
z-index:9999;
}
.slidemenu li {
list-style: none;
font-size: 14px;
line-height: 1.8;
position:relative;
}
.slidemenu li a{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important;
font-size:20px;
}
.slidemenu li a:after{ }
.slidemenu-content > li > a,
.slidemenu-content > li > span{
padding: 10px 0 10px 20px;
display: block;
text-decoration: none;
color: #333333;
position: relative;
}
.slidemenu-content > li > span{
}
.slidemenu li a span{
text-decoration: none;
color: #333333;
}
.slidemenu li:first-child {
border-top: none;
}
.slidemenu li:last-child {
border-bottom: none;
}
.slidemenu .slidemenu-header {
height: 60px;
line-height: 60px;
text-align: center;
position: static;
color: #FFF;
background-color:#FFF;
}
.slidemenu .slidemenu-header span{
font-size: 45px;
display: block;
position: absolute;
top: -5px;
right: 10px;
line-height: 60px;
color:#000;
}
.slidemenu .slidemenu-header div {
padding: 17px 0px 0px 19px;
text-decoration: none;
color: #333;
}
.slidemenu ul.sub {
}
.slidemenu ul.sub li{
}
.slidemenu ul.sub li a{
padding: 10px 25px 10px 20px;
display: block;
text-decoration: none;
color: #333333;
} #main {
position: relative;
}
#contents {
} .slidemenu {
top: 0px;
width: 50%;
position: fixed;
visibility: hidden;
z-index: -1;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #EE6E8C;
background-color: #FFF;
}
.slidemenu .slidemenu-header {
position: relative;
}
.slidemenu .slidemenu-body {
height: 100%;
overflow: hidden;
position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
position: relative;
}
.slidemenu-left {
left: 0;
}
.slidemenu-right {
right: 0;
}
.slidemenu-content li a{background-color: #FFF;}
.slidemenu-content li:nth-child(1) a span,
.slidemenu-content li:nth-child(1) a:after{color: #666;}
.slidemenu-content li:nth-child(2) a,
.slidemenu-content li:nth-child(2) a:after{color: #EE6E8C;}
.slidemenu-content li:nth-child(3) a,
.slidemenu-content li:nth-child(3) a:after{color: #EBA200;}
.slidemenu-content li:nth-child(4) a,
.slidemenu-content li:nth-child(4) a:after{color: #9DC426;}
.slidemenu-content li:nth-child(5) a,
.slidemenu-content li:nth-child(5) a:after{color: #2990D0;}
.slidemenu-content li:nth-child(6) a,
.slidemenu-content li:nth-child(6) a:after{color: #C93668;}
.slidemenu-content li:nth-child(7) a,
.slidemenu-content li:nth-child(7) a:after{color: #9D8ABC;}
.slidemenu-content li:nth-child(8) a,
.slidemenu-content li:nth-child(8) a:after{color: #d99eef;}
.slidemenu-content li:nth-child(9) a,
.slidemenu-content li:nth-child(9) a:after{color: #74B5E4;}
.slidemenu-content{padding-bottom:200px;}