@charset "utf-8";
@import url(css/master1-2/shared.css);/*190306*/
h1{background-color:#8db404;}
h1+p,h2{top:2px;line-height:1;}h1+p,h2 a{color:#333;font-size:10px;line-height:1.5;}
.search{overflow:hidden;position:relative;max-width:194px;}
.search p{display:table;table-layout:fixed;width:100%;margin:0 0 5px 0;}.search span{display:table-cell;}.search span+span{width:5em;}
.search input{font-size:14px;letter-spacing:normal;}
.search [type="text"]{border-color:#bdbdbd;color:#9f9f9f;}
.search [type="submit"]{background:#554234;padding:.56em 0;width:100%;border-radius:0;}
.info a.btn-tel{height:70px;}
.info a.btn-contact{max-width:194px;height:35px;}
/*.info li+li{width:100%;max-width:204px;}
.info a.btn-tel{height:24px;background-image:url("images/design/header1.png");}
.info a.btn-tel:last-child{background-image:url("images/design/header2.png");}
#hnav .info aside,#sideinfo .info aside{display:block;height:23px;background:url("images/design/header0.png") 0 0 no-repeat;background-size: contain;}*/
#hnav li>aside>span,#sideinfo li>aside>span{line-height:0;}
li>aside,.tel{margin: 0 0 0 auto;}
a[class*="a-btn"],button,[type="button"],[type="reset"]{border:0;border-radius:3px;font-size:1em;background:#006400;color:#fff;}a[class*="a-btn"].db{display:block;padding:16px 20px;}
a[class*="a-btn"]::before,a[class*="a-btn"]:hover::before{width:24px;background-image:url("images/design/arrowbtn.png");}
a[class*="a-btn"]::after{content:none;}
h3,.h3{border:none;background:#f5f5f5;border-bottom:3px solid #ececec;padding:1.2em 10px 1em 23px;font-size:1.25em;}
h3::before,.h3::before{position:absolute;content:"";top:22%;left:8px;z-index:2;width:2px;height:60%;background:#006400;}
#index h3::before{content:none;}
body:not(#index) h4,.h4{background:none;border-bottom:3px solid #bfd9bf;box-shadow:0 -1px 0 #318231 inset;padding:.7em 10px .55em;font-size:1.3em;}
h4::before,.h4::before,dl.box>dt::before{content:none;}
h5::after,.h5::after{border-bottom:2px solid #8db404;}
h6,.h6{background-size:32px;}
a.a-btn2,#menu li{background-color:#00aed9;}
#menu::before,#pnav a,#mbtn{background-color:#006400;}
#index section>h3,#index #whatsnew h3,#index #calendar h3,#contact h3{background:url("images/design/hltop.png") center bottom no-repeat;padding-bottom:40px;margin-bottom:20px;font-weight:normal;font-size:20px;text-align:center;border:none;}
#index #calendar h3{margin-bottom:0;}
.a_trans li{border:0;border-radius:0;}
.a_trans a{padding:0;position:relative;right:auto;bottom:auto;margin-bottom:23px;max-width:225px;overflow:visible;border-radius:12px;text-shadow:0 0 2px #000;}
.a_trans a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(56,119,56,0.7)/*#006400*/;border:5px solid #c1dbc1;border-radius:10px;opacity:0;}
.a_trans a:hover::before{opacity:1;}
.a_trans a::after{width:30px;right:50%;bottom:-15px;margin:-15px -15px 0 0;z-index:4;-webkit-transition:.2s;transition:.2s;}
.a_trans a:hover::after{bottom:10px;}
.a_trans a>span::before,.a_trans a>span::after{content:none;}
.a_trans a img{max-width:100%;max-height:none;margin:0 auto;border-radius:12px;}
.a_trans a>div,.a_trans a>div::after{position:absolute;left:0;top:0;z-index:3;}
.a_trans a>div{width:100%;height:100%;height:44vw;max-height:225px;text-align:center;display:table;table-layout:fixed;}
.a_trans a>div::after{content:"";left:25%;top:50%;border-top:1px solid #fff;width:50%;}
.a_trans a h4,.a_trans a p{display:table-row;color:#fff;margin:0 auto;height:50%;border:none;box-shadow:none;}
.a_trans h4>span,.a_trans a p>span{display:table-cell;text-align:center;font-size:1em;font-weight:bold;padding:10px;color:#fff;}
.a_trans h4>span{vertical-align:bottom;}.a_trans a p{font-size:12px;font-size:3.6vw;}
.a_line a::after{border-width:4px;border-radius:0;}.a_line a:hover::after{border-color:#ddd;}
#mv.fade,#show>p.main{width:140%;left:-20%;}
#paging li{background:#c1dbc1;box-shadow:none;}#paging li.active{background:#006400;}
#index #whatsnew{background:#dae8da;padding:0 10px 40px;}
.switching{overflow:hidden;text-align:left;position:relative;text-align:center;max-width:1020px;margin:0 auto 10px auto;}
.switching .tab{font-size:12px;font-size:4vw;line-height:1.25;display:table;width:100%;max-width:34em;margin:0;}
.switching .tab li{display:table-cell;padding:0 0 0 2px;}.switching .tab li:first-child{padding:0;}
.switching input{position:absolute;right:100%;top:0;z-index:0;}
.switching label{display:block;cursor:pointer;font-weight:600;padding:.9em 0 .5em 0;background:#318231;color:#fff;text-align:center;border-radius:10px 10px 0 0;}
.switching label[for="box2"]{background:#ec4a4a;}
.switching label[for="box3"]{background:#fbba0a;}
.switching label[for="box4"]{background:#8db404;}
.screen{overflow:hidden;position:relative;z-index:1;border:2px solid #b9dbb9;}
.screen>div,.screen>p{margin:0 auto;background:#fff;text-align:center;padding:1em;}
.screen>div{display:block;position:relative;width:100%;padding:0;overflow:hidden;z-index:1;}
.switching .screen>div{height:0;-webkit-transition:.3s;transition:.3s;opacity:0;}
.switching input#box1:checked~.screen>div:first-child,
.switching input#box2:checked~.screen>div:nth-of-type(2),
.switching input#box3:checked~.screen>div:nth-of-type(3),
.switching input#box4:checked~.screen>div:nth-of-type(4){z-index:2;opacity:1;height:auto;}
input#box1:checked~.tab label[for="box1"],label[for="box1"]:hover{}
input#box2:checked~.tab label[for="box2"],label[for="box2"]:hover{}
input#box3:checked~.tab label[for="box3"],label[for="box3"]:hover{}
#whatsnew .newlist{padding:10px 4% 20px 4%;text-align:left;}
.newlist>li{padding:11px 10px;border:0;text-align:left;}
.newlist>li+li{background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0) 1px,#9e9e9e 1px,#9e9e9e 2px);background-repeat:repeat-x;background-size:3px 1px;}
.newlist>li>span,.newlist>li>time{display:inline-block;margin:0 5px 5px 0;}
.newlist>li>span{border:1px solid #8db404;width:7.5em;position:relative;font-size:12px;padding:.15em 0;}
.newlist>li>span.tag-topics{border-color:#fbae0a;}
.newlist>li>span::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:#f6f9eb;opacity:.3;}
.newlist>li>span.tag-topics::after{background:#fffaec;}
.newlist>li>span a{text-decoration:none;display:block;text-align:center;color:#8db404;}
.newlist>li>span.tag-topics a{color:#fcab05;}
.newlist>li>span.tag-important{border-color:#ec4a49;}
.newlist>li>span.tag-important a{color:#ec4a49;}
.newlist>li>span.tag-important::after{background:#ffe3e3;}
.newlist>li>time{padding:0;}.newlist>li>time::before{content:none;}
.newlist>li p{text-align:left;}
#minicomi{padding:30px 0;}#minicomi .content{line-height:2;padding:10px 10px 30px 10px;}
#minicomi .typebox2-{max-width:360px;padding:0 10px 0 0;margin:0 auto 20px auto;}#minicomi .typebox2->li{padding:0 0 0 10px;}
#minicomi .grid2{max-width:720px;margin:0 auto;padding:20px 0;}#minicomi .grid2>li{padding:0 15px;}#minicomi a[class*="a-btn"]{display:block;}
#calendar,#banner{background:#fff;padding:20px 10px;}#banner ul{padding:0;max-width:880px;}
#contact h3::after{content:none;}
#contact h4,#contact h4::before{margin-bottom:20px;}
#contact ul,#contact a{border:0;color:#333;}#contact ul>li{background:#fff;background:rgba(255,255,255,.85);border-radius:10px;}
#contact ul>li+li{margin-top:20px;border:0;}
#contact .tel,#contact .tel2,#contact .fax{font-size:20px;font-size:7vw;line-height:1.25;position:relative;display:block;text-transform:uppercase;}.fax{letter-spacing:.04em;}
#contact a img{max-width:255px;}
#contact address{margin-bottom:0;}
#contact li>aside{display:block;margin-bottom:10px;}
#contact li>aside>span{display:inline-block;}
#contact .telttl{display:block;margin:0 auto 3px;background:#006400;border-radius:15px;color:#fff;font-size:14px;padding:2px 5px;vertical-align:middle;}
#contact .tel2>.telttl{background:#94b813;color:#fff;}
#fnav,#fnav nav+div{background:#006400;border:0;border-top:1px solid #619361;}
#fnav .info a.btn-contact{background:url("images/btn_contact.png");max-width:255px;height:42px;}
#footer h3::before{content:none;}
#footer img{max-height:40px;}
/*#footer .tel{padding-left:80px;}
#footer .tel::before{content:"センター";background:#d5cd00;width:70px;font-size:12px;border-radius:15px;padding:2px;text-align:center;margin:5px 0;height:auto;}
#footer .tel:last-child::before{content:"図書館";}
#footer .info li:first-child+li{vertical-align:top;}*/
#footer .info li:first-child aside{padding-left:80px;}
li>aside>span>span:first-child::after{content:none;}
.info li+li{width:100%;max-width:240px;}
.photolist>li{margin-bottom:10px;text-align:center;}
.photolist a{color:#333;display:block;text-decoration:none;height:100%;background:#fff;border:1px solid #dfe0dd;padding:8px;overflow:hidden;}
.photolist img{width:30%;margin:0 8px 0 0;float:left;}
.photolist a>p,.photolist dl{padding:5px 0;margin:0 auto;overflow:hidden;text-align:left;font-weight:bold;}
.photolist a>p{color:#00aed9;font-size:1.12em;line-height:1.25;padding:10px 0 5px;}
.photolist dl,.photoinfo>dl{text-align:left;display:table;table-layout:fixed;padding:2px 0;font-weight:normal;}
.photolist dt,.photolist dd,.photoinfo>dl>dt,.photoinfo>dl>dd{display:table-cell;vertical-align:top;}
.photolist dt,.photoinfo>dl>dt{font-weight:bold;position:relative;padding-right:1.2em;width:3.5em;}
.photolist dt::after,.photoinfo>dl>dt::after{content:"\ff1a";position:absolute;right:.2em;top:0;}

#menu{margin-bottom:20px;position:relative;z-index:1;background:none;}
#menu li{background:none;border:none;}
#menu li+li,#menu>ul+ul{border-top:1px solid #fff;}
#menu a{border:none;line-height:1.25;position:relative;padding:1.25em 6px 1em 34px;background:#dceddc;border-radius:5px;}
#menu a:hover,#menu a.on{background:#00aed9;color:#fff;}
#menu a::before{content:"";position:absolute;left:12px;top:1.25em;height:1em;width:1em;background:none;border:3px solid #9cc79c;border-radius:50%;}
#menu a:hover::before,#menu a.on::before{background:#00aed9;border-color:#fff;}
#menu li li{padding-bottom:0;}
#menu li li+li{border:0;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0) 2px,#999 2px,#999);background-repeat:repeat-x;background-size:4px 1px;padding-top:1px;}
#menu li li a{padding:.8em 6px .55em 32px;background:#fff;border-radius:0;}
#menu li li a:hover,#menu li li a.on{background:#fff;color:#006400;text-decoration:underline;}
#menu li li a::before{background:none;left:17px;top:1.2em;width:0;height:0;border-radius:0;border:3px dashed transparent;border-width:2px 4px;border-color:rgba(255,0,0,0);border-left-color:#006400;}
#menu li li a:hover::before,#menu li li a.on::before{border-left-color:#006400;}
#sideinfo .info li:first-child{padding-right:60px;}
.area{border:1px solid #00aed9;background:#fff;box-shadow:4px 4px 0 #deedf1 inset,-4px -4px 0 #deedf1 inset;margin:0 auto;padding:10px;border-radius:3px;text-align:center;margin: 0 1%;}
.area dt{color:#636363;}
.area dd a{color:#333;}
[class*="linebox"]{background-color:#fffae2;border:1px solid #ebdfa4;box-shadow:none;}
.list-btn a{background-color:#dceddc;border:1px solid #a5cba5;color:#333;box-shadow:none;}
button,[type="button"],[type="reset"],[type="submit"]{background:#00aed9;border-radius:3px;}
th,[type="text"]:focus,select:focus,textarea:focus{background-color:#f7f1eb;}
th,td,button,input,select,textarea{border:1px solid #c5c0ba;}
#banner ul{margin:20px auto;}
.max320{max-width:320px;}

@media(min-width:30em){
#pickup ul,.a_trans{margin-bottom:36px;}
.a_trans a:hover::before{left:0;top:0;width:100%;height:100%;margin:0;}
.a_trans a>div{height:23vw;}
.a_trans h4{font-size:14px;font-size:2.6vw;}.a_trans a p{font-size:10px;font-size:2vw;}
.switching .tab{font-size:16px;table-layout:fixed;}
#minicomi .typebox2-{padding:0;width:40%;}#minicomi .typebox2->li{width:50%;margin:0;}
#contact .tel,#contact .tel2,#contact .fax{font-size:30px;}
.photolist img{width:auto;margin:0 auto;float:none;}
.area{max-width:280px;margin: 0 auto;}
}
@media(min-width:40em){
#sideinfo .info{width:auto;}#sideinfo .info li+li{width:204px;padding:0 0 0 10px;}
#index #contact>h3,#contact h3{margin-bottom:0;}
#contact{padding:30px 0 36px 0;}#contact ul{border-collapse:separate;border-spacing:30px;}
#contact .tel,#contact .tel2,#contact .fax{font-size:3vw;}
.a_trans h4{font-size:20px;}.a_trans a p{font-size:14px;}
#index #whatsnew{padding:0px 10px 50px;}.newlist>li>span,.newlist>li>time{float:left;margin:0 1em 0 0;}
}
@media(min-width:48em){
/*h2+p{width:51%;}*/
#hnav .info{top:-81px;max-width:49%;}.info li{padding:0 10px 0 0;max-width:300px;}.info li+li{width:204px;}
/*.info a.btn-tel,#hnav .info aside{max-width:290px;}*/
#global,#global li li a{background:rgba(0,100,0,0.9);}
#global a>span{color:#fff;}#global a>span::before,#global a>span::after{border-color:#fff;}
#index section>h3,#index #whatsnew h3,#index #calendar h3{padding:40px 10px;margin-bottom:36px;font-size:30px;}
#index #calendar h3{margin-bottom:0;}
#paging{padding:12px 0 5px 0;}#paging li{margin:0 5px;}
#pickup{padding-bottom:20px;}.a_trans a::after{width:46px;bottom:-23px;margin:-23px -23px 0 0;}.a_trans a:hover::after{bottom:15px;}
#pickup .a_line li img{width:480px;}
#whatsnew .newlist{padding:15px 22px 20px 22px;}
#minicomi p{padding:0 30px;overflow:hidden;}
#fnav{background:#377537;}#fnav nav{padding:3px 5px;}#fnav nav a{color:#fff;}#fnav nav li{margin-bottom:5px;}
#footer .info{padding:10px;}#footer .info,#footer .info a{color:#fff;}#footer .info li+li{width:265px;max-width:none;}
#footer .info>li>span{display:block;line-height:1.25;text-align:left;padding-left:2em;}
li>aside,.tel{display:block;}
h1{background-color:inherit;color:#222;letter-spacing:.1em;text-shadow:1px 1px 3px rgba(255,255,255,0.8),-1px -1px 3px rgba(255,255,255,0.8);text-align:center;}
#index #main{padding-top:60px;}
}
@media(min-width:66em){
#contact .tel,#contact .tel2,#contact .fax{font-size:28px;}#mv.fade,#show>p.main{width:100%;left:auto;}#show>p.main{top:auto;bottom:0;}
/*
#show>img.main{max-width:100%;width:auto;margin-left:auto;}
#show.mv,#show.pin{height:520px;}#show:not(.mv)>img.main,#show #vv{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}#show:not(.mv)>img.main.ip-t{top:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}#show #vv{background-size:auto;}#mv{width:100%;margin:0 auto;}#view img{width:100%;}
*/
body:not(#index) #view img{width:100%;}
#index #main #show{background:#e9f4ca;}
#contact .telttl,#contact .tel2>.telttl{font-size:20px;display:inline-block;text-align:right;background:none;
color:#333;padding:0;width:3.5em;}
#contact .telttl::after{content:"：";}
}

#whatsnew p .t-l{padding-left: 22px;}
.day{text-align:right;font-size:.875em;margin:-.5em 0 .5em 0;padding:0 .5em;}

#mv.postslide{margin-bottom:50px;}
#mv.postslide li img{margin:0;}

#mv.postslide,.mv.postslide{margin-bottom:50px;}
#mv.postslide li img,.mv.postslide li img{margin:0;}
.mv{width:100%;overflow:visible;position:relative;text-align:center;padding:0;z-index:1;margin:0 auto 30px auto;}
.view{overflow:hidden;width:10000px;margin:0 auto;position:relative;left:-1400px;z-index:2;}
.view li{width:1400px;float:left;clear:none;position:relative;z-index:2;overflow:hidden;}
.paging{display:block;overflow:hidden;position:absolute;top:100%;left:0;z-index:9;width: 100%;padding:10px 0;line-height:0;}
.paging li{display:inline-block;width:10px;height:10px;margin:0 8px;background:#d5ea8d;border-radius:50%;cursor:pointer;text-indent:120%;white-space:nowrap;overflow-wrap:normal;word-wrap:normal;overflow:hidden;}
.paging li.active{background:#006400;}
@media(min-width:48em){
.paging{padding:12px 0 5px 0;}
.paging li{width:15px;height:15px;margin:0 5px;}
}

/*スライド矢印*/
#show #mv_prev,#show #mv_next{cursor:pointer;width:5%;max-width:70px;height:100%;background-image:url("images/design/prev.png");top:0;background-position:center center;background-repeat:no-repeat;background-size:contain;}
#show #mv_prev,#show #mv_next{z-index:10;}
#show #mv_prev{left:0;}
#show #mv_next{right:0;background-image:url("images/design/next.png");}
@media(min-width:48em){
#show #mv_prev{left:13.5%;}
#show #mv_next{right:13.5%;}
}
@media(min-width:66em){
#show #mv_prev{left:0;}
#show #mv_next{right:0;}
}

[class^="icon-"]::before{font-family:"fontello";font-style:normal;font-weight:bold;speak:none;display:inline-block;text-decoration:none;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-facebook::before{content:'f';color:#fff;font-size:16px;}
[class^="icon-"]::before{text-indent:-1.25em;}
.sns li.share-fb{background:#1877F2;border-radius:3px;padding:0;}
.sns li.share-fb a{display:inline-block;padding:.86em 8px 0 20px;text-decoration:none;}
.sns li.share-fb a>span.icon-facebook{display:block;text-indent:0;font-size:.86em;font-weight:bold;line-height:1.5;letter-spacing:.04em;color:#fff;margin:-7px 0 4px 0;}