.header .wrap{position:relative;padding:0px;}
.header h1{position:absolute;top:0px;left:0px;width:120px;min-height:345px;padding:30px 20px 28px;background:#ffffff;text-align:center;z-index:60;}
.header .page_control{position:absolute;top:0px;right:0px;z-index:91;}
.slide_box{height:auto;max-height:640px;margin:0px auto;padding:0px;overflow:hidden;}
.bx-wrapper {position:relative;width:100%;max-height:640px;padding:0px;clear:both;overflow:visible;}
.bx-wrapper .bxslider{margin:0px;overflow:visible;}
.bx-viewport{z-index:1;}
.bx-wrapper div{padding:0px;overflow:hidden;}
.bx-wrapper .slide{position:relative;height:auto;z-index:10;margin:0px;overflow:hidden;}
.bx-wrapper .slide a{display:block;}
.slide_box img{width:100%;height:auto;}
.bx-has-controls-direction{position:static;width:100%;margin-top:0px;overflow:visible;vertical-align:middle;}
.bx-wrapper .bx-controls{margin:0px;overflow:hidden;}
.bx-wrapper .bx-pager {position:absolute;bottom:16px;right:55px;z-index:51;text-align:right;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block;overflow:visible;}
.bx-wrapper .bx-pager.bx-default-pager a{display:block;color:#333333;background:#E8E8D6;text-indent:-100em;width:13px;height:13px;margin:0px 5px;border:2px solid #ffffff;border-radius:50%;text-align:left;overflow:hidden;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {color:#000000;background:#7ca439;}
.bx-wrapper .bx-pager.bx-default-pager a:before{top:16px;left:16px;width:12px;height:12px;background:#6CC4EE;border-radius: 6px;}
.bx-wrapper .bx-controls-auto-item{position:absolute;right:10px;bottom:10px;z-index:50;}
.bx-wrapper .bx-controls-auto-item a{display:block;width:33px;height:33px;margin:0px;background:no-repeat center center;text-indent:-100em;transition-duration:0.5s}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background-image:url(../img/stop_bt.png);}
.bx-wrapper .bx-controls-auto-item a.bx-start{background-image:url(../img/start_bt.png);}
.bx-wrapper .bx-controls-auto-item a.active{display:none;}
.bx-wrapper .bx-controls-direction{position:absolute;top:50%;left:0px;right:0px;overflow:visible;}
.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next{position:absolute;bottom:-28px;width:36px;height:56px;background:no-repeat center center;text-indent:-100em;opacity:0.8;z-index:71;overflow:hidden;transition-duration:0.3s;}
.bx-wrapper .bx-controls .bx-prev{left:10px;background-image:url(../img/bx-prev.png);}
.bx-wrapper .bx-controls .bx-next{right:10px;background-image:url(../img/bx-next.png);}
.twocolumn .section{width:50%;float:left;clear:none;}
.top_mapmenu{padding:0px;background:#F6E5AD url(../img/top_mapmenu_bg.png) no-repeat center center;background-size:auto 100%;}
.top_mapmenu .wrap{position:relative;min-height:800px;padding:0px;}
.top_mapmenu h2{padding:20px 0px;text-align:center;}
.top_mapmenu h3{position:absolute;left:0px;right:0px;bottom:8px;margin:0px;padding:5px;}
.top_mapmenu .section{position:absolute;width:29%;padding:0px 0px 40px;background:#ffffff;box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);z-index:31;overflow:visible;text-align:center;animation-duration:1s;animation-timing-function:ease-in;animation-fill-mode:forwards;}
.top_mapmenu .section.cat1{top:135px;left:2px;}
.top_mapmenu .section.cat2{top:485px;left:4%;}
.top_mapmenu .section.cat3{top:355px;left:37%;z-index:32;}
.top_mapmenu .section.cat4{top:485px;right:2px;}
.top_mapmenu .balloon{position:absolute;display:block;width:126px;height:58px;padding:23px 0px;background:url(../img/category_text_bg.png) no-repeat left bottom;animation-name:anim02;animation-delay:0.3s;animation-duration:1.3s;animation-timing-function:ease-in;animation-fill-mode:forwards;background-size:contain;z-index:34;transition-duration:0.5s;}
.top_mapmenu .section.cat1 .balloon{top:120px;right:-118px;}
.top_mapmenu .section.cat2 .balloon{bottom:12px;right:-117px;}
.top_mapmenu .section.cat3 .balloon{top:30px;right:-116px;}
.top_mapmenu .section.cat4 .balloon{bottom:30px;left:-69px;background-image:url(../img/category_text_bg2.png);}
.top_mapmenu .section .figure{margin:0px;padding:5%;text-align:center;}
.top_mapmenu .section:before,
.top_mapmenu .section .figure a:before{display:block;position:absolute;content:" ";}
.top_mapmenu .section.cat1:before{top:-25px;left:27%;width:116px;height:37px;background:url(../img/top_cat1_tape.png) no-repeat;}
.top_mapmenu .section.cat2:before{top:-25px;left:27%;width:116px;height:37px;background:url(../img/top_cat2_tape.png) no-repeat;}
.top_mapmenu .section.cat3:before{top:-25px;left:27%;width:116px;height:37px;background:url(../img/top_cat3_tape.png) no-repeat;}
.top_mapmenu .section.cat4:before{top:-25px;left:27%;width:116px;height:37px;background:url(../img/top_cat4_tape.png) no-repeat;}
.top_mapmenu .section .figure a:before{top:42px;right:-2px;width:78px;height:26px;background:url(../img/click_icon.png) no-repeat;z-index:34;}
.top_mapmenu .section .figure a:hover .balloon{transform:rotate(11deg);}
.top_mapmenu .section.cat4 .figure a:hover .balloon{transform:rotate(-11deg);}
@-webkit-keyframes anime01 {0%{opacity:0;}100% {opacity:1;}}
@keyframes anime01 {0%{opacity:0;}100% {opacity:1;}}
@-webkit-keyframes anime02 {0%{opacity:1;}100% {opacity:0;}}
@keyframes anime02 {0%{opacity:1;}100% {opacity:0;}}
.stripe h2 img,
.stripe ul li a img,
.twocolumn .youtube h2 img,
.top_mapmenu .section img{max-width:100%;height:auto;}
.twocolumn{max-width:980px;margin:20px auto;}
.twocolumn .facebook{max-width:490px;}
.twocolumn .timeline{max-width:480px;margin:5px auto;padding:10px;overflow:auto;}
.twocolumn .timeline iframe{max-width:100%;}
.twocolumn .youtube {padding:20px 0px;background:#EFEFE2 url(../img/youtube_bg.png);}
.twocolumn .youtube h2{margin:0px;text-align:center;}
.twocolumn .youtube .movie{max-width:370px;padding:0px;border:4px solid #ffffff;margin:0px auto;}
.twocolumn .youtube .movie iframe{max-width:100%;}

.stripe{margin-bottom:25px;background-color:#f9f9f4;background-image: -webkit-linear-gradient(-45deg,rgba(102,95,0,0.04) 15%, transparent 16%, transparent 50%, rgba(102,95,0,0.04) 51%, rgba(102,95,0,0.04) 65%, transparent 66%, transparent);background-image: linear-gradient(-45deg,rgba(102,95,0,0.04) 15%, transparent 16%, transparent 50%, rgba(102,95,0,0.04) 51%, rgba(102,95,0,0.04) 65%, transparent 66%, transparent);background-size: 20px 20px;}
.stripe h2{padding:15px;text-align:center;}
.stripe ul{max-width:860px;margin:8px auto;padding:10px;list-style:none;}
.stripe ul li{width:49%;max-width:400px;margin-bottom:10px;padding:10px;background:#E6D0A8 url(../img/top_bt_bg.png);box-sizing:border-box;float:left;}
.stripe ul li:nth-child(even){float:right;}
.stripe ul li a{display:block;margin:0px auto;padding:35px;border:1px solid #E2CA9C;background:#ffffff;text-align:center;}


.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#ff0000;}
@media screen and (min-width: 0px) and (max-width: 1000px) {
.twocolumn .section,
.twocolumn,
.twocolumn .facebook,
.stripe ul{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.after .banner{width:auto;}
.header h1{min-height:0px;width:10%;height:auto;margin-left:6%;}
.header h1 img{width:100%;height:auto;}
}
@media screen and (min-width: 0px) and (max-width:640px) {
.header h1,
.top_mapmenu .section,
.top_mapmenu .balloon,
.stripe ul li{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.header .nav ul,
.category .balloon,
.header .nav ul li a:before{display:none;}
.header .nav .menu_button{display:block;}
.header{margin-top:50px;}
.header .wrap .title {background:#ffffff;}
.header h1{width:auto;margin-left:0px;}
.header h1 img{width:auto;}
#menu{position:fixed;top:0px;left:0px;bottom:0px;right:0px;background:rgba(255,255,255,0.8);z-index:220;}
.header .page_control{position:fixed;top:0px;right:60px;z-index:80;}
.header .page_control ul.panel_button li a{width:36px;height:38px;}
.header .page_control ul.panel_button li a img{max-width:100%;height:auto;}
.contents .article dl.data dd{clear:both;padding-left:2em;}
.top_mapmenu .section{margin:8px;padding:0px;}
.top_mapmenu h3{position:static;}
.top_mapmenu .balloon,
.top_mapmenu .section.cat4 .balloon{background:transparent;}
.top_mapmenu .section .figure{overflow:visible;}
.top_mapmenu .section:before,
.top_mapmenu .section .figure a:before{display:none;}
#UD, .header .page_control form.search{position:fixed;top:60px;left:6px;right:6px;}
.footer .reread_link{width:44px;bottom:4px;right:4px;}
.footer .reread_link a{height:34px;padding:5px;opacity:0.9;}
.stripe ul li:nth-child(even){float:none;}

}
@media screen and (min-width:641px) {html body #menu{display:block !important;}}