@charset "UTF-8";
/**************************************************/
/* トップページ */
/**************************************************/
.headMenu{padding-left:10px;}

#filter{position:absolute;left:0px;top:0px;background:url(../img/filter.png) repeat;z-index:5;-webkit-transition:opacity 0.5s ease;transition: opacity 0.5s ease;opacity:0;}
.openMode #filter{width:100%;height:100%;opacity:1;}

#popup{position:relative;left:0px;bottom:0px;width:0px;height:0px;z-index:6;}
#popup a{display:block;text-decoration:none;-webkit-transition:opacity 0.5s ease;transition: opacity 0.5s ease;opacity:0;}
.openMode #popup{width:753px;height:0px;bottom:156px;left:50%;margin-left:-376px;}

.balloon{position:fixed;width:0px;height:0px;top:0%;left:0%;margin-left:0px;margin-top:0px;z-index:2;}
.popupMenu{position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1;}


.openMode .balloon{width:753px;height:384px;top:350px;left:50%;margin-left:-375px;margin-top:-180px;}
.openMode a.popupMenu:after{content:'';display:block;position:absolute;}

#popup a.selectedBalloon{opacity:1;}

#popup.popupMenu1 #balloon1{background:url(../img/balloonMenu1.png) no-repeat;opacity:1;z-index:3;}
#popup.popupMenu2 #balloon2{background:url(../img/balloonMenu2.png) no-repeat;opacity:1;z-index:3;}
#popup.popupMenu3 #balloon3{background:url(../img/balloonMenu3.png) no-repeat;opacity:1;z-index:3;}
#popup.popupMenu4 #balloon4{background:url(../img/balloonMenu4.png) no-repeat;opacity:1;z-index:3;}

#popupMenu1:after{width:252px;height:250px;left:-74px;top:-139px;background:url(../img/topMenu1.png) no-repeat -3px 0px;}
#popupMenu2:after{width:332px;height:183px;left:178px;top: -72px;background:url(../img/topMenu2.png) no-repeat 28px 0px;}
#popupMenu3:after{width:164px;height:122px;left:510px;top: -11px;background:url(../img/topMenu3.png) no-repeat 29px 0px;}
#popupMenu4:after{width:145px;height:323px;left:674px;top:-212px;background:url(../img/topMenu4.png) no-repeat 15px 0px;}

#contents .box{}
#contents:after{content:'';display:block;position:absolute;left:0px;top:0px;width:0px;height:0px;}

#contents.baloonOpen:after{width:100%;height:100%;background-color:#000;z-index:2;opacity:0.5;}

/* トップロゴ */
#topLogo{width:450px;height:auto;margin:30px auto 50px auto;}
#topLogo img{width:450px;height:auto;}

/* トップメニュー */
#topMenu{width:960px;height:345px;margin:auto;}

.topMenu{position:relative;height:100%;}
.topMenu li{position:absolute;bottom:0px;list-style:none;}
.topMenu a{display:block;}

#topMenu1{width:221px;height:250px;left:-16px;padding-top:95px;padding-left:43px;background:url(../img/topMenuBg.png) no-repeat left top;}
#topMenu2{width:274px;height:183px;left:310px;}
#topMenu3{width:120px;height:122px;left:643px;}
#topMenu4{width:130px;height:323px;left:793px;}

/* スマホ版最適化 */
#spMode .page-wrapper{min-height:0px;}

#spMode .post-page-content{padding:0px 0px 50px;}

#spMode #topLogo{width:70%;height:auto;position:static;left:auto;margin:30px auto 0px;top:auto;}
#spMode #content #topLogo h1{margin:0px;}
#spMode #topLogo p{display:none;}
#spMode .post #topLogo img{margin:0px;}

#spMode #topMenu{width:270px;height:auto;position:static;left:auto;margin:0px auto;bottom:auto;}

#spMode .topMenu{margin:0px;}
#spMode .topMenu li{position:relative;bottom:auto;float:left;margin:50px 0px 0px;height:0px;overflow:hidden;}
#spMode .topMenu a{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
#spMode .topMenu img{display:none;visibility:hidden;}

#spMode #topMenu1{width:100%;background:url(../img/topMenu1.png) no-repeat center bottom;background-size:80.6% auto;left:auto;padding-left:0px;height:0px;padding-top:90.9%;}
#spMode #topMenu2{width:100%;background:url(../img/topMenu2.png) no-repeat center bottom;background-size:100% auto;left:auto;height:0px;padding-top:66.7%;}
#spMode #topMenu3{width:100%;background:url(../img/topMenu3.png) no-repeat center bottom;background-size:43.7% auto;left:auto;height:0px;padding-top:46.0%;}
#spMode #topMenu4{width:100%;background:url(../img/topMenu4.png) no-repeat center bottom;background-size:47.4% auto;left:auto;height:0px;padding-top:119.0%;}

#spMode #topMenu1 img{width:80%;height:auto;}
#spMode #topMenu2 img{width:100%;height:auto;}
#spMode #topMenu3 img{width:43%;height:auto;}
#spMode #topMenu4 img{width:47%;height:auto;}

#topTopics{width:600px; margin:40px auto;}
.topics_list{}
.topics_list li{margin-bottom:5px;}
.topics_list li a{color:#5b4600;}
.topics_list .date{font-size:10px;}
.topics_cat1{background:#ffcc00; font-size:12px; padding:0 5px;}
.topics_cat2{background:#99cc33; font-size:12px; padding:0 5px;}
.topics_cat3{background:#cccccc; font-size:12px; padding:0 5px;}
.topics_cat4{background:#99cccc; font-size:12px; padding:0 5px;}
.topics_cat5{background:#cccc99; font-size:12px; padding:0 5px;}
.topics_button{display:block; width:150px; text-align:center; color:#fff; background:#5b4600; margin:40px auto; padding:5px; font-size:12px;}
.topics_button:link,
.topics_button:visited,
.topics_button:hover{color:#fff; text-decoration:none;}
.topics_button:hover{text-decoration:underline;}


/**************************************************/