@charset "UTF-8";
@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;}

.container:after, .sec-main_c .post:after {
content: "";
clear: both;
display: block;
}
body { }
#path {
padding-top: 10px;
padding-bottom: 10px;
}
.sec-main_c {
margin: 20px 0;
width: 685px;
min-width: inherit;
float: left;
}
@media only screen and (max-width: 480px) {
.sec-main_c {
width: 98%;
float: none;
margin: 30px auto;
}
}
.sec-main_c > h1 {
font-size: 30px;
margin-bottom: 10px;
font-weight:normal;
}
@media only screen and (max-width: 480px) {
.sec-main_c > h1 {
font-size: 25px;
}
}
.sec-main_c .post {
background: white;
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
.sec-main_c .post {
padding: 15px 2%;
}
}
.sec-main_c .post > article {
border-top: 1px dotted #ee6e8c;
padding-top: 20px;
}
.sec-main_c .post > article:first-child {
border-top: none;
padding-top: 0;
}
.sec-main_c .post > a{
display:block;
}
.sec-main_c .post a p{
color: #000;
}
.sec-main_c .post h1 a {
color: white;
}
.sec-main_c .post .photo {
width: 48%;
float: left;
}
@media only screen and (max-width: 480px) {
.sec-main_c .post .photo {
width: auto;
float: none;
}
}
.sec-main_c .post .photo img {
width: auto !important;
height: auto !important;
}
.sec-main_c .post .box {
width: 50%;
float: right;
}
@media only screen and (max-width: 480px) {
.sec-main_c .post .box {
width: auto;
float: none;
}
}
.sec-main_c .post .box .more-link {
background: #ee6e8c;
display: inline-block;
color: white;
padding: 5px 10px;
border-radius: 5px;
float: right;
margin-top: 30px;
margin-bottom: 20px;
}
.sec-main_c .post .box .more-link:hover {
opacity: 0.7;
}
.sec-main_c .post h1 {
background: #ee6e8c;
text-align: left;
padding: 5px 10px;
border-radius: 5px;
color: white;
font-size: 20px;
margin-bottom: 20px;
}
.sec-main_c .post h2 {
background: url(//fair.tulipfair.or.jp/shared/img/bg-h2.png) no-repeat left center;
background-size: 18px;
padding: 0 0 0 24px;
text-align: left;
color: black;
font-size: 18px;
font-weight: bold;
margin: 30px 0 20px;
}
.sec-main_c .post h3 {
font-size: 14px;
font-weight: bold;
margin: 30px 0 10px;
color: black;
}
.sec-main_c .post h3:before {
content: "●";
color: #ee6e8c;
margin-right: 5px;
}
.sec-main_c .post h4 {
color: #ee6e8c;
margin: 20px 0 10px;
font-weight: normal;
border: none;
font-size: 14px;
}
.sec-main_c .post p {
line-height: 1.7;
margin-bottom: 25px;
}
.sec-main_c .post ul {
list-style: disc;
list-style-position: outside;
margin-left: 25px;
margin-bottom: 20px;
}
.sec-main_c .post ol {
list-style: decimal;
list-style-position: outside;
margin-left: 25px;
margin-bottom: 20px;
}
.sec-main_c .post li {
margin-bottom: 10px;
}
.sec-main_c .post strong {
font-weight: bold;
}
.sec-main_c .post em {
font-style: italic;
}
.sec-main_c .post b {
font-weight: bold;
}
.sec-main_c .post blockquote {
background: #eee;
color: black;
padding: 4%;
font-style: italic;
display: block;
margin-bottom: 25px;
border-radius: 5px;
position: relative;
}
@media only screen and (max-width: 480px) {
.sec-main_c .post blockquote {
padding: 10% 6%;
}
}
.sec-main_c .post blockquote:before {
color: #C8C8C8;
content: "“";
font-family: serif;
font-size: 600%;
left: -2%;
line-height: 1em;
position: absolute;
top: -1%;
}
.sec-main_c .post blockquote:after {
bottom: 0;
color: #C8C8C8;
content: "”";
font-family: serif;
font-size: 600%;
line-height: 0;
position: absolute;
right: 2%;
bottom: -1%;
}
.sec-main_c .post table {
border-top: 1px solid black;
margin-bottom: 30px;
}
.sec-main_c .post table th,
.sec-main_c .post table td {
border-bottom: 1px solid black;
text-align: left;
vertical-align: top;
}
.sec-main_c .post table th {
padding: 10px 15px;
}
@media only screen and (max-width: 480px) {
.sec-main_c .post table th {
padding: 10px 1%;
}
}
.sec-main_c .post table td {
padding: 10px 0;
}
.sec-main_c .wp_social_bookmarking_light div {
display: inline-block;
margin-left: 5px;
height: 20px;
vertical-align: bottom;
}
@media only screen and (max-width: 480px) {
.sec-main_c .wp_social_bookmarking_light div {
margin-bottom: 10px;
}
}
.sec-main_c .wp_social_bookmarking_light div .fb_iframe_widget > span {
vertical-align: baseline !important;
}
.sec-main_c .wp_social_bookmarking_light div.wsbl_twitter {
width: auto !important;
}
.sec-main_c .wp-pagenavi {
text-align: center;
}
.sec-side_c {
width: 260px;
float: right;
margin-top: 20px;
}
@media only screen and (max-width: 480px) {
.sec-side_c {
float: none;
width: auto;
}
}
.sec-side_c .widget-container {
padding: 10px;
margin-bottom: 30px;
border-radius: 5px;
}
.sec-side_c .widget-container h2 {
text-align: center;
color: white;
font-size: 18px;
margin-bottom: 8px;
}
.sec-side_c .widget-container ul {
background: white;
border-radius: 5px;
}
.sec-side_c .widget-container ul li {
border-top: 1px dotted black;
}
@media only screen and (max-width: 480px) {
.sec-side_c .widget-container ul li {
text-align: left;
}
}
.sec-side_c .widget-container ul li:first-child {
border-top: none;
}
.sec-side_c .widget-container ul li .children {
display: none;
}
.sec-side_c .widget-container ul li a {
display: block;
padding: 15px 10px 15px 30px;
font-size: 15px;
background: url(//fair.tulipfair.or.jp/shared/img/icon-widget-off.png) no-repeat;
background-size: 12px;
background-position: 9px 50%;
text-decoration: none;
color: black;
}
.sec-side_c .widget-container ul li a:hover {
text-decoration: underline !important;
opacity: 0.7;
}
.sec-side_c .widget_categories {
background: url(//fair.tulipfair.or.jp/shared/img/tulip-bg-h2.gif);
}
.page-event .sec-side_c .widget_categories {
background-image: url(//fair.tulipfair.or.jp/shared/img/inquiry-bg-h2.gif);
}
.sec-side_c .widget_categories a:hover {
background-image: url(//fair.tulipfair.or.jp/shared/img/icon-widget-on-cate.png);
}
.page-event .sec-side_c .widget_categories a:hover{
background-image: url(//fair.tulipfair.or.jp/shared/img/icon-widget-on-newest.png);
}
.sec-side_c .widget_recent_entries {
background: url(//fair.tulipfair.or.jp/shared/img/inquiry-bg-h2.gif);
}
.sec-side_c .widget_recent_entries a:hover {
background-image: url(//fair.tulipfair.or.jp/shared/img/icon-widget-on-newest.png);
}
.sec-side_c .widget_archive {
background: url(//fair.tulipfair.or.jp/shared/img/photo-bg-h2.gif);
}
.sec-side_c .widget_archive a:hover {
background-image: url(//fair.tulipfair.or.jp/shared/img/icon-widget-on-archive.png);
} .sec-main_c .wrap-event_cat_post .post{
padding-bottom: 0px!important;
}
.sec-main_c .wrap-event_cat_post h2,
.sec-main_c .wrap-event_post h2 {
background: #9DC426;
text-align: left;
border-radius: 5px;
color: white;
font-size: 20px;
margin-bottom: 20px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}