@charset "UTF-8";
/*  
Version:2025070401
*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
*:focus {outline: none !important; }

html {height:100%; background:#fff; margin:0 !important; -webkit-text-size-adjust: 100%;}
body { margin: 0; padding: 0; color: #808080; font-size : 14px; font-family: 'M PLUS 1p', sans-serif; height:100%; text-align:center;}
img{width: 100%;}
a{color: #1a95d5; text-decoration: none;transition: 0.6s all;}
a:hover{color: #808080;}

a.uLine{color: #1a95d5; border-bottom: #1a95d5 1px dashed; text-decoration: none;transition: 0.6s all;}
a.uLine:hover{border-bottom:  transparent 1px dashed; color: #808080;}

a.telto{cursor:default; text-decoration:none;}
a.telto:hover{text-decoration:none; color:#1a95d5;}

a.noBorder{color: #1a95d5; border-bottom:none;}
a.noBorder:hover{border-bottom:none;}
@media screen and (max-width: 768px) {
a{border-bottom:none; text-decoration: none;}
}
a img{ opacity: 1; transition: 0.6s all;}
a:hover img{ opacity: 0.8;}

/*text-align関連*/
.textLeft{text-align: left;}
.textRight{text-align: right;}
.textCenter{text-align: center;}
.textCL{text-align: center;}
@media screen and (max-width: 768px) {
.textCL{text-align: left;}
}

/*hr関連*/
hr.dot3{ border-top: none; border-bottom:3px dotted; margin: 30px 0;}
hr.dash1{ border-top: none; border-bottom:1px dashed; margin: 30px 0;}
/*角丸背景関連*/
.radiusBgfff{ background-color: #fff; border-radius: 20px; padding: 20px; margin: 0 auto 60px;}
.radiusBgfff10{ background-color: #fff; border-radius: 20px; padding: 10px; margin: 0 auto 40px;}
.radiusBgfffBo{ background-color: #fff; border-radius: 20px; padding: 30px; margin: 0 auto 60px; border:2px solid}
.radiusBgfff10_08{ background-color: rgba(255,255,255,.8); border-radius: 20px; padding: 10px; margin: 0 auto 40px;}

.bgBorderSolid{  border-radius: 20px; padding: 20px; margin: 20px auto 30px; border:3px solid;}
.bgBorderSolid1{  border-radius: 20px; padding: 20px; margin: 20px auto 30px; border:1px solid;}
.bgBorderDash3{  border-radius: 20px; padding: 20px; margin: 20px auto 30px; border:3px dashed;}
.bgBorderDash2{  border-radius: 20px; padding: 10px; margin: 10px; border:2px dashed;}
.inlineRadius30{ display: inline-block; margin: 20px auto;border-radius: 30px; padding: 10px 20px; border: 3px solid;}
.inlineRadius20{ display: inline-block; margin: 20px auto;border-radius: 20px; padding: 10px 10px; border: 3px solid;}
@media screen and (max-width: 768px) {
.radiusBgfff{ border-radius: 10px; padding: 5px; margin: 0 auto 30px;}
.radiusBgfff10{  border-radius: 10px; padding: 5px; margin: 0 auto 20px;}
.radiusBgfffBo{  border-radius: 10px; padding: 10px; margin: 0 auto 30px;}
.bgBorderDash3{  border-radius: 10px; padding: 5px; margin: 20px auto 30px;}
.bgBorderDash2{  border-radius: 10px; padding: 5px; margin: 10px;}
.inlineRadius30{border-radius: 20px; padding: 5px 10px;}
.inlineRadius20{border-radius: 10px; padding: 5px;}
}

/*テキストボーダー関連*/
.txtBoDot1{ border-bottom: 1px dotted; line-height: 160%;}
.txtBoDot2{ border-bottom: 2px dotted; line-height: 160%;}
.txtBoDot3{ border-bottom: 3px dotted; line-height: 160%;}

/*背景色関連*/
.bg_000{background-color:#fff;}
.bg_000_08{background-color:rgba(255,255,255,.8)}
.bg_001{background-color:#f7f9cc;}
.bg_002{background-color:#fcfce8;}
.bg_003{background-color:#f4eadd;}
.bg_004{background-color:#f5f5e4;}
.bg_005{background-color:hsl(200, 86%, 89%);}
.bg_006{background-color:#f3ffdb;}
.bg_007{background-color:#f2faff;}
.bg_008{background-color:#fff5f5;}
.bg_009{background-color:#fce6d7;}
.bg_010{background-color: #fffaeb;}
.bg_011{background-color: #ffccd1;}
.bg_none{background:none !important}

.bg_fukagawa{ background-color: #fe8894;}
.bg_general{background: #1a95d5;}
.bg_fukagawa{background: #fe8894;}
.bg_toyosu{background: #f4a200;}
.bg_ariake{background:#bf9df1;}
.bg_ariakeD{ background: #85529f;}
.bg_toyo{ background: #43b1f0;}
.bg_oojima{ background: #89ba2a;}
.bg_minamisuna{ background: #f7b40a;}
.bg_kameido{ background: #2bba5b;}
.bg_sumiyoshi{ background: #5787f7;}

.bg_line{ background: #07b53b;}
.bg_red{ background: #ff4c4c;}

/*文字色関連*/
.col_general{color:#1a95d5 !important;}
.col_fukagawa{color:#fe8894 !important;}
.col_toyosu{color:#f49737 !important;}
.col_ariake{color:#85529f !important;}
.col_ariakeL{color:#8e58dd !important;}
.col_toyo{color:#43b1f0 !important;}
.col_oojima{color:#89ba2a !important;}
.col_minamisuna{color:#f7b40a !important;}
.col_kameido{color:#2bba5b !important;}
.col_sumiyoshi{color:#5787f7 !important;}

.col_red{color:#ff4c4c !important;}
.col_bk{color:#333 !important;}
.col_fff{color:#fff !important;}
.col_line{ color: #07b53b !important;}
.col_nite{ color: #0869ae !important;}
/*border色関連*/
.borderCol_general{ border-color: #1a95d5 !important;}
.borderCol_fukagawa{ border-color: #fe8894 !important;}
.borderCol_toyosu{ border-color: #f49737 !important;}
.borderCol_ariake{ border-color: #85529f !important;}
.borderCol_toyo{ border-color: #43b1f0 !important;}
.borderCol_oojima{ border-color: #89ba2a !important;}
.borderCol_minamisuna{ border-color: #f7b40a !important;}
.borderCol_kameido{ border-color: #2bba5b !important;}
.borderCol_sumiyoshi{ border-color: #5787f7 !important;}

.borderCol_red{ border-color: #e60011 !important;}
.borderCol_line{ border-color: #07b53b !important;}
.borderCol_fff{ border-color: #fff !important;}
.borderCol_bk{ border-color: #333 !important;}
.borderCol_org{ border-color: #808080 !important;}
.borderCol_oreRib{ border-color: #ef7c0f !important;}

/*改行関連*/
span.br768{ display: inline;}
span.inline768{ display: block;}
span.none768{ display: inline;}
span.none768B{ display: block;}
@media screen and (max-width: 768px) {
span.br768{ display: block;}
span.inline768{ display: inline;}
span.none768{ display: none;}
span.none768B{ display: none;}
}

span.br540{ display: inline;}
span.inline540{ display: block;}
span.none540{ display: inline;}
span.none540B{ display: block;}
span.block540{ display: none;}
@media screen and (max-width: 540px) {
span.br540{ display: block;}
span.inline540{ display: inline;}
span.none540{ display: none;}
span.none540B{ display: none;}
span.block540{ display: block;}
}

/* layout */
#wrap{margin: -40px 0 0 0;}
.content1600{ width: 100%; max-width: 1600px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content1200{ width: 100%; max-width: 1200px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content1200inner{ width: 100%; max-width: 1200px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content1080{max-width: 1080px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content960{max-width: 960px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content960inner{max-width: 960px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content900{max-width: 900px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content600{max-width: 600px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.content400{max-width: 400px; margin: 0 auto; padding:0; position: relative; overflow: hidden;}
.contentBoxS{  padding:30px 0; position: relative; overflow: hidden;}
.contentBoxS0{  padding:30px 0 0 0; position: relative; overflow: hidden;}
.contentBox{  padding:60px 0; position: relative; overflow: hidden;}
.contentBoxM{  padding:120px 0; position: relative; overflow: hidden;}
.contentBoxL{  padding:180px 0; position: relative; overflow: hidden;}
.ofV{ overflow: visible;}
.ofH{ overflow: hidden;}
.posRel{ position: relative;}
.maxW1200{ max-width: 1200px; margin: 0 auto;}
.maxW960{ max-width: 960px; margin: 0 auto;}
.pcOnly768{ display: block;}
.smpOnly768{ display: none;}
@media screen and (max-width: 768px) {
#wrap{margin: 94px 0 0 0;}
.content1600{ width: calc(100% - 20px); padding:0 10px;}
.content1200{ width: calc(100% - 20px); padding:0 10px;}
.content960{ width: calc(100% - 20px); padding:0 10px;}
.content900{ width: calc(100% - 20px); padding:0 10px;}
.content600{ width: calc(100% - 20px); padding:0 10px;}
.content400{ width: calc(100% - 20px); padding:0 10px;}
.contentBoxS{  padding: 10px 0; }
.contentBox{  padding: 30px 0; }
.contentBoxM{  padding: 40px 0 40px; }
.contentBoxL{  padding: 80px 0 40px; }
.pcOnly768{ display: none;}
.smpOnly768{ display: block;}
}

/*markUp------------------------------------------------------------*/
h2{ font-size: 48px; line-height: 160%;}
h2.size42{ font-size: 42px; line-height: 160%;}
h2.smpS{ font-size: 48px; line-height: 160%;}
h3{ font-size: 36px; line-height: 160%;}
h3.smpS{ font-size: 36px; line-height: 160%;}
h4{ font-size: 28px; line-height: 160%;}
h5{ font-size: 24px; line-height: 160%;}
h6{ font-size: 20px; line-height: 160%;}
p.sizeL{ font-size: 18px; line-height: 140%;}
p.sizeL span{ font-size: 14px;}
p.sizeL span.sizeL{ font-size: 18px;}
p.lineW{line-height: 180%;}
p.lineN{line-height: 120%;}
.indent1em{text-indent: -1em; padding-left: 1em;}
.indent1em:before{content:"・";}
.indent1emC{text-indent: -1em; padding-left: 1em;}
.indent1emC:before{content:"○";}
.indent2em{text-indent: -1em; padding-left: 2em;}
.indent2em:before{content:"・";}
.line120{line-height:120%;}
.line140{line-height:140% !important;}
.size80{font-size:0.8em;}
@media screen and (max-width: 1200px) {
h2{ font-size: 40px;}
h2.size42{ font-size: 36px;}
h2.smpS{ font-size: 40px;}
h3{ font-size: 30px;}
h3.smpS{ font-size: 30px;}
h4{ font-size: 24px;}
h5{ font-size: 18px;}
h6{ font-size: 16px;}
p.sizeL{ font-size: 16px;}
p.sizeL span.sizeL{ font-size: 16px;}
}
@media screen and (max-width: 960px) {
h2{ font-size: 32px;}
h2.size42{ font-size: 28px;}
h2.smpS{ font-size: 32px;}
h3{ font-size: 26px;}
h3.smpS{ font-size: 26px;}
h4{ font-size: 20px;}
h5{ font-size: 16px;}
}
@media screen and (max-width: 768px) {
h2{ font-size: 28px;}
h2.size42{ font-size: 24px;}
h2.smpS{ font-size: 28px;}
h3{ font-size: 24px;}
h3.smpS{ font-size: 24px;}
h4{ font-size: 18px;}
p.lineW{line-height: 140%;}
}
@media screen and (max-width: 540px) {
h2{ font-size: 24px; line-height: 140%;}
h2.size42{ font-size: 18px; line-height: 140%;}
h2.smpS{ font-size: 20px; line-height: 140%;}
h3{ font-size: 21px; line-height: 140%;}
h3.smpS{ font-size: 16px; line-height: 140%;}
h4{ font-size: 16px; line-height: 140%;}
h6{ font-size: 14px; line-height: 120%;}
p.sizeL{ font-size: 14px; line-height: 120%;}
p.sizeL span.sizeL{ font-size: 14px;}
.lineW{line-height: 120%;}
}

/*inlineBlockで角丸囲み*/
.rad30Bg{ display: inline-block; color: #fff; padding: 0px 25px; border-radius: 30px; margin: 20px 0 30px;}
.rad30Border{ display: inline-block; color: #fff; padding: 0px 25px; border-radius: 30px; margin: 0px 0 10px; border: solid 2px;}
@media screen and (max-width: 768px) {
.rad30Bg{ padding: 5px 20px; margin: 10px 0 15px;}
.rad30Border{ padding: 0px 20px; margin: 10px 0 15px;}
}

/*角丸に上にずれたh3*/
div.borderArea{ width: calc(100% - 56px); max-width: 1124px; margin: 100px auto 180px; border: 3px solid; border-radius: 20px; background: #fff; text-align: left; padding: 30px 20px; position: relative; font-size: 24px; line-height: 160%;}
div.borderArea h3{position: absolute; top: -60px;}
div.borderArea h3.floatR{position: absolute; top: -60px; right: 10px;}
@media screen and (max-width: 960px) {
div.borderArea{ width: calc(100% - 66px); margin: 60px 10px; font-size: 18px;}
div.borderArea h3{top: -40px;}
div.borderArea h3.floatR{top: -40px;}
}
@media screen and (max-width: 768px) {
div.borderArea{ width: calc(100% - 46px); margin: 80px 10px; font-size: 14px; padding: 30px 10px 20px;}
div.borderArea h3{top: -30px;}
div.borderArea h3.floatR{top: -30px;}
}
@media screen and (max-width: 540px) {
div.borderArea{ width: calc(100% - 46px); margin: 80px 10px; font-size: 14px; padding: 40px 10px 20px;}
div.borderArea h3{top: -30px;}
div.borderArea h3.floatR{top: -30px;}
}

/*リボン囲み*/
.ribBg{ color: #fff; background-repeat: no-repeat; background-position: center top; background-size: contain; display: inline-block; margin: 80px auto; padding: 10px 0 0 0; width: 660px; min-height: 130px;}
@media screen and (max-width: 1200px) {
.ribBg{margin: 40px auto; padding: 10px 0 0 0; width: 540px; min-height: 100px;}
}
@media screen and (max-width: 960px) {
.ribBg{margin: 20px auto; padding: 8px 0 0 0; width: 420px; min-height: 80px;}
}
@media screen and (max-width: 540px) {
.ribBg{margin: 20px auto; padding: 14px 0 0 0; width: 80%;}
}
@media screen and (max-width: 480px) {
.ribBg{margin: 20px auto; padding: 10px 0 0 0; width: 96%; min-height: 60px;}
}

.ribBgH3{ color: #fff; background-repeat: no-repeat; background-position: center top; background-size: contain; display: inline-block; margin: 80px auto; padding: 10px 0 0 0; width: 500px; min-height: 100px;}
@media screen and (max-width: 1200px) {
.ribBgH3{margin: 40px auto; padding: 10px 0 0 0; width: 540px; min-height: 100px;}
}
@media screen and (max-width: 960px) {
.ribBgH3{margin: 20px auto; padding: 8px 0 0 0; width: 420px; min-height: 80px;}
}
@media screen and (max-width: 540px) {
.ribBgH3{margin: 20px auto; padding: 14px 0 0 0; width: 80%;}
}
@media screen and (max-width: 480px) {
.ribBgH3{margin: 20px auto; padding: 10px 0 0 0; width: 96%; min-height: 60px;}
}

.bg_rib_general{background-image: url(../img/ribbon/bg_rib_general.png);}
.bg_rib_fukagawa{background-image: url(../img/ribbon/bg_rib_fukagawa.png);}
.bg_rib_toyosu{background-image: url(../img/ribbon/bg_rib_toyosu.png);}
.bg_rib_oojima{background-image: url(../img/ribbon/bg_rib_oojima.png);}
.bg_rib_toyo{background-image: url(../img/ribbon/bg_rib_toyo.png);}
.bg_rib_ariake{background-image: url(../img/ribbon/bg_rib_ariake.png);}
.bg_rib_kameido{background-image: url(../img/ribbon/bg_rib_kameido.png);}
.bg_rib_sumiyoshi{background-image: url(../img/ribbon/bg_rib_sumiyoshi.png);}
.bg_rib_minamisuna{background-image: url(../img/ribbon/bg_rib_minamisuna.png); color: #808080;}
.bg_rib_nowpri{background-image: url(../img/ribbon/bg_rib_nowpri.png);}
.bg_rib_nite{background-image: url(../img/ribbon/bg_rib_nite.png);}

/*幅広リボン囲み*/
.ribBgw{ color: #fff; background-repeat: no-repeat; background-position: center top; background-size: contain; display: inline-block; margin: 80px auto; padding: 10px 0 0 0; width: 860px; min-height: 130px;}
@media screen and (max-width: 1200px) {
.ribBgw{margin: 40px auto; padding: 10px 0 0 0; width: 860px;}
}
@media screen and (max-width: 960px) {
.ribBgw{margin: 20px auto; padding: 7px 0 0 0; width: 540px;}
}
@media screen and (max-width: 540px) {
.ribBgw{margin: 20px auto; padding: 3px 0 0 0; width: 96%;}
}
.bg_ribw_fukagawa{background-image: url(../img/ribbon/bg_ribw_fukagawa.png);}
.bg_ribw_oojima{background-image: url(../img/ribbon/bg_ribw_oojima.png);}
.bg_ribw_kameido{background-image: url(../img/ribbon/bg_ribw_kameido.png);}
.bg_ribw_nowpri{background-image: url(../img/ribbon/bg_ribw_nowpri.png);}

/*aタグボタンいろいろ*/
/*ピンクボタン fukagawa*/
a.roundPK{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #fe8894 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_pk.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #fe8894; transition: 0.6s;}
a.roundPK:hover{ background-color: #fff; color: #fe8894; background-image: url(../img/btn/bg_round_pk_h.png);}

/*オレンジボタン toyosu*/
a.roundOR{ display: block; color: #ff8a46; text-decoration: none; font-size: 21px; text-align: center; border: #ff8a46 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_or.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #fff; transition: 0.6s;}
a.roundOR:hover{ background-color: #ff8a46; color: #fff; background-image: url(../img/btn/bg_round_or_h.png);}

/*オレンジボタン反転 toyosu*/
a.roundORR{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #ff8a46 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_or_h.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #ff8a46; transition: 0.6s;}
a.roundORR:hover{ background-color: #fff; color: #ff8a46; background-image: url(../img/btn/bg_round_or.png);}

/*黄色ボタン minamisuna*/
a.roundYe{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #ffba0a 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_ye.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #ffba0a; transition: 0.6s;}
a.roundYe:hover{ background-color: #fff; color: #ffba0a; background-image: url(../img/btn/bg_round_ye_h.png);}

/*むらさきボタン ariake*/
a.roundPu{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #8e58dd 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_pu.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #8e58dd; transition: 0.6s;}
a.roundPu:hover{ background-color: #fff; color: #8e58dd; background-image: url(../img/btn/bg_round_pu_h.png);}

/*空色ボタン toyo*/
a.roundLb{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #43b1f0 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_lb.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #43b1f0; transition: 0.6s;}
a.roundLb:hover{ background-color: #fff; color: #43b1f0; background-image: url(../img/btn/bg_round_lb_h.png);}


/*赤いボタン RED*/
a.roundRd{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #ff4c4c 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_rd.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #ff4c4c; transition: 0.6s;}
a.roundRd:hover{ background-color: #fff; color: #ff4c4c; background-image: url(../img/btn/bg_round_rd_h.png);}

/*青いボタン general*/
a.roundBL{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #1a95d5 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_bl.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #1a95d5; transition: 0.6s;}
a.roundBL:hover{ background-color: #fff; color: #1a95d5; background-image: url(../img/btn/bg_round_bl_h.png);}


/*青いボタン mail付き*/
a.roundBLmail{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #1a95d5 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_bl.png) , url(../img/btn/ico_mail32.png); background-repeat: no-repeat; background-position: top 50% right 3px , top 50% left 8px; background-color: #1a95d5; transition: 0.6s;}
a.roundBLmail:hover{ background-color: #fff; color: #1a95d5; background-image: url(../img/btn/bg_round_bl_h.png) , url(../img/btn/ico_mail32h.png);}


/*背の高い青いボタン*/
a.round20BL{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #1a95d5 2px solid; padding: 20px 30px 20px 10px; margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_bl.png); background-repeat: no-repeat; background-position: top 50% right 10px; background-color: #1a95d5; transition: 0.6s;}
a.round20BL:hover{ background-color: #fff; color: #1a95d5; background-image: url(../img/btn/bg_round_bl_h.png);}


/*緑のボタン*/
a.roundGR{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #89ba2a 2px solid; padding: 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_gr.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #89ba2a; transition: 0.6s;}
a.roundGR:hover{ background-color: #fff; color: #89ba2a; background-image: url(../img/btn/bg_round_gr_h.png);}

/*亀戸のボタン*/
a.roundKameido{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #2bba5b 2px solid; padding: 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_kameido.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #2bba5b; transition: 0.6s;}
a.roundKameido:hover{ background-color: #fff; color: #2bba5b; background-image: url(../img/btn/bg_round_kameido_h.png);}

/*住吉のボタン*/
a.roundSumiyoshi{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #5787f7 2px solid; padding: 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_sumiyoshi.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #5787f7; transition: 0.6s;}
a.roundSumiyoshi:hover{ background-color: #fff; color: #5787f7; background-image: url(../img/btn/bg_round_sumiyoshi_h.png);}

/*緑のPDFボタン*/
a.roundGRpdf{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #89ba2a 2px solid; padding: 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_gr.png) , url(../img/btn/ico_pdf32.png); background-repeat: no-repeat; background-position: top 50% right 3px ,top 50% left 8px ; background-color: #89ba2a; transition: 0.6s;}
a.roundGRpdf:hover{ background-color: #fff; color: #89ba2a; background-image: url(../img/btn/bg_round_gr_h.png) , url(../img/btn/ico_pdf32h.png);}

/*緑のエクセルボタン*/
a.roundGRexl{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #89ba2a 2px solid; padding: 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_gr.png) , url(../img/btn/ico_exl32.png); background-repeat: no-repeat; background-position: top 50% right 3px ,top 50% left 8px ; background-color: #89ba2a; transition: 0.6s;}
a.roundGRexl:hover{ background-color: #fff; color: #89ba2a; background-image: url(../img/btn/bg_round_gr_h.png) , url(../img/btn/ico_exl32h.png);}

/*PDF背景ボタン*/
a.bgPdf{ background-image: url(../img/btn/ico_pdf32.png) , url(../img/btn/ico_pdf32.png); background-repeat: no-repeat; background-position: top 50% right 3px ,top 50% left 8px ;}
a.bgPdf:hover{ background-image: url(../img/btn/ico_pdf32.png) , url(../img/btn/ico_pdf32.png);}


a.roundGR80{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #89ba2a 2px solid; padding: 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_gr.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #89ba2a; transition: 0.6s;}
a.roundGR80:hover{ background-color: #fff; color: #89ba2a; background-image: url(../img/btn/bg_round_gr_h.png);}


/*Lineのボタン*/
a.roundLine{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #07b53b 2px solid; padding: 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_line.png); background-repeat: no-repeat; background-position: top 50% right 10px; background-color: #07b53b; transition: 0.6s;}
a.roundLine:hover{ background-color: #fff; color: #07b53b; background-image: url(../img/btn/bg_round_line_h.png);}

/*閉じるボタン*/
a.closeBtn{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #808080 2px solid; padding:5px 10px; width: calc(40% - 24px); margin: 20px auto; border-radius: 50px; background-image: url(../img/btn/bg_close20.png); background-repeat: no-repeat; background-position: top 50% right 10px; background-color: #808080; transition: 0.6s;}
a.closeBtn:hover{ background-color: #fff; color: #808080; background-image: url(../img/btn/bg_close20_h.png); cursor: pointer;}
/*閉じるボタン小*/
a.closeBtnS{ display: block; color: #fff; text-decoration: none; font-size: 18px; text-align: center; border: #808080 2px solid; padding:2px 5px; width: calc(40% - 24px); max-width: 240px; margin: 20px auto; border-radius: 50px; background-image: url(../img/btn/bg_close20.png); background-repeat: no-repeat; background-position: top 50% right 10px; background-color: #808080; transition: 0.6s;}
a.closeBtnS:hover{ background-color: #fff; color: #808080; background-image: url(../img/btn/bg_close20_h.png); cursor: pointer;}

a img.btnImg{width: 30px; margin: -5px 5px 0 0;}
a.maxW400px{ max-width: 400px;}
a.maxW600px{ max-width: 600px;}


@media screen and (max-width: 960px) {
a.roundPK{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundOR{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundORR{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundYe{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundPu{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundLb{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundRd{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundBL{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundBLmail{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.round20BL{ font-size: 18px; padding: 8px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundGR{ font-size: 16px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundKameido{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundSumiyoshi{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundGRpdf{ font-size: 16px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundGRexl{ font-size: 16px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.bgPdf{ font-size: 16px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundGR80{ font-size: 16px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.roundLine{ font-size: 16px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a.closeBtn{ font-size: 16px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
a img.btnImg{width: 24px; margin: -3px 0 0 0;}
}
@media screen and (max-width: 540px) {
a.roundPK{background-image:none}
a.roundOR{background-image:none}
a.roundORR{background-image:none}
a.roundYe{background-image:none}
a.roundPu{background-image:none}
a.roundLb{background-image:none}
a.roundRd{background-image:none}
a.roundBL{background-image:none}
a.roundBLmail{background-image:none}
a.round20BL{background-image:none}
a.roundGR{background-image:none}
a.roundKameido{background-image:none}
a.roundSumiyoshi{background-image:none}
a.roundGRpdf{background-image:none}
a.roundGRexl{background-image:none}
a.bgPdf{background-image:none}
a.roundGR80{background-image:none}
a.roundLine{background-image:none}
a img.btnImg{display: none;}
}

/*GoogleMap IDだよ*/
#user_gmap{width:100%; height:auto;}
.mapLL #user_gmap{ height: 768px;}
.mapL #user_gmap{ height: 680px;}
.mapM #user_gmap{ height: 600px;}
.mapS #user_gmap{ height: 480px;}
#user_gmap .popupTxt{max-width: 320px;}
#user_gmap .popupTxt h6{ text-align: center !important; font-weight: 700;}
#user_gmap .popupTxt p{text-align: left; font-size: 14px;}
#user_gmap .popupTxt div{ margin: 10px auto 0;}
@media screen and (max-width: 540px) {
.mapLL #user_gmap{ height: 480px;}
.mapL #user_gmap{ height: 480px;}
.mapM #user_gmap{ height: 480px;}
.mapS #user_gmap{ height: 480px;}
}

/*GoogleMap　Classだよ*/
.user_gmap{width:100%; height:auto;}
.mapLL .user_gmap{ height: 768px;}
.mapL .user_gmap{ height: 680px;}
.mapM .user_gmap{ height: 600px;}
.mapS .user_gmap{ height: 480px;}
.user_gmap .popupTxt{max-width: 320px;}
.user_gmap .popupTxt h6{ text-align: center !important; font-weight: 700;}
.user_gmap .popupTxt p{text-align: left; font-size: 14px;}
.user_gmap .popupTxt div{ margin: 10px auto 0;}
@media screen and (max-width: 540px) {
.mapLL .user_gmap{ height: 480px;}
.mapL .user_gmap{ height: 480px;}
.mapM .user_gmap{ height: 480px;}
.mapS .user_gmap{ height: 480px;}
}


/*共通フォーム関連*/
/*iphone対策*/
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}
input[type="button"] {-webkit-appearance: none; border-radius: 0;}
/*formBody dl dt dd*/
#formBody{ display: block;}
#formBody dl{ width:calc(100% - 20px); margin:10px 10px 0; overflow: hidden;}
#formBody dl dt{text-align:right; float:left; width:calc(30% - 20px); padding:12px 10px; font-weight:700; font-size:24px; line-height: 140%;color: #1a95d5;}
#formBody dl dt span{color: #fff; background: #1a95d5; padding: 2px 4px;font-weight: lighter;margin: 0 5px; font-size: 14px;}

#formBody dl dd{text-align:left; float:left; width:calc(70% - 20px); padding:10px 10px; font-size: 24px; font-weight: 500; line-height: 140%; }
#formBody dl dd p{font-weight: 500;}
#formBody dl dd div{ margin: 0 0 10px 0;}
@media screen and (max-width: 768px) {
#formBody dl dt{text-align:left; float:none; width:100%; padding: 0 0;font-size:16px; }
#formBody dl dd{float:none; width:100%; padding:0 0; font-size: 16px;}
}

#formBody dl.anyMust dt{text-align:left; float:left; width:calc(36% - 20px); padding:12px 10px; font-weight:500; font-size:21px; line-height: 140%;color: #808080;}
#formBody dl.anyMust dt span.must{color: #fff; background: #1a95d5; padding: 2px 4px;font-weight:300; margin: 0 10px 0 0; font-size: 14px; border-radius: 5px;}
#formBody dl.anyMust dt span.any{color: #fff; background: #808080; padding: 2px 4px;font-weight:300; margin: 0 10px 0 0; font-size: 14px; border-radius: 5px;}
#formBody dl.anyMust dd{text-align:left; float:left; width:calc(64% - 20px); padding:10px 10px; font-size: 21px; font-weight: 500; line-height: 140%; }
#formBody dl.anyMust dd p{font-size: 14px; line-height: 120%;}
#formBody dl.anyMust dd  p.pAlert{ color: #ff4c4c; font-size: 18px;}
@media screen and (max-width: 768px) {
#formBody dl.anyMust dt{text-align:left; float:none; width:100%; padding: 3px 0;font-size:16px; }
#formBody dl.anyMust dd{float:none; width:100%; padding:5px 0; font-size: 16px;}
}

#formBody input[type="text"]{font-size:18px;font-weight:700; width:80%; margin-bottom:10px; border-radius: 5px; border: #cecece 1px solid; padding: 10px; color: #666; letter-spacing: 0.1em;}
#formBody input[type="password"]{font-size:18px;font-weight:700; width:80%; margin-bottom:10px; border-radius: 5px; border: #cecece 1px solid; padding: 10px; color: #666; letter-spacing: 0.2em;}
#formBody input[type="tel"]{font-size:18px;font-weight:700; width:80%; margin-bottom:10px; border-radius: 5px; border: #cecece 1px solid; padding: 10px; color: #666; letter-spacing: 0.1em;}
#formBody input[type="date"]{font-size:18px;font-weight:700; width:30%; margin-bottom:10px; border-radius: 5px; border: #cecece 1px solid; padding: 10px; color: #666; letter-spacing: 0.1em;}
#formBody input[type="email"]{font-size:18px;font-weight:700; width:80%; margin-bottom:10px; border-radius: 5px; border: #cecece 1px solid; padding: 10px; color: #666; letter-spacing: 0.1em;}
#formBody input[type="text"].telBox{width:20%;}
#formBody input[type="radio"] {transform: scale(1.6); margin:5px 10px 5px 8px;}
#formBody input[type="checkbox"] {transform: scale(1.4); margin:0px 10px 5px 5px; vertical-align:middle;}
#formBody select{ padding: 3px; border: #cecece solid 1px; font-size:18px;font-weight:500; margin:2px 0 10px; border-radius: 10px;color: #666; letter-spacing: 0.1em; vertical-align: middle;}
#formBody select.padW{ padding: 8px; border: #cecece solid 1px; font-size:18px;font-weight:500; margin:2px 0 10px; border-radius: 10px;color: #666; letter-spacing: 0.1em; vertical-align: middle;}
#formBody textarea{width:80%; border:#cecece 1px solid; padding:10px; border-radius: 10px; height: 120px; font-size: 16px;}
#formBody label{ display: block; margin:0 0 10px 10px;}
#formBody label.inLine{ display: inline; margin:0 20px 0 0;}

@media screen and (max-width: 768px) {
#formBody input[type="text"]{font-size:14px;width:96%; margin-bottom:5px; border-radius: 5px; padding: 5px;}
#formBody input[type="password"]{font-size:14px;width:96%; margin-bottom:5px; border-radius: 5px; padding: 5px;}
#formBody input[type="tel"]{font-size:14px;width:96%; margin-bottom:5px; border-radius: 5px; padding: 5px;}
#formBody input[type="email"]{font-size:14px;width:96%; margin-bottom:5px; border-radius: 5px; padding: 5px;}
#formBody input[type="checkbox"] {transform: scale(1.2); margin:3px 5px 0 5px; vertical-align: top;}
#formBody label{ display: block; margin:0 0 0 5px; padding: 2px 0;}
#formBody select{ padding: 1px; margin:0; border-radius: 2px; letter-spacing: 0em; font-size: 14px;}
#formBody select.padW{padding: 4px; margin:0; border-radius: 2px; letter-spacing: 0em; font-size: 14px;}
#formBody textarea{width:96%; padding:5px; font-size: 14px;}
#formBody label.inLine{ display: inline; margin:0 0 0 0;}
}

#formBody input[type="submit"].sMail{ display: inline-block; background: #1a95d5; padding: 15px 50px ; color: #fff; border-radius: 15px; border: #1a95d5 1px solid; transition: 0.6s; font-size: 30px; margin: 20px auto 10px; line-height: 100%;}
#formBody input[type="submit"].sMail:hover { background:#fff; color:#1a95d5; border:#1a95d5 1px solid; cursor: pointer;}


#formBody input[type="submit"].roundBL{ display: block; color: #fff; text-decoration: none; font-size: 21px; text-align: center; border: #1a95d5 2px solid; padding: 10px 10px; width: calc(80% - 24px); margin: 10px auto; border-radius: 50px; background-image: url(../img/btn/bg_round_bl.png); background-repeat: no-repeat; background-position: top 50% right 3px; background-color: #1a95d5; transition: 0.6s; font-weight:700;}
#formBody input[type="submit"].roundBL:hover{ background-color: #fff; color: #1a95d5; background-image: url(../img/btn/bg_round_bl_h.png);}


#formBody input[type="submit"].sLine{ display: inline-block; background: #07b53b; padding: 15px 50px ; color: #fff; border-radius: 15px; border: #07b53b 1px solid; transition: 0.6s; font-size: 30px; margin: 20px auto 10px; line-height: 100%;}
#formBody input[type="submit"].sLine:hover { background:#fff; color:#07b53b; border:#07b53b 1px solid; cursor: pointer;}

#formBody input[type="button"].sMail{ display: inline-block; background: #1a95d5; padding: 15px 50px ; color: #fff; border-radius: 15px; border: #1a95d5 1px solid; transition: 0.6s; font-size: 30px; margin: 20px auto 10px; line-height: 100%;}
#formBody input[type="button"].sMail:hover { background:#fff; color:#1a95d5; border:#1a95d5 1px solid; cursor: pointer;}

#formBody input[type="button"].cMail{ display: inline-block; background: #c0c0c0; padding: 15px 50px ; color: #fff; border-radius: 15px; border: #c0c0c0 1px solid; transition: 0.6s; font-size: 15px; margin: 60px auto 10px; line-height: 100%;}
#formBody input[type="button"].cMail:hover { background:#fff; color:#1a95d5; border:#1a95d5 1px solid; cursor: pointer;}

#formBody input[type="button"].cMail2{ display: inline-block; background: #f08080; padding: 15px 50px ; color: #fff; border-radius: 15px; border: #f08080 1px solid; transition: 0.6s; font-size: 15px; margin: 60px auto 10px; line-height: 100%;}
#formBody input[type="button"].cMail2:hover { background:#fff; color:#1a95d5; border:#1a95d5 1px solid; cursor: pointer;}

#formBody input[type="submit"].bgMail{ background-image: url(../img/btn/ico_mail32.png) ,url(../img/btn/ico_mail32.png); background-repeat: no-repeat; background-position:2% 50%, 98% 50%;}
#formBody input[type="submit"].bgMail:hover { background-image: url(../img/btn/ico_mail32h.png) ,url(../img/btn/ico_mail32h.png); background-repeat: no-repeat; background-position:2% 50%, 98% 50%;}

#formBody input[type="submit"].hBack{ display: inline-block; background: #999; padding: 10px 50px ; color: #fff; border-radius: 10px; border: #999 1px solid; transition: 0.6s; font-size: 30px; margin: 10px auto 40px; line-height: 100%;}
#formBody input[type="submit"].hBack:hover { background:#fff; color:#999; border:#ccc 1px solid; cursor: pointer;}
#formBody input[type="button"].hBack{ display: inline-block; background: #999; padding: 10px 50px ; color: #fff; border-radius: 10px; border: #999 1px solid; transition: 0.6s; font-size: 30px; margin: 10px auto 40px; line-height: 100%;}
#formBody input[type="button"].hBack:hover { background:#fff; color:#999; border:#ccc 1px solid; cursor: pointer;}

#formBody input[type="submit"].maxW400px{ max-width: 400px;}

@media screen and (max-width: 960px) {
#formBody input[type="submit"].roundBL{ font-size: 18px; padding: 5px 5px; width: calc(90% - 14px); margin: 10px auto;background-size:24px;}
}

@media screen and (max-width: 768px) {
#formBody input[type="submit"].sMail{  padding: 10px 30px ; border-radius: 10px; font-size: 18px; margin: 20px auto;}
#formBody input[type="submit"].sLine{  padding: 10px 30px ; border-radius: 10px; font-size: 18px; margin: 20px auto;}
#formBody input[type="button"].sMail{  padding: 10px 30px ; border-radius: 10px; font-size: 18px; margin: 20px auto;}
#formBody input[type="submit"].hBack{  padding: 10px 30px ; border-radius: 10px; font-size: 18px; margin: 20px auto;}
#formBody input[type="button"].hBack{  padding: 10px 30px ; border-radius: 10px; font-size: 18px; margin: 20px auto;}

}
@media screen and (max-width: 540px) {
#formBody input[type="submit"].bgMail{ background-image: none;}
#formBody input[type="submit"].roundBL{background-image:none}
}

#formBody a.backBtn{ display: inline-block; background: #1a95d5; padding: 10px 50px ; color: #fff; border-radius: 15px; border: #1a95d5 1px solid; transition: 0.6s; font-size: 24px; margin: 20px auto 40px;}
#formBody a.backBtn:hover{ color: #1a95d5; background: #fff;}
@media screen and (max-width: 768px) {
#formBody a.backBtn{ padding: 10px 30px ;border-radius: 10px; font-size: 18px; margin: 10px auto 20px;}
}


/*イベント用横スクロールするテーブル2列*/
table.eventTableW{ width: 100%; background: #fff; margin:20px 0 20px 0;}
table.eventTableW th{border: #ccc 1px solid; padding: 20px; vertical-align: middle; width: 15%;}
table.eventTableW th p {font-size: 18px;}
table.eventTableW td{border: #ccc 1px solid; width: 70%; padding: 20px 20px 10px 20px;}
table.eventTableW td p{font-size: 18px; padding: 0 0 10px 0; text-align: left;}
table.eventTableW td p span{padding: 0 30px 0 0;}

@media screen and (max-width: 768px) {
table.eventTableW{ width:800px}
table.eventTableW th{padding: 5px; width: 10%;}
table.eventTableW td{ padding: 5px 5px 0px 5px;}
table.eventTableW th p {font-size: 16px;}
table.eventTableW td p{font-size: 16px; padding: 0 0 5px 0; }
table.eventTableW td p span{padding: 0 10px 5px 0;}
}
@media screen and (max-width: 540px) {
table.eventTableW{ width:700px}
table.eventTableW th{padding: 5px 0 5px 2px;}
table.eventTableW td{ padding: 5px 0px 0px 2px;}
table.eventTableW th p {font-size: 12px;white-space: nowrap}
table.eventTableW td p{font-size: 14px;}
table.eventTableW td p span{padding: 0 0 2px 0; display: block;}
}

/*等幅横スクロールするテーブル2列*/
table.eventTableE{background: #fff; width:calc(100% - 24px); margin: 10px auto;}
table.eventTableE th , table.eventTableE td{border: #ccc 1px solid; padding: 10px; width:50%;text-align: center; font-size: 18px;}
table.eventTableE thead th { color: #1a95d5;}
table.eventTableE tbody th { color: #808080; text-align: left; vertical-align: middle;}
table.eventTableE tbody td {text-align: left; padding: 10px 10px 5px 10px;}
table.eventTableE td p{font-size: 16px; padding: 0 0 5px 0; text-align: left;}

@media screen and (max-width: 768px) {
table.eventTableE{ width:800px;}
table.eventTableE th , table.eventTableE td{font-size: 16px;}
table.eventTableE td p{font-size: 14px;}
}
@media screen and (max-width: 540px) {
table.eventTableE{ width:600px}
table.eventTableE th , table.eventTableE td{font-size: 14px; white-space: nowrap;}
table.eventTableE td p{font-size: 14px;}
}


/*メインスライドに重ねる部分*/
#welcomeTop{ position: absolute; top: -40px; left: 0; right: 0; }
#onedayTop{ position: absolute; top: -80px; left: 0; right: 0;}
#serviceTop{ position: absolute; top: -100px; left: 0; right: 0;}
@media screen and (max-width: 768px) {
#welcomeTop{top: -30px;}
#onedayTop{top: -60px;}
#serviceTop{top: -70px;}
}

/*index------------------------------------------------------------*/
#indexSlide{ position: relative;}
#indexSlide h1{ position: absolute; z-index: 99; top: 3%; left: 40%; width: 40%; max-width: 730px;}
#indexSlide h1 a{display:block; position:absolute; bottom:18%; left:20%; width:40%; font-size:16px;}
#indexSlide h1#sizeS{ position: absolute; z-index: 99; top: 40%;  left: 60%; width: 40%; max-width: 580px;}
#indexSlide #topLine{ display: block; position: absolute; top: 0; width: 100%; height: 30px; background: url(../img/index/mainv_topline.png); z-index: 99;}
#indexSlide #hitotoki{ position: absolute; z-index: 99; left: 5px; bottom:20%;  width: 25%; max-width: 300px;}
#indexSlide #hitotoki a{text-decoration: none;}
#indexSlide #hitotokiTime{ position: absolute; z-index: 99; left: 15%; bottom:10%;  width: 25%; max-width: 300px;}
#indexSlide #hitotokiTime a{text-decoration: none;}
#indexSlide #hiroba{ position: absolute; z-index: 99; left: 5px; bottom:55%;  width: 25%; max-width: 300px;}
#indexSlide #hiroba a{text-decoration: none;}
@media screen and (max-width: 1200px) {
#indexSlide h1 a{ font-size:16px; bottom:5%; background-image:none;}
#indexSlide #hiroba{bottom:58%;}
}
@media screen and (max-width: 768px) {
#indexSlide h1{ top: 6%; right: 10%; width: 50%;}
#indexSlide h1 a{ font-size:16px; bottom:10%;}
#indexSlide #hitotoki{left: 5px; bottom:24%;  width: 30%;}
#indexSlide #hiroba{left: 5px; bottom:50%;  width: 30%;}
#indexSlide #hitotokiTime{ position: absolute; z-index: 99; right: 5px; bottom:10%;  width: 30%;}
#indexSlide #topLine{display: none;}
}
@media screen and (max-width: 540px) {
#indexSlide h1 a{ font-size:14px; bottom:-5px; width:60%; font-size:14px; padding:2px !important; left:12%;}

}
/* news部分 */
#indexSlide .sliderBg{ position:absolute; bottom:100px; width:100%; text-align:center; z-index: 999;}
#indexSlide .sliderBg .sliderNews{ width: 100%; max-width: 960px; margin: 0 auto;background:#fff; overflow: hidden;position: relative; height: auto;}
#indexSlide .sliderBg .sliderNews ul { overflow: hidden; display: flex; flex-wrap:wrap; }
#indexSlide .sliderBg .sliderNews ul li {display: none; position: relative; text-align: left; margin: 0; width: 100%;}
#indexSlide .sliderBg .sliderNews ul li div.importance{ display: block; float:left; margin:0 10px 0 0; text-align: center; color: #fff; font-size: 24px; background: #000; border: #000 10px solid; width: 100px;}
#indexSlide .sliderBg .sliderNews ul li p.newsDate{ display: block; float:left;  color: #000; font-size: 24px; padding: 10px;}
#indexSlide .sliderBg .sliderNews ul li a{color: #000; text-decoration: none; font-size: 24px; display: inline-block; padding: 10px; overflow: visible; border: none;}
@media screen and (max-width: 1200px) {
#indexSlide .sliderBg{bottom:80px;}
#indexSlide .sliderBg .sliderNews ul li div.importance{ margin:0 10px 0 0; font-size: 18px;border: #000 8px solid; width: 80px;}
#indexSlide .sliderBg .sliderNews ul li p.newsDate{ font-size:18px; padding: 8px;}
#indexSlide .sliderBg .sliderNews ul li a{font-size: 18px; padding: 8px;}
}
@media screen and (max-width: 768px) {
#indexSlide .sliderBg .sliderNews ul li div.importance{ margin:0 5px 0 0; font-size: 16px;border: #000 6px solid; width: 60px;}
#indexSlide .sliderBg .sliderNews ul li p.newsDate{ font-size:16px; padding: 6px;}
#indexSlide .sliderBg .sliderNews ul li a{font-size: 16px; padding: 6px; display: block; width: calc(100% - 12px); float: none; overflow: hidden;}
}
@media screen and (max-width: 540px) {
#indexSlide .sliderBg{bottom:50px;}
#indexSlide .sliderBg .sliderNews ul li div.importance{ margin:0 2px 0 0; font-size: 14px; border: #000 3px solid; width: 60px;}
#indexSlide .sliderBg .sliderNews ul li p.newsDate{ font-size:14px; padding: 3px;}
#indexSlide .sliderBg .sliderNews ul li a{font-size: 14px; padding: 3px; width: calc(100% - 6px);}
}
/*li.importance100 重要事項の場合*/
#indexSlide .sliderBg .sliderNews ul li.importance100 div.importance{ background: #f00; border-color: #f00;}
#indexSlide .sliderBg .sliderNews ul li.importance100 p.newsDate{color: #f00;}
#indexSlide .sliderBg .sliderNews ul li.importance100 a{color: #f00; border: none;}
/*li.importance50 やや重要事項の場合*/
#indexSlide .sliderBg .sliderNews ul li.importance50 div.importance{ background:#ddbf00; border-color: #ddbf00;color:#000;}
#indexSlide .sliderBg .sliderNews ul li.importance50 p.newsDate{color:#000;}
#indexSlide .sliderBg .sliderNews ul li.importance50 a{color:#000; border: none;}

/*li.importance0 通常の場合*/
#indexSlide .sliderBg .sliderNews ul li.importance0 div.importance{ background:#43b1f0; border-color: #43b1f0;color:#fff;}
#indexSlide .sliderBg .sliderNews ul li.importance0 p.newsDate{color:#43b1f0;}
#indexSlide .sliderBg .sliderNews ul li.importance0 a{color:#1a95d5; border: none;}

/*#indexWelcome*/
#indexWelcome{ position: relative; padding: 200px 0 0 0;}
#indexWelcome h2{ position: relative;}
#indexWelcome h2 div.ico{width: 20%; max-width: 180px; margin: 0 45% 0 35%;}
#indexWelcome h5 div#char001{ position: absolute; left: -140px; top: 60px; width: 20%; max-width: 312px;}
@media screen and (max-width: 1500px) {
#indexWelcome h5 div#char001{ display: none;}
}
@media screen and (max-width: 1200px) {
#indexWelcome{ padding: 60px 0 0;}
}
@media screen and (max-width: 768px) {
#indexWelcome{ padding: 30px 0 0;}
#welcomeTop{top: -30px;}
#indexWelcome h2 div.ico{width: 20%; margin: 0 65% 0 15%;}
}

/*#indexNews*/
#indexNews{ background-image: url(../img/birds/birds_011.png),url(../img/chara/chara_005.png);background-repeat: no-repeat; background-position:top 150px left 10% , top 150px right 10%; background-size: 15% , 15%; padding: 0 0;}
#indexNews h2{ position: relative; display: inline-block; margin: 0  auto;}
#indexNews h2 div.ico{ position: absolute; width: 100%; max-width: 180px; left: -160px; top: -110px;}
ul#newsUl{ width: 100%; max-width: 900px; margin: 20px auto; overflow: hidden; background: rgba(253,252,232,.8);}
ul#newsUl.maxW100p{max-width: 100%; margin: 0;}
ul#newsUl li{ float: none; width: calc(100% - 20xp); margin: 10px; text-align: left; font-size: 18px; overflow:hidden;}

ul#newsUl li p.date{ color: #f26478; display: block;padding: 5px 0; float:left; width:120px}
ul#newsUl li p.mizube{ color: #fff;  display: block; padding: 5px 0; margin: 0 5px;  width:140px; text-align: center; float:left;}
ul#newsUl li p.info{ display: block; padding: 5px 0; float:left; width:calc(100% - 270px); line-height:120%;}
ul#newsUl li p.info a{/* color: #ff8a46;  */ border-bottom: transparent 1px dashed; transition: 0.6s all;}
ul#newsUl li p.info a.col_default{color: #808080;  border-bottom: transparent 1px dashed; transition: 0.6s all;}
ul#newsUl li p.info a:hover{ border-bottom: #808080 1px dashed; }
ul#newsUl li p.info a.col_default:hover{ border-bottom: #808080 1px dashed; }
ul#newsUl li.btnArea{margin: 40px 0 20px; text-align: center;}
/*li.importance100 重要事項の場合*/
ul#newsUl li.importance100 p.date{ color: #ff0000; font-weight: 700;}
ul#newsUl li.importance100 p.info a{color: #ff0000; font-weight: 700;}
@media screen and (max-width: 1200px) {
#indexNews{ padding: 0;}
h2 div.ico{ left: -150px; top: -100px;}
}
@media screen and (max-width: 960px) {
h2 div.ico{ left: -120px; top: -80px;}
ul#newsUl{ margin: 10px auto; width: 80%;}
ul#newsUl.maxW100p{ width: 100%;}
ul#newsUl li{ margin: 5px 10px; text-align: left; font-size: 14px;}
ul#newsUl li p.mizube{width: 110px; }
}
@media screen and (max-width: 768px) {
#indexNews{ background-position:top 30px left 10% , top 30px right 10%; background-size: 30% , 30%; padding: 0px; }
#indexNews h2 div.ico{ left: -110px; top: -70px;}
ul#newsUl{ margin: 10px auto; width:100%;}
ul#newsUl.maxW100p{ margin: 0;}
ul#newsUl li p.date{display: block;padding: 5px 0; float:left; width:100px; text-align:left;}
ul#newsUl li p.mizube{ width:120px; text-align: center; float:left; margin-right:calc(100% - 230px);}
ul#newsUl li p.info{display: block; float:none; width:100%; overflow:hidden;}
}
@media screen and (max-width: 540px) {
#indexNews h2 div.ico{ max-width: 100px;  left: -100px; top: -60px;}
ul#newsUl{ width: calc(100% - 20px); margin: 10px 10px;}
ul#newsUl.maxW100p{ margin: 0;}
ul#newsUl li{ font-size: 14px; width: 100%; margin: 5px 0; }



ul#newsUl li.btnArea{margin: 20px 0 10px;}
}

/*#indexEvent*/
#indexEvent{ background-image:url(../img/index/event_bg_left.png);background-repeat: no-repeat; background-position: bottom left; background-size: 20%; padding: 0 0px 100px; overflow: hidden;}

#indexEvent #eventBody{ width: calc(100% - 20px); max-width: 1200px; margin: 0 auto;background-image: url(../img/index/event_body_bg.png);background-repeat: no-repeat; background-position: top; background-size: cover; padding: 120px 10px 0 10px; position: relative;}
#indexEvent #eventBody div.ico{ position: absolute; width: 100%; max-width: 180px; left: 80px; top: -10px;}

#indexEvent #eventBody ul{ width: calc(100% - 60px); padding: 20px 30px; overflow: hidden;}
#indexEvent #eventBody ul li{ width: 50%; float: left; text-align: left;}
#indexEvent h2{position: relative; display: block; margin: 0  auto;}

@media screen and (max-width: 768px) {
#indexEvent{ padding: 0 0 80px; }
#indexEvent #eventBody{ padding: 60px 0 0 0;}
#indexEvent #eventBody div.ico{  width: 50%; max-width: 100px; left: 80px; top: -20px;}
#indexEvent #eventBody ul{ width: calc(100% - 20px); padding: 10px}
#indexEvent #eventBody ul li{ width: 100%; float: none;}
}

.eventAccT{cursor: pointer; color: #1a95d5;}
.eventAccT span{ color: #808080;}
.eventAccBody{display: none; padding: 10px 0 0;border-bottom: #ccc 1px dashed; margin: 0 0 10px 0;}
.eventAccBody dl.eventContents{ overflow: hidden; display: flex; flex-wrap:wrap; margin: 0 10px 10px ; }
.eventAccBody dl dt{ float: left; width: 10%; text-align: center; padding: 7px 0;}
.eventAccBody dl dt span{ background:#1a95d5; color: #fff; padding: 3px 10px; font-size: 14px;}
.eventAccBody dl dd{ float: left; width: 90%; text-align: left; padding: 3px 0; font-size: 16px; line-height: 140%;}

@media screen and (max-width: 540px) {
.eventAccBody dl dt{ padding: 5px 0;}
.eventAccBody dl dt span{  padding: 2px 5px; font-size: 12px;}
.eventAccBody dl dd{padding: 1px 0; font-size: 14px; line-height: 140%;}
}

/*#indexEtc*/
#indexEtc{  padding: 0; overflow: hidden;}
#indexEtc ul{ width: calc(100% - 20px); padding: 0 10px; max-width: 1200px; margin: 0px auto 20px; overflow: hidden;}
#indexEtc ul li{ width: calc(50% - 20px); margin: 20px 10px; float: left; text-align: center;}
#indexEtc ul li p{ margin: 0 0 20px 0;}
#indexEtc ul li p#jidokan{ margin: 70px 0 20px 0;}
#indexEtc #etcChara{ width: 100%; max-width: 1700px; margin: 60px auto;}

@media screen and (max-width: 768px) {
#indexEtc ul{ width:100%; padding: 20px 0 0 0; margin: 0;}
#indexEtc ul li{ width: calc(100% - 20px); margin:20px 10px; float: none;}
#indexEtc ul li p#jidokan{ margin: 0px 0 0px 0;}
#indexEtc #etcChara{ margin: 0px auto;}
}

/*他のページでも使用しているみずべ一覧*/
ul#mizube8{ width: 100%; max-width: 1200px; margin:100px auto 50px;}
ul#mizube8 li{ width: calc(25% - 30px); float: left; margin: 15px; position: relative;}
ul#mizube8 li div#kamome{ position: absolute; width: 70%; top: -50%; right: -20%; z-index: 100;}
ul#mizube8 li a{ border: none;}
@media screen and (max-width: 1200px) {
#indexMizube{background-size: contain; }
ul#mizube8 li{ width:25%; margin: 0;}
ul#mizube8 li div#kamome{top: -120px; right: -60px;}
}
@media screen and (max-width: 768px) {
#indexMizube{background-image: url(../img/index/mizube_bg001-s.png);padding: 200px 10px 20px;}
#indexMizube h2 div.ico{  width: 100%; max-width: 100px; left: 20%; top: -90px;}
ul#mizube8{ margin:20px auto 20px;}
ul#mizube8 li{ width: 50%; float: left; margin: 0;}
ul#mizube8 li div#kamome{ display: none;}
}
/* /他のページでも使用しているみずべ一覧*/

/*#みずべページ*/
#indexMizube{background-image: url(../img/index/mizube_bg001.png);background-repeat: no-repeat; background-position: top  center; background-size: contain; padding: 240px 10px 120px; width: calc(100% - 20px); overflow: hidden;}
#indexMizube h2{position: relative; display: inline-block; margin: 0  auto;}
#indexMizube h2 div.ico{ position: absolute; width: 100%; max-width: 180px; left: 20%; top: -150px;}
#mizubeNews{ position: relative; padding: 240px 0 0 0;}
#mizubeNews h2{ position: relative;}
#mizubeNews h2 div#topIco{ position: absolute; width: 20%; max-width: 240px; left: 70%; top: -130%;}
#mizubeNews h2 div#leftIco{ position: absolute; width: 20%; max-width: 180px; left: -80px; top: -130%;}
#mizubeNews h2 div#rightIco{ position: absolute; width: 20%; max-width: 250px; right: -120px; top: -130%;}
@media screen and (max-width: 1500px) {
#mizubeNews h2 div#leftIco{max-width: 100px; left: -0px; top: -50%;}
#mizubeNews h2 div#rightIco{max-width: 120px; right: -0px; top: -50%;}
}
@media screen and (max-width: 1200px) {
#mizubeNews h2 div#leftIco{ display: none;}
#mizubeNews h2 div#rightIco{ display: none;}
#mizubeNews{ padding: 60px 0 0;}
}
@media screen and (max-width: 768px) {
#mizubeNews{ padding: 80px 0 0;}
#mizubeNews h2 div#topIco{ display: none;}
#indexMizube h2 div.ico{  max-width: 100px; left: 0%; top: -80px;}
}
#mizubeInfo {position: relative; padding: 0px 0 0 0;}
#mizubeInfo #mizubeInfoBody{ position: relative; background-image: url(../img/mizube/info_bg002.png); background-repeat: no-repeat; background-position: center top; padding: 100px 0; background-size: cover; width: 100%;}
#mizubeInfo #mizubeInfoBody h2{ position: relative;}
#mizubeInfo #mizubeInfoBody h2 div#rightChk{ position: absolute; width: 30%; max-width: 469px; right:5%; top: -80%;}
#mizubeInfo #mizubeInfoBody h2 div#leftChk{ position: absolute; width: 25%; max-width: 280px; left:10%; top: -36%;}
@media screen and (max-width: 1500px) {
#mizubeInfo #mizubeInfoBody h2 div#rightChk{max-width: 469px; right: 0%; top: -60%;}
#mizubeInfo #mizubeInfoBody h2 div#leftChk{max-width: 280px; left: 5%; top: -32%;}
}
@media screen and (max-width: 1200px) {
#mizubeInfo #mizubeInfoBody h2 div#rightChk{max-width: 450px; right: 0%; top: -50%;}
#mizubeInfo #mizubeInfoBody h2 div#leftChk{max-width: 240px; left: 0%; top: -25%;}
}
@media screen and (max-width: 960px) {
#mizubeInfo #mizubeInfoBody h2 div#rightChk{max-width: 450px; right: 0%; top: -50%;}
#mizubeInfo #mizubeInfoBody h2 div#leftChk{max-width: 200px; left: 0%; top: -20%;}
}
@media screen and (max-width: 768px) {
#mizubeInfo #mizubeInfoBody h2 div#rightChk{ display: none;}
#mizubeInfo #mizubeInfoBody h2 div#leftChk{ display: none;}
}

#mizubeInfo #mizubeInfoBody ul#mizubeInfo6{ width: 100%; overflow: hidden; max-width: 1500px; margin: 60px auto;}
#mizubeInfo #mizubeInfoBody ul#mizubeInfo6 li{ width: calc(33.333333% - 20px); float: left; margin: 10px;}

@media screen and (max-width: 768px) {
#mizubeInfo #mizubeInfoBody{padding: 40px 0; }
#mizubeInfo #mizubeInfoBody ul#mizubeInfo6{ margin: 20px auto;}
#mizubeInfo #mizubeInfoBody ul#mizubeInfo6 li{ width:50%; margin: 10px 0;}
}
#mizubeMizube{background-image: url(../img/mizube/mizube_bg.png);background-repeat: no-repeat; background-position: top  center; background-size: contain; padding: 240px 10px 120px; width: calc(100% - 20px); overflow: hidden; position: relative;}
@media screen and (max-width: 768px) {
#mizubeMizube{background-image: url(../img/mizube/mizube_bg-s.png);padding: 120px 10px 40px;}
}

#mizubeMizube #chk_bird002{position: absolute; right: 0; top: 10%; width: 25%;}
@media screen and (max-width: 1500px) {
#mizubeMizube #chk_bird002{right: 0; top: 7%;}
}
@media screen and (max-width: 1200px) {
#mizubeMizube #chk_bird002{right: 0; top: 12%; width: 30%;}
}
@media screen and (max-width: 960px) {
#mizubeMizube #chk_bird002{right: 0; top: 15%; width: 30%;}
}
@media screen and (max-width: 768px) {
#mizubeMizube #chk_bird002{right: 0; top: 1%; width: 50%;}
}

/*みずべの一日*/
#mizubeOneday{ position: relative; background-image: url(../img/mizube/oneday/bg_m001.png); background-position: center;}
ul.oneday2{ width: 100%; max-width: 1200px; margin: 0px auto; overflow: hidden;}
ul.oneday2 li{width: calc(50% - 20px); margin: 0 10px;  float: left;}
ul.oneday2 li div.bgFFF{border-radius: 10px; background: #fff; padding: 10px; margin: 0 10px;}
ul.oneday2 li dl{ overflow: hidden;}
ul.oneday2 li dl dt{ width: 25%; float: left;}
ul.oneday2 li dl dd{width: calc(75% - 10px); margin: 0 0 0 10px; text-align: left; float: left;}
ul.oneday2 li dl dd div{text-align: right;}
ul.oneday2 li dl dd div p{display: inline-block; padding: 10px 15px; border-radius: 30px; color: #fff; font-size: 30px;}
ul.oneday2 li div.dayImg{ margin: 10px 0 0; position: relative;}
ul.oneday2 li div.dayImg p{ position: absolute; /* width: 40%;  */bottom: 5px; right: 5px; border-radius: 10px; background: rgba(255,255,255,.9); padding: 5px; font-size: 18px; line-height: 160%; text-align: left;}
@media screen and (max-width: 768px) {
ul.oneday2 li{width: calc(100% - 20px); margin:0 10px;  float: none;}
ul.oneday2 li dl dd div p{padding: 5px 10px; border-radius: 30px; color: #fff; font-size: 20px;}
ul.oneday2 li dl dd h5{font-size: 20px; line-height: 140%;}
ul.oneday2 li div.dayImg p{ width:calc(100% - 20px); bottom: 5px; right: 5px; border-radius: 10px; background: rgba(255,255,255,.9); padding: 5px; font-size: 14px; line-height: 140%; text-align: left;}
}
#onedayC002{ width:80%; max-width: 820px; margin: 0 auto;}
#onedayBg002{ width: 100%; background-image: url(../img/mizube/oneday/bg_b.png); background-position: top; background-size: cover;}
#onedayBg002 img{ max-width: 460px; width: 80%; margin:0;}

/*利用者さんの声*/
#mizubeVoice{position: relative;}
#mizubeVoice #chara001{ width: 100%; text-align: right;}
#mizubeVoice ul.voiceUl{ width: 100%; overflow: hidden;}
#mizubeVoice ul.voiceUl li.imgL{ width: calc(40% - 30px); float: left; margin: 15px;}
#mizubeVoice ul.voiceUl li.txtR{ width: calc(60% - 30px); float: left; margin: 15px; text-align: left;}
#mizubeVoice ul.voiceUl li.imgR{ width: calc(40% - 30px); float: right; margin: 15px;}
@media screen and (max-width: 768px) {
#mizubeVoice ul.voiceUl li.imgL{ width: calc(100% - 30px); float: none; margin:  0 15px 10px;}
#mizubeVoice ul.voiceUl li.imgR{ width: calc(100% - 30px); float: none; margin: 0 15px 10px;}
#mizubeVoice ul.voiceUl li.txtR{ width: calc(100% - 30px); float: none; margin: 0 15px 10px;}
}

/*ボランティア募集*/
#mizubeVolunteer{position: relative; padding: 100px 0 0 0;}
#mizubeVolunteer ul.vol2{ position: relative; max-width: 1200px; margin: 0 auto;}
#mizubeVolunteer ul.vol2 li.chara{ width: 40%; float: left;}
#mizubeVolunteer ul.vol2 li.fukidashi{ width: 60%; float: right; text-align: left;}
#mizubeVolunteer ul.vol2 li.fukidashi .balloon{position: relative; display: inline-block; padding: 15px 20px; max-width: 100%; font-size: 24px; background: #FFF; border: solid 3px #fe8894;box-sizing: border-box; border-radius: 20px; line-height: 140%; margin: 20px;}
#mizubeVolunteer ul.vol2 li.fukidashi .balloon:before {content: "";  position: absolute; bottom: 70%; left: -24px; margin-bottom: -12px; border: 12px solid transparent; border-right: 12px solid #FFF;z-index: 2;}
#mizubeVolunteer ul.vol2 li.fukidashi .balloon:after { content: ""; position: absolute; bottom: 70%; left: -30px;
  margin-bottom: -14px; border: 14px solid transparent; border-right: 14px solid #fe8894;
  z-index: 1; }
#mizubeVolunteer ul.vol2 li.fukidashi .balloon p{ position: absolute; width: 140px; top:-100px; right: 0;}
@media screen and (max-width: 768px) {
#mizubeVolunteer{position: relative; padding: 100px 0 0;}
#mizubeVolunteer ul.vol2 li.chara{ width: 80%; float: none; margin: 0 10%;}
#mizubeVolunteer ul.vol2 li.fukidashi{ width: 100%; float: none;}
#mizubeVolunteer ul.vol2 li.fukidashi .balloon{padding: 10px 10px; font-size: 18px; border-radius: 15px;  margin: 10px;}
#mizubeVolunteer ul.vol2 li.fukidashi .balloon:before  { bottom: -11px; left: 50%; margin-left: -12px; border: 12px solid transparent; border-right: 14px solid transparent;   border-top: 14px solid #FFF;}
#mizubeVolunteer ul.vol2 li.fukidashi .balloon:after { bottom: -15px; left: 50%;
 margin-left: -14px; border: 14px solid transparent; border-right: 14px solid transparent;   border-top: 14px solid #fe8894;}
#mizubeVolunteer ul.vol2 li.fukidashi .balloon p{ width: 120px; top:-80px; right: 0;}
}
@media screen and (max-width: 540px) {
#mizubeVolunteer{position: relative; padding: 20px 0 0;}
}
div.borderArea div#birds_008{ position: absolute; width: 140px; top:-100px; right: 0;}
div.borderArea div#birds_016{ position: absolute; width: 140px; top:-100px; right: 50%;}
@media screen and (max-width: 768px) {
div.borderArea div#birds_008{ width: 100px; top:-80px;}
div.borderArea div#birds_016{ width: 100px; top:-80px; right: 20%;}
}

#mizubeVolunteer div#vol3{ position: relative; background: #fff; max-width: 1200px; margin: 50px auto; overflow: hidden; text-align: left;}
#mizubeVolunteer div#vol3 ul{overflow: hidden; display: flex;}
#mizubeVolunteer div#vol3 ul li.hiroba{width: calc(50% - 80px); margin: 20px; padding: 20px; float: left; background: #ffeded;}
#mizubeVolunteer div#vol3 ul li.koushi{width: calc(50% - 80px); margin: 20px; padding: 20px; float: left; background: #fff2e5;}
#mizubeVolunteer div#vol3 div.hitotoki{ width: calc(100% - 80px); margin: 0  20px 20px; padding: 20px; float: none; background: #edf9ff; overflow: hidden;}
#mizubeVolunteer div#vol3 div#vol3C{ position: absolute; width: 30%; top:35%; left: 35%;}
#mizubeVolunteer div#vol3 p{font-size: 24px; line-height: 140%;}
#mizubeVolunteer div#vol3 .imgAreaL{ text-align: left; margin: 20px 0 0;}
#mizubeVolunteer div#vol3 .imgAreaR{ text-align: right; margin: 20px 0 0;}
#mizubeVolunteer div#vol3 .imgFlR{ float: right; margin: 20px 0 0;}
#mizubeVolunteer div#vol3 .imgAreaL img, #mizubeVolunteer div#vol3 .imgAreaR img, #mizubeVolunteer div#vol3 .imgFlR img{ width: 100%; max-width: 324px;}
#mizubeVolunteer .volunteerB{margin: 100px 0 0 0;}
@media screen and (max-width: 960px) {
#mizubeVolunteer div#vol3 div#vol3C{ width: 30%; top:40%; left: 35%;}
}

@media screen and (max-width: 768px) {
#mizubeVolunteer div#vol3{ margin: 20px 10px; }
#mizubeVolunteer div#vol3 div#vol3C{ position: relative; width: 60%; top: auto; left: auto; margin: 0 auto;}
#mizubeVolunteer div#vol3 ul{display: block;}
#mizubeVolunteer div#vol3 ul li.hiroba{width: calc(100% - 40px); margin: 10px; padding: 10px; float: none; }
#mizubeVolunteer div#vol3 ul li.koushi{width: calc(100% - 40px); margin: 10px; padding: 10px; float: none;}
#mizubeVolunteer div#vol3 div.hitotoki{ width: calc(100% - 40px); margin: 0 10px 20px; padding: 10px;}
#mizubeVolunteer div#vol3 p{font-size: 16px;}
#mizubeVolunteer div#vol3 .imgAreaR{ text-align: center; margin: 0 0;}
#mizubeVolunteer div#vol3 .imgFlR{ float: none; margin:0 0  10px 0;}
#mizubeVolunteer .volunteerB{margin: 60px 0 0 0;}
}

#mizubeVolunteer #mizube8 li div#chara_005{ position: absolute; width: 220px; top: -300px; right:-20px}

@media screen and (max-width: 1200px) {
#mizubeVolunteer #mizube8 li div#chara_005{width: 180px; top: -240px; right:0;}
}
@media screen and (max-width: 768px) {
#mizubeVolunteer #mizube8 li div#chara_005{display: none;}
}


/*虐待相談*/
#mizubeConsult{ overflow: hidden; background-image: url(../img/mizube/consult/bg.png); background-size: contain;}
#mizubeConsult #titleBg{ margin: 200px 0 0; background-image: url(../img/mizube/consult/consult_t.png); background-repeat: no-repeat; background-position: right top; background-color: #fff;}
#mizubeConsult #titleBg #titleT{ max-width: 900px; padding: 20px 20px; text-align: left; margin: 0 auto;}
#mizubeConsult ul.oreRibbon{ overflow: hidden;}
#mizubeConsult ul.oreRibbon li.ribonImg{width: calc(30% - 20px); float: left; margin: 0 10px;}
#mizubeConsult ul.oreRibbon li{width: calc(70% - 20px); float: left; text-align: left; margin: 0 10px;}
#mizubeConsult ul.oreRibbon li img{max-width: 300px;}
#mizubeConsult ul.oreRibbon li p{font-size:18px;}

@media screen and (max-width: 768px) {
#mizubeConsult{background-image: url(../img/mizube/consult/bgs.png);}
#mizubeConsult #titleBg{ margin: 80px 0 0; background-color: #fff; background-size: 36%;}
#mizubeConsult #titleBg #titleT{ padding: 50px 20px 30px;}
#mizubeConsult ul.oreRibbon li.ribonImg{width: calc(100% - 20px); float: none; text-align:center;}
#mizubeConsult ul.oreRibbon li{width: calc(100% - 20px); float: none; }
#mizubeConsult ul.oreRibbon li img{width: 60%; margin:0 auto 20px;}
#mizubeConsult ul.oreRibbon li p{font-size:14px;}
}


/*よくあるお問い合せ*/
#mizubeFaq{ position: relative; background-image: url(../img/mizube/faq/bg.png); background-size: contain; background-position: top center;}
#mizubeFaq .introUl{ max-width: 900px; margin: 0 auto 80px; overflow: hidden;}
#mizubeFaq .introUl li.icoChara{ width: 30%; float: left;}
#mizubeFaq .introUl li{width: 70%; float: right;}
#mizubeFaq .introUl li .balloon{position: relative; display: block; padding: 15px 20px; max-width: 100%; text-align: left; background: #FFF; border: solid 3px #89ba2a; box-sizing: border-box; border-radius: 20px; line-height: 140%; margin: 20px;}
#mizubeFaq .introUl li .balloon:before {content: "";  position: absolute; bottom: 70%; left: -24px; margin-bottom: -12px; border: 12px solid transparent; border-right: 12px solid #FFF;z-index: 2;}
#mizubeFaq .introUl li .balloon:after { content: ""; position: absolute; bottom: 70%; left: -30px; margin-bottom: -14px; border: 14px solid transparent; border-right: 14px solid #89ba2a;
  z-index: 1; }
@media screen and (max-width: 768px) {
#mizubeFaq{ background-image: url(../img/mizube/faq/bg_s.png);}
#mizubeFaq .introUl{margin: 0 auto 0px; }
#mizubeFaq .introUl li.icoChara{ width: 60%; float: none; margin:  0 auto;}
#mizubeFaq .introUl li{width: 100%; float: none;}
#mizubeFaq .introUl li .balloon{padding: 10px 10px; font-size: 18px; border-radius: 15px;  margin: 10px;}
#mizubeFaq .introUl li .balloon:before  { bottom: -11px; left: 50%; margin-left: -12px; border: 12px solid transparent; border-right: 14px solid transparent;   border-top: 14px solid #FFF;}
#mizubeFaq .introUl li .balloon:after { bottom: -15px; left: 50%;
 margin-left: -14px; border: 14px solid transparent; border-right: 14px solid transparent;   border-top: 14px solid #89ba2a;}
}

#mizubeFaq .faqQ{ max-width:1200px; margin: 0 auto; overflow: hidden;}
#mizubeFaq .faqQ li.icoImg{ width: 10%; float: left;}
#mizubeFaq .faqQ li{width: 90%; float: left; text-align: left;}
#mizubeFaq .faqQ li .balloon{position: relative; display: block; padding: 15px 20px; max-width: 80%; text-align: left; background: #FFF; border: solid 3px #43b1f0; box-sizing: border-box; border-radius: 20px; line-height: 140%; margin: 20px; font-size: 24px;}
#mizubeFaq .faqQ li .balloon:before {content: "";  position: absolute; top: 30%; left: -27px; margin-bottom: -10px; border: 14px solid transparent; border-right: 14px solid #FFF;z-index: 2;}
#mizubeFaq .faqQ li .balloon:after { content: ""; position: absolute; top: 30%; left: -31px; margin-bottom: -14px; border: 14px solid transparent; border-right: 14px solid #43b1f0;
  z-index: 1; }
#mizubeFaq .faqQ li .balloon span.icoFAQ img{ width: 26px;}

@media screen and (max-width: 768px) {
#mizubeFaq .faqQ li.icoImg{ width: 16%; float: none;}
#mizubeFaq .faqQ li{width: 100%; float: left; text-align: left;}
#mizubeFaq .faqQ li .balloon{padding: 15px 20px; max-width: 100%;margin: 15px 10px; font-size: 18px;}
#mizubeFaq .faqQ li .balloon:before { top: -24px;  left: 10%; margin-left: -15px; border: 12px solid transparent; border-bottom: 12px solid #FFF; z-index: 2;}
#mizubeFaq .faqQ li .balloon:after { top: -30px; left: 10%; margin-left: -17px; border: 14px solid transparent; border-bottom: 14px solid #43b1f0; z-index: 1; }
#mizubeFaq .faqQ li .balloon span.icoFAQ img{ width: 26px;}
}

#mizubeFaq .faqA{ max-width:1200px; margin: 0 auto; overflow: hidden;}
#mizubeFaq .faqA li.icoImg{ width: 10%; float: left;}
#mizubeFaq .faqA li{width: 90%; float: left; text-align: left;}
#mizubeFaq .faqA li .balloon{position: relative; display: block; padding: 15px 20px; max-width: 80%; text-align: left; background: #FFF; border: solid 3px #fe8894; box-sizing: border-box; border-radius: 20px; line-height: 140%; margin: 20px 20px 20px 20%; font-size: 24px;}
#mizubeFaq .faqA li .balloon:before {content: "";  position: absolute; bottom: 70%; right: -27px; margin-bottom: -14px; border: 14px solid transparent; border-left: 14px solid #FFF;z-index: 2;}
#mizubeFaq .faqA li .balloon:after { content: ""; position: absolute; bottom: 70%; right: -31px; margin-bottom: -14px; border: 14px solid transparent; border-left: 14px solid #fe8894;
  z-index: 1; }
#mizubeFaq .faqA li .balloon span.icoFAQ img{ width: 26px;}
@media screen and (max-width: 768px) {
#mizubeFaq .faqA li.icoImg{ width: 12%; float: none; margin: 0 0 0 88%;}
#mizubeFaq .faqA li{width: 100%; float: left; text-align: left;}
#mizubeFaq .faqA li .balloon{padding: 15px 20px; max-width: 100%;margin: 20px 10px 0; font-size: 18px;}
#mizubeFaq .faqA li .balloon:before {bottom: -14px; right: 10%; margin-bottom: -13px; border: 14px solid transparent; border-top: 14px solid #FFF;z-index: 2;}
#mizubeFaq .faqA li .balloon:after { content: ""; position: absolute; bottom: -14px; right: 10%; margin-bottom: -17px; border: 14px solid transparent; border-top: 14px solid #fe8894;
  z-index: 1; }
}

/*みずべについて*/
#mizubeAbout{position: relative; background-image: url(../img/mizube/concept/bottomline.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain; padding: 100px 0 200px;}

#mizubeService{ position: relative; padding: 0; background-image: url(../img/mizube/concept/service_bg.png); background-position: top center; background-repeat: repeat; background-color: #c9eafb;}
#mizubeService #seviceArea{ position: relative; width: 100%; max-width: 1200px; padding: 400px 0 500px; margin: 0 auto; background-image: url(../img/mizube/concept/service000.png); background-repeat: no-repeat; background-position: top 50% center; height: 500px;}

#mizubeService #seviceArea h5{font-size: 18px; margin: 20px 0 0 0;}
#mizubeService #seviceArea span{ display: block;}
#mizubeService #seviceArea #seviceHiroba{ position: absolute; left: 0; top: 100px; width: 50%; background-image: url(../img/mizube/concept/service001.png); background-repeat: no-repeat; background-size: contain; background-position: center; padding: 100px 0;}

#mizubeService #seviceArea #seviceHitotoki{ position: absolute; left: 0; bottom: 100px; width: 50%; background-image: url(../img/mizube/concept/service003.png); background-repeat: no-repeat; background-size: contain; background-position: center; padding: 100px 0;}

#mizubeService #seviceArea #seviceSoudan{ position: absolute; right: 0; top: 400px; width: 33%; background-image: url(../img/mizube/concept/service002.png); background-repeat: no-repeat; background-size: contain; background-position: center; padding: 100px 0;}

#mizubeService #seviceArea #bird19{position: absolute ; width: 15%; top: 200px; right: 5%;}
#mizubeService #seviceArea #items_001{position: absolute ; width: 25%; bottom: 100px; right: 20%;}

@media screen and (max-width: 768px) {
#mizubeAbout{padding: 1px 0 40px;}
#mizubeService{ background-size: contain;}
#mizubeService #seviceArea{ position: relative; padding: 180px 0 40px; background-image: url(../img/mizube/concept/service000.png); background-repeat: no-repeat; background-position: top 10px center; height:auto; background-size: 180px;}
#mizubeService #seviceArea h5{font-size: 14px; margin: 0px 0 0 0;}
#mizubeService #seviceArea span{ display: inline;}
#mizubeService #seviceArea #seviceHiroba{ position: relative; left: auto; top: auto; width: calc(100% - 40px); background-image: none;padding: 20px 10px; text-align: left; background-color: #fffceb; border-radius: 10px; margin: 20px 10px;}
#mizubeService #seviceArea #seviceHitotoki{ position: relative; left: auto; bottom: auto; width: calc(100% - 40px); background-image: none;padding: 20px 10px; text-align: left; background-color: #f7ffdb; border-radius: 10px; margin: 20px 10px;}
#mizubeService #seviceArea #seviceSoudan{ position: relative; left: auto; top: auto; width: calc(100% - 40px); background-image: none;padding: 20px 10px; text-align: left; background-color: #ffebed; border-radius: 10px; margin: 20px 10px;}
#mizubeService #seviceArea #items_001{ width: 25%; top: 0px; right: 10%;}
#mizubeService #seviceArea #bird19{width: 15%; top: 40px; right: 70%;}
}

#mizubeAccess{position: relative; background-image: url(../img/mizube/concept/lineup_bg.png); background-repeat: repeat; background-size: contain; background-color: #fff5f5; padding: 60px 0;}
#mizubeAccess #lineupTop{ position: absolute; top: -100px; width: 100%;}
#mizubeAccess #lineupbottom{ position: absolute; bottom: -10px; width: 100%;}

#mizubeAccess ul.mizubeLineUp{ width: 100%; overflow: hidden; display: flex; flex-wrap:wrap; }
#mizubeAccess ul.mizubeLineUp li{width: calc(50% - 40px); margin: 20px 20px; background: #fff; float: left;  text-align: left;}
#mizubeAccess ul.mizubeLineUp li h3{padding: 0px 20px; color: #fff;}

#mizubeAccess ul.mizubeLineUp li .mapS{ margin: 10px 0 0 0;}
#mizubeAccess ul.mizubeLineUp li p{font-size: 16px; line-height: 160%; padding: 10px;}
@media screen and (max-width: 768px) {
#mizubeAccess{padding:20px 0 40px;}
#mizubeAccess ul.mizubeLineUp li{width:100%; margin: 10px 0px;float: none; }
#mizubeAccess ul.mizubeLineUp li h3{padding: 3px 10px;}
#mizubeAccess ul.mizubeLineUp li p{font-size: 14px; line-height: 160%; padding: 10px;}
#mizubeAccess #lineupTop{ position: absolute; top: -40px; width: 100%;}
#mizubeAccess #lineupbottom{ position: absolute; bottom: -10px; width: 100%;}
}

/*みずべの各センター index*/
#mizubeC001{ position: relative;}
#mizubeC001 #chara008{ position: absolute; width: 24%; top: 0; right: -24%;}
#mizubeC001 #birds_001{ position: absolute; width: 14%; top: 0; right: 0%;}
#mizubeC001 ul.mizubeAct{ overflow: hidden; display: flex; flex-wrap:wrap; }
#mizubeC001 ul.mizubeAct li{width: calc(33.333333% - 40px); padding: 20px; float: left; text-align: left;}
#mizubeC001 ul.mizubeAct li div{padding: 0 10px;}

#mizubeC002{ position: relative;}
#mizubeC002 #infoBg{background-repeat: no-repeat; background-position: center; background-size: cover; max-width: 1360px; padding: 120px 20px; margin: 0px auto; position: relative;}
#mizubeC002 #infoBg.ariakeBg{ background-image: url(../img/mizube/ariake/bg_m005.png);}
#mizubeC002 #infoBg.minamisunaBg{ background-image: url(../img/mizube/minamisuna/bg_m005.png);}
#mizubeC002 #infoBg.fukagawaBg{ background-image: url(../img/mizube/fukagawa/bg_m005.png);}
#mizubeC002 #infoBg.oojimaBg{ background-image: url(../img/mizube/oojima/bg_m005.png);}
#mizubeC002 #infoBg.toyoBg{ background-image: url(../img/mizube/toyo/bg_m005.png);}
#mizubeC002 #infoBg.toyosuBg{ background-image: url(../img/mizube/toyosu/bg_m005.png);}
@media screen and (max-width: 768px) {
#mizubeC002 #infoBg.ariakeBg{ background-image: url(../img/mizube/ariake/bg_m005s.png);}
#mizubeC002 #infoBg.minamisunaBg{ background-image: url(../img/mizube/minamisuna/bg_m005s.png);}
#mizubeC002 #infoBg.fukagawaBg{ background-image: url(../img/mizube/fukagawa/bg_m005s.png);}
#mizubeC002 #infoBg.oojimaBg{ background-image: url(../img/mizube/oojima/bg_m005s.png);}
#mizubeC002 #infoBg.toyoBg{ background-image: url(../img/mizube/toyo/bg_m005s.png);}
#mizubeC002 #infoBg.toyosuBg{ background-image: url(../img/mizube/toyosu/bg_m005s.png);}
}

#mizubeC002 #infoBg ul{width:calc(100% - 40px); max-width: 1080px; margin: 0 auto; padding: 20px; overflow: hidden; display: flex; flex-wrap:wrap; }
#mizubeC002 #infoBg ul li{ width: calc(25% - 20px); padding: 10px; float: left;
}
#mizubeC002 #infoBg #chara_012{position: absolute; top: -24%; left: 0%; width: 24%;}
#mizubeC002 #infoBg #chara_003{position: absolute; bottom: 0%; right: 0%; width: 16%;}

#mizubeC002 ul.youtube{margin: 40px 10px 0; display: flex; flex-wrap:wrap; overflow: hidden;}
#mizubeC002 ul.youtube li{width: calc(33.333333% - 60px); padding: 0 30px 20px; float: left; text-align: left;}
#mizubeC002 ul.youtube li div.youtubeBg{ position:relative; width:calc(100% - 10px); height:0; padding-top:75%;  margin: 0 0 15px;}
#mizubeC002 ul.youtube li div.boxSh_ariake{ box-shadow: 10px 10px 0px 0 #8e58dd; }
#mizubeC002 ul.youtube li div.boxSh_minamisuna{ box-shadow: 10px 10px 0px 0 #f6e267; }
#mizubeC002 ul.youtube li div.boxSh_fukagawa{ box-shadow: 10px 10px 0px 0 #fe8894; }
#mizubeC002 ul.youtube li div.boxSh_oojima{ box-shadow: 10px 10px 0px 0 #89ba2a; }
#mizubeC002 ul.youtube li div.boxSh_toyo{ box-shadow: 10px 10px 0px 0 #43b1f0; }
#mizubeC002 ul.youtube li div.boxSh_toyosu{ box-shadow: 10px 10px 0px 0 #f49737; }
#mizubeC002 ul.youtube li div.youtubeBg iframe{position:absolute; top:0; left:0; width:100%;height:100%;}

#mizubeC002 #chara_010{position: absolute; width: 16%; left: 10%; top: -40%;}
#mizubeC002 #items_001{position: absolute; width: 20%; right: 10%; top: -40%;}
#mizubeC002 #chara_010H{position: absolute; width: 16%; left: 10%; top: -20%;}
#mizubeC002 #items_001H{position: absolute; width: 20%; right: 10%; top: -20%;}
#mizubeC002 #chara_010L{position: absolute; width: 16%; left: 10%; top: -60%;}
#mizubeC002 #items_001L{position: absolute; width: 20%; right: 10%; top: -60%;}


#h2Youtube{position:relative; overflow:visible;}
#h2Youtube #chara_010{ position:absolute; width:240px; top:-180px; left:-200px;}
#h2Youtube #items_001{ position:absolute; width:300px; top:-100px; right:-260px;}



#mizubeC002 .bg_008 h4 #chara_010h4{position: absolute; width: 15%; left: 10%; top: -220px;}
#mizubeC002 .bg_008 h4 #items_001h4{position: absolute; width: 20%; right: 10%; top: -220px;}

#mizubeC002 #items_004{position: absolute; width: 12%; left: 10px; top:-30px}


#mizubeC003{ position: relative; background-image: url(../img/mizube/common/bg_m009.png); background-position: center bottom; background-repeat: no-repeat;background-color:#c9eafb;}

#mizubeC003 ul{ overflow: hidden;}
#mizubeC003 ul li{width: calc(50% - 10px); float:left; padding: 10px 5px; text-align: left;}
#mizubeC003 #chara_002{ position: absolute; width: 22%; top: -10%; right: 0%;}
#mizubeC003 #items_003{ position: absolute; width: 14%; top: -12%; left: 0%;}

@media screen and (max-width: 1500px) {
#mizubeC001 #chara008{ position: absolute; width: 18%; top: -60%; right: 0%;}
}
@media screen and (max-width: 1200px) {
#mizubeC001 #chara008{ position: absolute; width: 12%; top:-120px; right: 0%;}
#mizubeC002 #infoBg{ background-size: cover; padding: 60px 10px; margin: 20px auto;}
#h2Youtube #chara_010{ position:absolute; width:200px; top:-120px; left:-120px;}
#h2Youtube #items_001{ position:absolute; width:240px; top:-100px; right:-200px;}

}
@media screen and (max-width: 960px) {
#mizubeC002 #items_004{width: 16%; left: 10px; top:-30px}
#mizubeC003 #chara_002{ width: 22%; top: -8%; right: 0%;}
#mizubeC003 #items_003{ width: 14%; top: -9%; left: 0%;}
#mizubeC002 .bg_008 h4 #chara_010h4{display: none;}
#mizubeC002 .bg_008 h4 #items_001h4{display: none;}
#h2Youtube #chara_010{width:140px; top:-120px; left:-120px;}
#h2Youtube #items_001{width:220px; top:-120px; right:-160px;}
}

@media screen and (max-width: 768px) {
#mizubeC001 ul.mizubeAct li{ width: calc(50% - 10px); padding: 10px 5px;}
#mizubeC002 #infoBg ul{width:100%; margin: 0 auto; padding: 10px 0px; }
#mizubeC002 #infoBg ul li{ width: calc(50% - 10px); padding:0 5px; }
#mizubeC002 #infoBg{ background-image: url(../img/mizube/ariake/bg_m005s.png); background-size: cover; padding: 60px 10px; margin: 20px auto;}
#mizubeC002 #infoBg #chara_012{top:-140px; left: 0%; width: 24%;}
#mizubeC002 #infoBg #chara_003{position: absolute; bottom: 0%; right: 0%; width: 16%;}
#mizubeC002 ul.youtube{margin: 20px 0 0;}
#mizubeC002 ul.youtube li{width: calc(50% - 20px); padding: 0 10px 20px;}
#mizubeC002 #chara_010{display: none;}
#mizubeC002 #items_001{display: none;}
#mizubeC002 #chara_010H{display: none;}
#mizubeC002 #items_001H{display: none;}
#mizubeC002 #chara_010L{display: none;}
#mizubeC002 #items_001L{display: none;}
#h2Youtube #chara_010{display: none;}
#h2Youtube #items_001{display: none;}
#mizubeC002 ul.youtube li div.youtubeBg{ width:calc(100% - 5px);  margin: 0 0 10px;}
#mizubeC002 ul.youtube li div.boxSh_ariake{ box-shadow: 5px 5px 0px 0 #8e58dd; }
#mizubeC002 ul.youtube li div.boxSh_minamisuna{ box-shadow: 5px 5px 0px 0 #f6e267; }
#mizubeC002 ul.youtube li div.boxSh_fukagawa{ box-shadow: 5px 5px 0px 0 #fe8894; }
#mizubeC002 ul.youtube li div.boxSh_oojima{ box-shadow: 5px 5px 0px 0 #89ba2a; }
#mizubeC002 ul.youtube li div.boxSh_toyo{ box-shadow: 5px 5px 0px 0 #43b1f0; }
#mizubeC002 ul.youtube li div.boxSh_toyosu{ box-shadow: 5px 5px 0px 0 #f49737; }
#mizubeC003 ul li{width: calc(100% - 10px); float:none; padding: 10px 5px; line-height: 160%;}
}
@media screen and (max-width: 540px) {
#mizubeC002 ul.youtube li{width: calc(50% - 10px); padding: 0 5px 20px;}
#mizubeC002 ul.youtube li div.youtubeBg{ width:calc(100% - 2px);  margin: 0 0 10px;}
#mizubeC002 ul.youtube li div.boxSh_ariake{ box-shadow: 2px 2px 0px 0 #8e58dd; }
#mizubeC002 ul.youtube li div.boxSh_minamisuna{ box-shadow: 2px 2px 0px 0 #f6e267; }
#mizubeC002 ul.youtube li div.boxSh_fukagawa{ box-shadow: 2px 2px 0px 0 #fe8894; }
#mizubeC002 ul.youtube li div.boxSh_oojima{ box-shadow: 2px 2px 0px 0 #89ba2a; }
#mizubeC002 ul.youtube li div.boxSh_toyo{ box-shadow: 2px 2px 0px 0 #43b1f0; }
#mizubeC002 ul.youtube li div.boxSh_toyosu{ box-shadow: 2px 2px 0px 0 #f49737; }
#mizubeC001 #chara008{display: none;}
#mizubeC001 #birds_001{display: none;}
#mizubeC002 #infoBg #chara_012{display: none;}
#mizubeC002 #infoBg #chara_003{display: none;}
#mizubeC002 #items_004{width: 20%; left: 10px; top:-50px}
#mizubeC003 #chara_002{display: none;}
#mizubeC003 #items_003{display: none;}
#mizubeC003 ul li p.sizeL{ margin: 0 0 10px 0;}
}

/*みずべの各センター コンセプト*/
#mizubeConcept{ position: relative;}
#mizubeConcept ul.hoursUl{ overflow: hidden;}
#mizubeConcept ul.hoursUl li.imgArea{ width: calc(35% - 40px); padding: 20px; float: left;}
#mizubeConcept ul.hoursUl li.txtArea{ width: calc(65% - 40px); padding: 20px; float: left; text-align: left;}

#mizubeConcept #aboutBg{ background-image: url(../img/mizube/ariake/con_bg_m001.png); background-size: cover; background-position: center top; padding: 60px 10px; margin: 20px auto 0; max-width: 1620px;}
#mizubeConcept #aboutBg #chara_012{position: absolute; width: 16%; top: -50px; left: 8%;}
#mizubeConcept #aboutBg ul{overflow: hidden; max-width: 1400px; margin: 40px auto; display: flex; flex-wrap:wrap; }
#mizubeConcept #aboutBg ul li{ width: calc(25% - 20px); padding: 0px 10px 30px; float: left;}
#mizubeConcept #aboutBg ul li:nth-child(even){ padding: 15px 10px;}
#mizubeConcept #aboutBg ul li h5{line-height: 120%;}


#mizubeConcept table.timeT{background: #fff; width:calc(100% - 24px); margin: 10px auto;}
#mizubeConcept table.timeT th , #mizubeConcept table.timeT td{border: #ccc 1px solid; padding: 10px 20px; text-align: center; font-size: 16px;}

@media screen and (max-width: 768px) {
#mizubeConcept table.timeTth , #mizubeConcept table.timeT td{font-size: 14px; padding: 10px 10px; }
}
@media screen and (max-width: 540px) {
#mizubeConcept table.timeT th , #mizubeConcept table.timeT td{font-size: 14px; white-space: nowrap; padding: 5px 5px; }
}


/*メインスライドに重ねる部分*/
@media screen and (max-width: 1200px) {
#mizubeConcept #aboutBg #chara_012{width: 20%; top: -40px; left: 4%;}
}
@media screen and (max-width: 960px) {
#mizubeConcept #aboutBg #chara_012{width: 20%; top: -20px; left: 4%;}
}
@media screen and (max-width: 768px) {
#mizubeConcept #aboutBg #chara_012{width: 20%; top: 0px; left: 1%;}
#mizubeConcept ul.hoursUl li.imgArea{ width: calc(100% - 20px); padding: 10px; float: none;}
#mizubeConcept ul.hoursUl li.txtArea{ width: calc(100% - 20px); padding: 10px; float: none;}
#mizubeConcept #aboutBg{ background-image: url(../img/mizube/ariake/con_bg_m001s.png); padding: 40px 10px; margin: 20px auto 0;}
#mizubeConcept #aboutBg ul li{ width: calc(33.33333% - 20px);}
}
@media screen and (max-width: 540px) {
#mizubeConcept #aboutBg #chara_012{ display:none;}
#mizubeConcept #aboutBg ul{margin: 20px auto; }
#mizubeConcept #aboutBg ul li{ width: calc(50% - 10px); padding: 0px 5px 20px;}
#mizubeConcept #aboutBg ul li:nth-child(even){ padding: 10px 5px;}
}

/*みずべの各センター 活動紹介*/
#mizubeAct{ position: relative;}
#mizubeAct .birds_015{ width: 80%; margin: 60px auto 0; max-width:420px;}
#mizubeAct ul.act3{ overflow: hidden; margin: 30px auto; display: flex; flex-wrap:wrap; }
#mizubeAct ul.act3 li{ width: calc(33.333333% - 40px); padding: 0 20px 20px; float: left; margin: 0;}
#mizubeAct ul.act3 li:nth-child(even){ padding: 20px 20px 0;}
#mizubeAct ul.act3 li.item2{margin: 0 0 0 16.666666%;}
#mizubeAct ul.act3 li.col1{padding: 0 20px 20px;}
#mizubeAct ul.act3 li.col2{ width: calc(66.333333% - 40px); padding:20px 20px;}
#mizubeAct ul.act3 li p{text-align: left;}
@media screen and (max-width: 960px) {
#mizubeAct ul.act3 li{ width: calc(33.333333% - 20px); padding: 0 10px 20px;}
#mizubeAct ul.act3 li:nth-child(even){ padding: 20px 10px 0;}
#mizubeAct ul.act3 li.col1{padding: 0 10px 20px;}
#mizubeAct ul.act3 li.col2{ width: calc(66.333333% - 20px); padding:20px 10px;}
}
@media screen and (max-width: 768px) {
#mizubeAct .birds_015{ margin: 20px auto 10px; }
#mizubeAct ul.act3{margin: 20px auto 0;}
#mizubeAct ul.act3 li{ width: calc(50% - 6px); padding: 0 3px 10px;}
#mizubeAct ul.act3 li:nth-child(even){ padding: 0 3px 10px;}
#mizubeAct ul.act3 li.item2{margin: 0 0 0 0;}
#mizubeAct ul.act3 li.col1{padding: 0 3px 20px; margin:0 25%;}
#mizubeAct ul.act3 li.col2{ width: calc(100% - 6px); padding:10px 3px; float: none;}
}

/*みずべの各センター 利用案内*/
#mizubeGuide{ position: relative;}
#mizubeGuide ul{ overflow: hidden; margin: 30px auto; display: flex; flex-wrap:wrap; }
#mizubeGuide ul li.guideIco{ width: calc(16% - 40px); float: left; padding: 20px;}
#mizubeGuide ul li.guideExp{ width: calc(84% - 40px); padding: 20px; float: left; text-align: left;}
#mizubeGuide ul li.guideExp dl{ overflow: hidden;}
#mizubeGuide ul li.guideExp dl dt{ float: left; width: 60%;}
#mizubeGuide ul li.guideExp dl dd{ float: left; width: calc(40% - 20px); padding: 0 10px;}
@media screen and (max-width: 768px) {
#mizubeGuide ul li.guideIco{ width: calc(16% - 10px); padding: 10px 5px;}
#mizubeGuide ul li.guideExp{ width: calc(84% - 10px); padding: 10px 5px;}

}
@media screen and (max-width: 540px) {
#mizubeGuide ul li.guideIco{ width:15%; float: none; padding: 10px 0 0; margin: 0 auto;}
#mizubeGuide ul li.guideExp{ width:100%; padding: 10px 0px; float: none;}
#mizubeGuide ul li.guideExp dl dt{ float: none; width: 100%;}
#mizubeGuide ul li.guideExp dl dd{ float: none; width:100%; padding: 10px 0 20px; margin: 0 auto;}
}

/*#イベントページ*/
#eventPage{ position: relative;}
div.tabBg{ margin: 60px 0; position: relative;}
div.tabBg div#chara001{ position: absolute; right: 0; width: 8%;}
#eventPage .radiusBgfff #chara002{ position: absolute; right: 0; width: 150px; top: -180px;}
#eventPage ul.eventEnd{ max-width: 900px; margin: 40px auto; overflow: hidden;}
#eventPage ul.eventEnd li.imgLi{ width:16%; float: left;}
#eventPage ul.eventEnd li.txtLi{width:84%; float: left; padding: 40px 0 0 0;}
#eventPage #eventUsa{ width: 80%; max-width: 560px; margin: 0 20% 0 0;}

@media screen and (max-width: 1200px) {
div.tabBg div#chara001{ display: none;}
}
@media screen and (max-width: 960px) {
#eventPage .radiusBgfff #chara002{width: 100px; top: -120px;}
}
@media screen and (max-width: 768px) {
#eventPage .radiusBgfff #chara002{width: 80px; top: -90px;}
}
@media screen and (max-width: 540px) {
div.tabBg{ margin: 20px 0; position: relative;}
#eventPage .radiusBgfff #chara002{width: 60px; top: -60px;}
}
div.tabBg .content_area{ margin: 40px 0 40px;}

/* 20240305タブデザイン変更のため、使用停止
div.tabBg ul.tab_area{width: 100%; overflow: hidden; max-width: 960px; margin: 0 auto; position: relative;}
div.tabBg ul.tab_area li{display:block; float:left; width: calc(20% - 4px); cursor: pointer; font-size: 30px; padding: 60px 0 20px 0; margin: 0 2px; background-repeat: no-repeat; background-position: center;}
div.tabBg ul.tab_area li#tab1{ color: #43b1f0;background-image: url(../img/event/tab_bg001.png); background-size: contain;}
div.tabBg ul.tab_area li#tab2{ color: #f4a200;background-image: url(../img/event/tab_bg002.png); background-size: contain;}
div.tabBg ul.tab_area li#tab3{ color: #e60011;background-image: url(../img/event/tab_bg003.png); background-size: contain;}
div.tabBg ul.tab_area li#tab4{ color: #6db92a;background-image: url(../img/event/tab_bg004.png); background-size: contain;}
div.tabBg ul.tab_area li#tab5{ color: #fe8894; background-image: url(../img/event/tab_bg005.png); background-size: contain;}

div.tabBg ul.tab_area li.select#tab1{ border-bottom: #43b1f0 4px dashed;}
div.tabBg ul.tab_area li.select#tab2{ border-bottom: #f4a200 4px dashed;}
div.tabBg ul.tab_area li.select#tab3{ border-bottom: #e60011 4px dashed;}
div.tabBg ul.tab_area li.select#tab4{ border-bottom: #6db92a 4px dashed;}
div.tabBg ul.tab_area li.select#tab5{ border-bottom: #fe8894 4px dashed;}
div.tabBg .hide{display:none;}

@media screen and (max-width: 960px) {
div.tabBg ul.tab_area li{font-size: 24px; padding: 40px 0 15px 0;}
}
@media screen and (max-width: 768px) {
div.tabBg ul.tab_area li{font-size: 24px; padding: 30px 0 10px 0;}
.eventCtrl{font-size: 18px;}
}
@media screen and (max-width: 540px) {
div.tabBg ul.tab_area li{font-size: 14px; padding: 25px 0 8px 0; margin: 0; width: 20%;}
div.tabBg ul.tab_area li.select#tab1{ border-bottom: #43b1f0 2px dashed;}
div.tabBg ul.tab_area li.select#tab2{ border-bottom: #f4a200 2px dashed;}
div.tabBg ul.tab_area li.select#tab3{ border-bottom: #e60011 2px dashed;}
div.tabBg ul.tab_area li.select#tab4{ border-bottom: #6db92a 2px dashed;}
div.tabBg ul.tab_area li.select#tab5{ border-bottom: #fe8894 2px dashed;}
.eventCtrl{font-size: 16px;}
div.tabBg .content_area{ margin: 20px 0 40px;}
}

*/

div.tabBg ul#tab202404{width: 100%; overflow: hidden; max-width: 960px; margin: 0 auto; position: relative;}
div.tabBg ul.tab_area#tab202404 li{display:block; float:left; width: calc(20% - 4px); cursor: pointer; font-size: 30px; padding: 2.5em 0 1.3em 0; margin: 0 2px; background-repeat: no-repeat; background-position: center;}
div.tabBg ul.tab_area#tab202404 li.line2{padding: 2em 0 0.8em 0;}
div.tabBg ul.tab_area#tab202404 li#tab1{ color: #43b1f0;background-image: url(../img/event/tab_bg001h.png); background-size: contain;}
div.tabBg ul.tab_area#tab202404 li#tab2{ color: #fe8894;background-image: url(../img/event/tab_bg002h.png); background-size: contain;}
div.tabBg ul.tab_area#tab202404 li#tab3{ color: #f4a200;background-image: url(../img/event/tab_bg003h.png); background-size: contain;}
div.tabBg ul.tab_area#tab202404 li#tab4{ color: #e60011;background-image: url(../img/event/tab_bg004h.png); background-size: contain;}
div.tabBg ul.tab_area#tab202404 li#tab5{ color: #6db92a; background-image: url(../img/event/tab_bg005h.png); background-size: contain;}

div.tabBg ul.tab_area#tab202404 li.select#tab1{ border-bottom: #43b1f0 4px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab2{ border-bottom: #fe8894 4px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab3{ border-bottom: #f4a200 4px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab4{ border-bottom: #e60011 4px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab5{ border-bottom: #6db92a 4px dashed;}
div.tabBg .hide{display:none;}

div.eventMyLink{margin:16px auto 0;}

@media screen and (max-width: 960px) {
div.tabBg ul.tab_area#tab202404 li{font-size: 24px;}
div.tabBg ul.tab_area#tab202404 li.line2{font-size: 24px;}
}
@media screen and (max-width: 768px) {
div.tabBg ul.tab_area#tab202404 li{font-size: 18px;}
div.tabBg ul.tab_area#tab202404 li.line2{font-size: 18px;}
.eventCtrl{font-size: 18px;}
}
@media screen and (max-width: 540px) {
div.tabBg ul.tab_area#tab202404 li{font-size: 12px; margin:0; width: 20%; padding: 2.6em 0 1.2em 0;}
div.tabBg ul.tab_area#tab202404 li.line2{font-size: 12px; margin:0; width: 20%; padding: 2em 0 0.8em 0;}
div.tabBg ul.tab_area#tab202404 li.select#tab1{ border-bottom: #43b1f0 2px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab2{ border-bottom: #fe8894 2px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab3{ border-bottom: #f4a200 2px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab4{ border-bottom: #e60011 2px dashed;}
div.tabBg ul.tab_area#tab202404 li.select#tab5{ border-bottom: #6db92a 2px dashed;}

.eventCtrl{font-size: 16px;}
div.tabBg .content_area{ margin: 20px 0 40px;}
}

a.roundFontS{ font-size:18px;}
@media screen and (max-width: 540px) {
a.roundFontS{ font-size:16px;}
}

.eventCtrl{ font-size: 24px; padding: 10px; background:#f5f5f5;}
.eventCtrl a{border: none; color: #808080;}
.eventCtrl a:hover{border: none; color: #333; cursor:pointer;}
.eventCtrl ul{ overflow: hidden;}
.eventCtrl ul li{width: calc(50% - 20px); padding: 0 10px; float: left; text-align: left; line-height: 100%;}
.eventCtrl ul li:last-child{text-align: right;}
.eventCtrl ul li input[type="text"] { font-size: 18px; color: #808080; font-weight: 700; border: #ccc 1px solid; border-radius: 5px; padding: 3px; width: 140px; text-align: center;}
@media screen and (max-width: 768px) {
.eventCtrl{font-size: 16px; padding: 5px;}
.eventCtrl ul li{width: calc(50% - 8px); padding: 4px;}
.eventCtrl ul li:last-child{width: calc(50% - 8px); padding: 7px 4px 1px 4px ; line-height: 100%;}
.eventCtrl ul li input[type="text"] { font-size: 14px; width: 110px; padding: 2px;}
}


/*ひとときrefreshページ*/
#refresh{ position: relative; background: #c9eafb;}
#refresh .bg_part1{ background: url(../img/refresh/bg_001.png) no-repeat top; padding: 120px 0 0 0;}
@media screen and (max-width: 768px) {
#refresh .bg_part1{ background: url(../img/refresh/bg_001s.png) no-repeat top; padding: 40px 0 0 0;}
}

#refresh div.h2Bg{ position: relative; width: 60%; margin: 0 auto; max-width: 790px;}
#refresh div.h2Bg div{ position: absolute; text-align: center; top: 10%; right:0; width: 80%; text-align: center;}
#refresh div.h3Bg{ position: relative; width: 60%; margin: 0 auto 100px 0; max-width: 623px;}
#refresh div.h3Bg div{ position: absolute; text-align: center; top: 15%; left:0; width: 70%; text-align: center;}
#refresh div.h3Bg div h2{margin: 0 auto;}
@media screen and (max-width: 1200px) {
#refresh div.h2Bg{width: 70%;}
#refresh div.h2Bg div{top: 15%;}
#refresh div.h3Bg{ width: 55%;}
#refresh div.h3Bg div{top: 15%;}
}
@media screen and (max-width: 960px) {
#refresh div.h2Bg div{top: 20%;}
}
@media screen and (max-width: 768px) {
#refresh div.h2Bg{width: 80%;}
}
@media screen and (max-width: 540px) {
#refresh div.h2Bg{width: 100%;}
#refresh div.h2Bg div{top: 15%;}
#refresh div.h3Bg{ width: 90%; margin:0 auto 80px 0;}
#refresh div.h3Bg div{top: 12%;}
#refresh div.h3Bg div h2{margin: 5px auto 0;}

}

#refresh ul.about{ max-width:1200px; margin: 0 auto 150px; overflow: hidden;}
#refresh .about li.icoImg{ width:16%; float: left; padding-top:80px;}
#refresh .about li{width: 84%; float: left; text-align: left;}
#refresh .about li .balloon{position: relative; display: block; padding: 15px 20px;text-align: left; background: #FFF; border: solid 3px #1a95d5; box-sizing: border-box; border-radius: 20px; line-height: 140%; margin: 20px 0 20px;}
#refresh .about li .balloon:before {content: "";  position: absolute; bottom: 60%; right: -27px; margin-bottom: -14px; border: 14px solid transparent; border-left: 14px solid #FFF;z-index: 2;}
#refresh .about li .balloon:after { content: ""; position: absolute; bottom: 60%; right: -31px; margin-bottom: -14px; border: 14px solid transparent; border-left: 14px solid #1a95d5;
  z-index: 1; }

#refresh .about li .balloon ul{ overflow: hidden;}
#refresh .about li .balloon ul li.imgArea{ width: 32%; float: left;}
#refresh .about li .balloon ul li.txtArea{ width:calc(68% - 20px); float: right; padding:0 10px; font-size: 24px; line-height: 140%;}

@media screen and (max-width: 768px) {
#refresh ul.about{margin: 0 auto 60px; }
#refresh .about li.icoImg{ width: 30%; float: none; margin: 0 0 0 70%; padding: 0;}
#refresh .about li{width: 100%; float: none; text-align: left;}
#refresh .about li .balloon{padding: 15px 20px; max-width: 100%;margin: 20px 10px 0; font-size: 18px;}
#refresh .about li .balloon:before {bottom: -14px; right: 24%; margin-bottom: -13px; border: 14px solid transparent; border-top: 14px solid #FFF;z-index: 2;}
#refresh .about li .balloon:after { content: ""; position: absolute; bottom: -14px; right: 24%; margin-bottom: -17px; border: 14px solid transparent; border-top: 14px solid #1a95d5;
  z-index: 1; }
}
@media screen and (max-width: 540px) {
#refresh .about li .balloon ul li.imgArea{ width: 80%; float: none; margin:  0 auto;}
#refresh .about li .balloon ul li.txtArea{ width:100%; float: none; padding:10px 0; font-size: 16px;}
}

#refresh .borderBox{ border: #1a95d5 2px solid; border-radius: 30px; padding: 60px 40px; text-align: left; position: relative; background: #fff; font-size: 24px; line-height: 140%; margin:0 10px 140px ;}
#refresh .borderBox h3.kumoBg{background: url(../img/refresh/h4_bg.png) no-repeat; background-size: contain; padding: 10px; width: 360px; height: 110px; line-height: 110px; color:#1a95d5; text-align: center; position: absolute; top: -70px ; left: -5px; }
#refresh .borderBox h3.kumoBgW{background: url(../img/refresh/h4_bgw.png) no-repeat; background-size: contain; padding: 10px; width: 512px; height: 110px; line-height: 110px; color:#1a95d5; text-align: center; position: absolute; top: -70px ; left: -5px; }
#refresh .borderBox h3.kumoBgWW{background: url(../img/refresh/h4_bgww.png) no-repeat; background-size: contain; padding: 10px; width: 620px; height: 110px; line-height: 110px; color:#1a95d5; text-align: center; position: absolute; top: -70px ; left: -5px; }
#refresh .borderBox h3.posR{position: absolute; top: -70px ; right: -5px; left: auto; }
#refresh .borderBox #birds_005r{ position: absolute; width: 180px; right: -200px;}
@media screen and (max-width: 1600px) {
#refresh .borderBox #birds_005r{ display: none;}
}

@media screen and (max-width: 1200px) {
#refresh .borderBox h3.kumoBg{width: 340px; height: 101px; line-height: 101px; }
#refresh .borderBox h3.kumoBgW{width: 380px; height: 80px; line-height: 80px;}
#refresh .borderBox h3.kumoBgWW{width: 500px; height: 90px; line-height: 90px;}
}
@media screen and (max-width: 960px) {
#refresh .borderBox h3.kumoBg{width: 280px; height: 80px; line-height: 80px; }
}
@media screen and (max-width: 540px) {
#refresh .borderBox{ border-radius: 20px; padding: 20px 10px;font-size: 16px;  margin:0 10px 60px ;}
#refresh .borderBox h3.kumoBg{width: 224px; height: 62px; line-height: 58px; top: -60px ; }
#refresh .borderBox h3.kumoBgW{width: 240px; height: 80px; line-height: 50px; top: -40px ; }
#refresh .borderBox h3.kumoBgWW{width: 340px; height: 56px; line-height: 56px; top: -40px ;}
#refresh .borderBox h3.posR{top: -60px ;}
}
#refresh .mizubeTable{ margin: 40px auto; width: 80%;}

#refresh .mizubeTable tr th , .mizubeTable tr td{ border: #cecece 1px solid; padding: 10px; text-align: center;}
#refresh .mizubeTable tr th{background: #f7f9cc;} 
@media screen and (max-width: 960px) {
#refresh .mizubeTable{ width: 100%;}
#refresh .mizubeTable tr th , .mizubeTable tr td{padding: 5px; font-size: 18px;}
}

#refresh .mizubeUl li{ margin: 10px 0; font-size: 16px;}

#refresh .bg_part2{ background: url(../img/refresh/bg_002.png) no-repeat top; padding: 120px 0;}
@media screen and (max-width: 768px) {
#refresh .bg_part2{ background: url(../img/refresh/bg_002s.png) no-repeat top; padding: 40px 0;}
}
#refresh .bg_part2 #items_002{ width: 80%; margin: 0 0 0 20px; max-width:400px;}
#refresh .borderBox p{ margin: 0 0 20px 0;}
#refresh .borderBox #kumousaBg{ width: 100%; height: 100px; position: relative;}
#refresh .borderBox #kumousaBg p{ position: absolute; bottom: -120px; width: 30%; right: -60px; max-width: 300px;}
@media screen and (max-width: 1200px) {
#refresh .borderBox #kumousaBg p{ bottom: -100px; right: -40px;}
}
@media screen and (max-width: 768px) {
#refresh .borderBox #kumousaBg{ height: 40px; position: relative;}
#refresh .borderBox #kumousaBg p{ bottom: -80px; right: -20px;}
}
#refresh ul#mizube8{ margin: 0px auto;}
#refresh #kamomeTxt{position: relative;}
#refresh #kamomeTxt img{ width: 20%; max-width: 210px;}
#refresh #kamomeTxt p{ position: absolute; bottom: 0; left:20%; margin: 0;}
@media screen and (max-width: 768px) {
#refresh #kamomeTxt p{font-size: 16px;}
}

#refresh .borderBox #birds_018{ position: absolute; width: 200px; left: -160px;}
@media screen and (max-width: 1500px) {
#refresh .borderBox #birds_018{ display: none;}
}

/*マイページ*/
#myPage{ background: #fff5f5;}
#myPage div.h2Bg{ position: relative; width: 65%; margin: 0px auto 0px; max-width: 790px;}
#myPage div.h2Bg div{ position: absolute; text-align: center; top: 12%; right:0; width: 80%; text-align: center;}
#myPage div.errorBg{border:#ff4c4c 2px solid; margin:0 10px; border-radius:10px;}
@media screen and (max-width: 1200px) {
#myPage div.h2Bg{width: 70%;}
#myPage div.h2Bg div{top: 18%;}
}
@media screen and (max-width: 960px) {
#myPage div.h2Bg div{top: 18%;}
}
@media screen and (max-width: 768px) {
#myPage div.h2Bg{width: 80%;}
#myPage div.h2Bg div{top: 20%;}
}
@media screen and (max-width: 540px) {
#myPage div.h2Bg{width: 94%; margin: 40px auto 20px;}
#myPage div.h2Bg div{top: 18%;}
}

#myPage ul.mizubeT{ overflow: hidden; display: flex; margin: 40px auto;}
#myPage ul.mizubeT li{ width: calc(12.5% - 22px); float: left; margin: 10px; border:#000 1px solid; border-radius: 15px;  font-size: 24px; line-height: 120%; transition: 0.6s; position: relative;}

#myPage ul.mizubeT li.fukagawa{ border-color: #fe8894;}
#myPage ul.mizubeT li.toyosu{border-color: #f49737;}
#myPage ul.mizubeT li.ariake{border-color: #85529f;}
#myPage ul.mizubeT li.toyo{border-color: #43b1f0;}
#myPage ul.mizubeT li.oojima{ border-color: #6db92a;}
#myPage ul.mizubeT li.minamisuna{border-color: #ffba0a;}

#myPage ul.mizubeT li.kameido{border-color: #2bba5b;}
#myPage ul.mizubeT li.sumiyoshi{border-color: #5787f7;}

#myPage ul.mizubeT li.fukagawa:hover{ background: #fe8894;}
#myPage ul.mizubeT li.toyosu:hover{ background: #f49737;}
#myPage ul.mizubeT li.ariake:hover{ background: #85529f;}
#myPage ul.mizubeT li.toyo:hover{ background: #43b1f0;}
#myPage ul.mizubeT li.oojima:hover{ background: #6db92a;}
#myPage ul.mizubeT li.minamisuna:hover{ background: #ffba0a;}

#myPage ul.mizubeT li.kameido:hover{ background: #2bba5b;}
#myPage ul.mizubeT li.sumiyoshi:hover{ background: #5787f7;}

#myPage ul.mizubeT li.fukagawa a{ color: #fe8894;}
#myPage ul.mizubeT li.toyosu a{ color: #f49737;}
#myPage ul.mizubeT li.ariake a{ color: #85529f;}
#myPage ul.mizubeT li.toyo a{ color: #43b1f0;}
#myPage ul.mizubeT li.oojima a{ color: #6db92a;}
#myPage ul.mizubeT li.minamisuna a{ color: #ffba0a;}

#myPage ul.mizubeT li.kameido a{ color: #2bba5b;}
#myPage ul.mizubeT li.sumiyoshi a{ color: #5787f7;}

#myPage ul.mizubeT li.fukagawa a.current{background: #fe8894;}
#myPage ul.mizubeT li.toyosu a.current{ background: #f49737;}
#myPage ul.mizubeT li.ariake a.current{ background: #85529f;}
#myPage ul.mizubeT li.toyo a.current{ background: #43b1f0;}
#myPage ul.mizubeT li.oojima a.current{ background: #6db92a;}
#myPage ul.mizubeT li.minamisuna a.current{ background: #ffba0a;}

#myPage ul.mizubeT li.kameido a.current{ background: #2bba5b;}
#myPage ul.mizubeT li.sumiyoshi a.current{ background: #5787f7;}

#myPage ul.mizubeT li a.current {color: #fff;}

#myPage ul.mizubeT li.nowPri{ font-size: 18px; padding: 24px 0 0 0;}
#myPage ul.mizubeT li a{ display: block; padding: 15px 0; border-radius: 14px;}
#myPage ul.mizubeT li a:hover{color: #fff !important;}
@media screen and (max-width: 960px) {
#myPage ul.mizubeT{ margin: 20px auto;}
#myPage ul.mizubeT li{ width: calc(12.5% - 12px);margin: 5px; border:#000 1px solid; border-radius: 15px;  font-size: 18px; line-height: 120%; transition: 0.6s;}
#myPage ul.mizubeT li.nowPri{ font-size: 14px; padding: 18px 0 0 0;}
}
@media screen and (max-width: 768px) {
#myPage ul.mizubeT li{ width: calc(12.5% - 12px); float: left; margin: 5px; border:#000 1px solid; border-radius: 10px;  font-size: 16px;}
#myPage ul.mizubeT li a{ border-radius: 9px;}
#myPage ul.mizubeT li.nowPri{ font-size: 12px; padding: 24px 0 0 0;}
}
@media screen and (max-width: 540px) {
#myPage ul.mizubeT li{width: calc(12.5% - 2px); margin:5px 1px 5px 0; font-size: 11px;border-radius: 5px; }
#myPage ul.mizubeT li a{ border-radius: 4px;}
#myPage ul.mizubeT li.nowPri{ font-size: 10px; padding: 10px 0 0 0;}
#myPage ul.mizubeT li span{display: block;}
}

#myPage p{margin: 15px auto;font-size: 18px; line-height: 140%;}
#myPage p.note{ border: #1a95d5 1px solid; padding:15px; text-align: left; border-radius: 15px; margin: 30px 0;}
@media screen and (max-width: 768px) {
#myPage p{margin: 15px auto;font-size: 16px;}
#myPage p.note{ padding:10px; border-radius: 10px;  margin: 20px 0;}
}
@media screen and (max-width: 540px) {
#myPage p{margin: 15px auto;font-size: 14px;}
}
#myPage p.btnArea{ margin: 20px 0; text-align: right;}
#myPage p.btnArea a{ display: inline-block; background: #1a95d5; padding: 10px 50px ; color: #fff; border-radius: 10px; border: #1a95d5 1px solid; transition: 0.6s; margin:0 0 0 10px}
#myPage p.btnArea a:hover{ color: #1a95d5; background: #fff;}
@media screen and (max-width: 768px) {
#myPage p.btnArea{ margin: 20px 0; text-align: center;}
#myPage p.btnArea a{ display:block;padding: 6px 0; margin:0 0 10px 0;}
}

#myPage table.refeshCal.refeshCal{ width: 100%;}
#myPage table.refeshCal th , #myPage table.refeshCal td{ border: #cecece 1px solid; font-size: 30px; padding: 10px; width: 14%;}
#myPage table.refeshCal th.sunD{ color: #ff4c4c;}
#myPage table.refeshCal th.satD{ color: #1a95d5;}
#myPage table.refeshCal td.sunBg{ background:#fff2f2;}
#myPage table.refeshCal td.satBg{ background:#f2fbff;}
#myPage table.refeshCal td div{ margin: 30px 0 0 0; font-size: 24px; white-space: nowrap;}
#myPage table.refeshCal td div.full{ margin: 10px 0 0 0; font-size: 18px;}
#myPage table.refeshCal td div.full div{margin: 0; font-size: 18px;}
#myPage table.refeshCal td div.full p{border-bottom: #ccc 1px dashed; padding: 2px 5px 0 5px; display: inline-block; margin: 0;}

#myPage table.refeshCal td div.full a.bgG{ display: inline-block; color: #fff; border: #6db92a 1px solid; background: #6db92a; border-radius: 5px; margin: 0 0 5px 0; padding: 3px 10px;}
#myPage table.refeshCal td div.full a.bgG:hover{background: #fff; color: #6db92a;}

#myPage table.refeshCal td div.full a.bgB{ display: inline-block; color: #fff; border: #43b1f0 1px solid; background: #43b1f0; border-radius: 5px; margin: 0 0 5px 0; padding: 3px 10px;}
#myPage table.refeshCal td div.full a.bgB:hover{background: #fff; color: #43b1f0;}

#myPage table.refeshCal td div.full a.bgR{ display: inline-block; color: #fff; border: #ff5353 1px solid; background: #ff5353; border-radius: 5px; margin: 0 0 5px 0; padding: 3px 10px;}
#myPage table.refeshCal td div.full a.bgR:hover{background: #fff; color: #ff5353;}

#myPage table.refeshCal td div.full a.bgO{ display: inline-block; color: #fff; border: #f49737 1px solid; background: #f49737; border-radius: 5px; margin: 0 0 5px 0; padding: 3px 10px;}
#myPage table.refeshCal td div.full a.bgO:hover{background: #fff; color: #f49737;}

@media screen and (max-width: 768px) {
#myPage table.refeshCal th , #myPage table.refeshCal td{ font-size: 18px; padding: 5px;}
#myPage table.refeshCal td div{ margin: 30px 0 0 0; font-size: 18px; }
#myPage table.refeshCal td div.full{ margin: 10px 0 0 0; font-size: 14px;}
#myPage table.refeshCal td div.full p{padding: 0 5px 5px;}
}
@media screen and (max-width: 540px) {
#myPage table.refeshCal th , #myPage table.refeshCal td{ font-size: 16px; padding: 2px;}
#myPage table.refeshCal td div{ margin: 24px 0 0 0; font-size: 14px; }
#myPage table.refeshCal td div.full{ margin: 10px 0 0 0; font-size: 14px;}
#myPage table.refeshCal td div.full p{padding: 0 2px 2px; font-size: 12px;}
#myPage table.refeshCal td div.full a.bgG , #myPage table.refeshCal td div.full a.bgB ,#myPage table.refeshCal td div.full a.bgR ,#myPage table.refeshCal td div.full a.bgO
{margin: 0 0 5px 0; padding: 2px 2px; font-size: 12px;}
}

/* 横スクロールするご予約カレンダー*/
#myPage div.scrollBg {margin: 0; padding: 10px 0;}
#myPage div.scrollBg table.refeshCal td p.fukaSS{font-size: 14px; margin:5px 0 0 0; min-height: 2.4em; line-height: 1.2em;color: #0e81c1;}
#myPage div.scrollBg table.refeshCal td p.morishita{font-size: 14px; margin:5px 0 0 0; min-height: 1.7em; line-height: 1.2em; padding-top: .7em;color: #ea5413;}
@media screen and (max-width: 768px) {
#myPage div.js-scrollable table.refeshCal {width: 768px !important;}
#myPage div.scrollBg table.refeshCal td p.fukaSS{font-size: 12px; margin: 0;}
#myPage div.scrollBg table.refeshCal td p.morishita{font-size: 12px; margin: 0;}
}

#myPage a.openMypage{ display: inline-block; background: #1a95d5; padding: 15px 50px ; color: #fff; border-radius: 15px; border: #1a95d5 1px solid; transition: 0.6s; font-size: 30px; margin: 40px auto;}
#myPage a.openMypage:hover{ color: #1a95d5; background: #fff;}
@media screen and (max-width: 768px) {
#myPage a.openMypage{ padding: 10px 30px ;border-radius: 10px; font-size: 24px; margin: 25px auto;}
}

/*予約申込 抽選申込*/
#myPage .resDate{ width: 100%; max-width: 940px; margin: 10px auto; background: #fcfce8; border-radius: 10px; padding: 10px 0; text-align: center; color: #1a95d5; font-size: 24px;}
#myPage .lotDate{ width: 100%; max-width: 940px; margin: 10px auto; background: #fcfce8; border-radius: 10px; padding: 10px 0; text-align: center; color: #f49737; font-size: 24px;}

@media screen and (max-width: 768px) {
#myPage .resDate{font-size: 16px;}
#myPage .lotDate{font-size: 16px;}
}


/*マイページ*/
.js-scrollable{ margin: 0 0 60px 0; min-height:80px;}
#areaEvent .js-scrollable{ margin: 0 0 0 0;}
#myPage table.mypageTop4{ width: 920px;}
#myPage table.mypageTop4 p{margin: 0 10px 5px 10px;}
#myPage table.mypageTop4 p span{margin: 0 20px 0 0;}
#myPage table.mypageTop4 th{ width:228px; background: #fcfce8; text-align: center; vertical-align: middle; white-space: nowrap; padding: 15px 0; border: #ccc 1px solid;}

#myPage table.mypageTop4 td{ background: #fff; text-align: center; vertical-align: middle; white-space: nowrap; padding: 15px 0; border: #ccc 1px solid;}
#myPage table.mypageTop4 td.col3{width: 690px; text-align: left; padding-left: 10px;}
#myPage table.mypageTop4 td p a.bgB{ display: inline-block; color: #fff; border: #43b1f0 1px solid; background: #43b1f0; border-radius: 5px; margin: 0 0 5px 0; padding: 3px 10px;}
#myPage table.mypageTop4 td p a.bgB:hover{background: #fff; color: #43b1f0;}
#myPage table.mypageTop4 td p a.bgO{ display: inline-block; color: #fff; border: #f49737 1px solid; background: #f49737; border-radius: 5px; margin: 0 0 5px 0; padding: 3px 10px;}
#myPage table.mypageTop4 td p a.bgO:hover{background: #fff; color: #f49737;}
@media screen and (max-width: 768px) {
.js-scrollable{ margin: 0 0 30px 0;}
#myPage table.mypageTop4{ width: 800px;}
#myPage table.mypageTop4 th , #myPage table.mypageTop4 td{ width: 198px; padding: 10px 0;}
#myPage table.mypageTop4 th.col3{ text-align: left; padding-left: 10px;}
#myPage table.mypageTop4 td.col3{width: 588px;}
#myPage table.mypageTop4 p{margin: 0 0 0px 0;}
}


/*子育て応援情報配信*/
#service{position: relative; padding: 300px 0 0 0; background: #e5f7ff;}
#service #serviceBg{position: relative; background: url(../img/service/bg_m001.png) , linear-gradient(#e5f7ff, #a1d7f7);  background-position: top center; background-repeat: no-repeat;}
#service .mailBg{ background:rgba(255,255,255,.8); border-radius: 20px; padding: 40px 0 20px;}
#mail001{position: absolute; width: 9%; right: 25%; top: -70px;}
#mail002{position: absolute; width: 16%; right: 25%; top: -100px;}
#mail003{position: absolute; width: 18%; right: 25%; top: -80px;}
#mail004{position: absolute; width: 12%; left: 36%; top: -100px;}
@media screen and (max-width: 1200px) {
#service{padding: 180px 0 0 0;}
}
@media screen and (max-width: 960px) {
#mail002{width: 12%; right: 25%; top: -50px;}
#mail003{width: 18%; right: 30%; top: -50px;}
#mail004{width: 14%; left: 36%; top: -80px;}
}
@media screen and (max-width: 768px) {
#service{position: relative; padding: 120px 0 0 0;}
#service #serviceBg{position: relative; background: url(../img/service/bg_m001s.png) , linear-gradient(#e5f7ff, #a1d7f7);background-position: top center; background-repeat: no-repeat; background-size: contain;}
#mail001{width: 12%; right: 0; top: -40px;}
#mail002{width: 16%; right: 2%; top: -50px;}
#mail003{width: 18%; right: 40%; top: -50px;}
#mail004{width: 14%; left: 50%; top: -60px;}
}
@media screen and (max-width: 540px) {
#mail001{width: 18%; right: -10px; top: -40px;}
#mail002{width: 20%; right: -10px; top: -70px;}
#mail003{width: 30%; right: 50%; top: -40px;}
#mail004{width: 20%; left: 60%; top: -46px;}
}


/*児童館*/
#jidokan{ position: relative;}
#jidokanInfo{ background-color: #fffce5; background-image: url(../img/jidokan/bg_m001.png); background-position: bottom center; background-repeat: no-repeat; padding:0 0 280px 0;}
@media screen and (max-width: 768px) {
#jidokanInfo{ background-image: url(../img/jidokan/bg_m001s.png);  padding:0 0 200px 0; background-size: contain;}
}

#jidokanAbout{ background-color: #f3ffdb; background-image: url(../img/jidokan/bg_m002.png); background-position: top center; background-repeat: no-repeat; padding:0  0;}
#jidokan .fff08Bg{max-width: 1200px; padding: 20px; margin: 100px 10px; background: rgba(255,255,255,.8); border-radius:20px; text-align: left; position: relative;}
#jidokan .fff08Bg ul.jidokan3{ margin: 0 auto; overflow: hidden;}
#jidokan .fff08Bg ul.jidokan3 li{width: calc(33.333333% - 40px); padding: 20px; float: left;}
@media screen and (max-width: 768px) {
#jidokanAbout{ background-image: url(../img/jidokan/bg_m002s.png); background-size: contain; background-position:1%;}
#jidokan .fff08Bg{padding: 10px; margin: 40px 0;  border-radius:10px;}
#jidokan .fff08Bg ul.jidokan3 li{width:33.33333%; padding: 10px 0px;}
}

#jidokanCal{ background-color: #c9eafb; background-image: url(../img/jidokan/bg_m004.png); background-position: top center; background-repeat: no-repeat; padding:0  0;}


#jidokanList{ background: #fcfce8;}
#jidokanList ul.exp{ overflow: hidden; margin: 0 auto 60px; max-width: 1200px;}
#jidokanList ul.exp li.jidokanmap{ width: calc(40% - 20px); float: left; padding: 10px;} 
#jidokanList ul.exp li.jidokanExp{ width: calc(50% - 20px); float: left; padding: 10px; text-align: left;}

#jidokanList ul.list{ overflow: hidden; margin: 0 auto; max-width: 1200px; background: #fffcf5;}
#jidokanList ul.list li{width: calc(50% - 40px); float: left; padding: 20px; text-align: left;}
@media screen and (max-width: 768px) {
#jidokanList ul.exp{ margin: 0 auto 0px;}
#jidokanList ul.exp li.jidokanmap{ width: calc(100% - 20px); float: none;} 
#jidokanList ul.exp li.jidokanExp{ width: calc(100% - 20px); float: none;}
#jidokanList ul.list li{width: calc(100% - 20px); float: none; padding:0 10px;}
}

.accTitle{ padding:10px 10px 10px 60px; border-radius: 10px; text-align: left; color: #fff; font-size: 30px; margin:0 0 10px 0; background-image: url(../img/jidokan/ico_jidokan.png); background-repeat: no-repeat; background-position: 10px 50%;}
.accTitle span{float: right;padding:8px; background: #fff; border-radius: 5px; font-size: 18px; display: inline; margin-top: -2px;}
.accTitle span.ifClose{display: inline;}
.accTitle.open span.ifClose{display: none;}
.accTitle span.ifOpen{display: none;}
.accTitle.open span.ifOpen{display: inline;}
.accTitle:hover{cursor: pointer;}
.accContents{display: none; padding: 10px; border-bottom: #808080 1px dashed; margin: 0 0 20px 0;}
.accContents .mapBg{ position:relative; width:100%; height:0; padding-top:75%;}
.accContents .mapBg iframe{position:absolute; top:0; left:0; width:100%;height:100%;}
@media screen and (max-width: 768px) {
.accTitle{ padding:5px 5px 5px 50px; border-radius: 10px; text-align: left; color: #fff; font-size: 24px; margin:0 0 10px 0; background-position: 10px 50%; background-size: 30px;}
.accTitle span{padding:5px;font-size: 14px; margin-top: 0px;}
.accContents{padding: 0px; margin: 0 0 20px 0;}
}


#jidokanList .niteList{max-width: 1200px; padding: 20px 20px 60px 20px; margin: 100px 10px; background: #c9eafb; border-radius:20px; text-align: center; position: relative;}
#jidokanList .niteList h2 #birds_016r{position: absolute; width: 20%; right: -10px; top: -10px;}
#jidokanList .niteList .niteJidokan{background: #fff; margin: 40px 20px; border-radius: 20px;}
#jidokanList .niteList .niteJidokan p{display: inline-block; width: calc(19% - 40px); margin: 20px;}
#jidokanList .niteList .niteJidokan p a{display:block; border-radius: 10px; color: #fff; padding: 10px 0px; font-size: 24px; opacity: 1;}
#jidokanList .niteList .niteJidokan p a:hover{opacity: 0.6;}
#jidokanList .niteList .niteJidokan p span{display:block; border-radius: 10px; color: #fff; padding: 10px 0px; font-size: 24px; opacity: 1; background:#1a95d5;}
#jidokanList .niteList a span.sizeS{font-size:80%; display:block; margin:5px auto 0;}
@media screen and (max-width: 540px) {
#jidokanList .niteList{padding: 10px 10px 60px 10px; margin: 40px 0;border-radius:10px;}
#jidokanList .niteList .niteJidokan{ margin: 20px 5px; border-radius: 10px; padding: 10px;}
#jidokanList .niteList .niteJidokan p{width: calc(32.33333% - 10px); margin: 5px; padding: 0;}
#jidokanList .niteList .niteJidokan p a{border-radius: 10px; color: #fff; padding: 10px 10px; font-size: 16px; opacity: 1;}
#jidokanList .niteList .niteJidokan p span{border-radius: 10px; color: #fff; padding: 10px 10px; font-size: 16px; opacity: 1;}
}


#jidokanList .tempList{max-width: 1200px; padding: 20px 20px 60px 20px; margin: 100px 10px; background: #f7f9cc; border-radius:20px; text-align: center; position: relative;}
#jidokanList .tempList .tempJidokan p{display: inline-block; width: calc(20% - 48px); padding: 20px;}
@media screen and (max-width: 768px) {
#jidokanList .tempList{padding: 15px 15px 40px 15px; margin: 60px 0;border-radius:10px;}
#jidokanList .tempList .tempJidokan p{width: calc(25% - 24px); padding: 10px;}
}
@media screen and (max-width: 540px) {
#jidokanList .tempList{padding: 10px 10px 60px 10px; margin: 40px 0;border-radius:10px;}
#jidokanList .tempList .tempJidokan p{width: calc(33.333333% - 12px); padding: 5px;}
}

#jidokanCal #icobird{position: absolute; width: 53%; top:120px; right: -20%;}
#jidokanCal #birds_002{position: absolute; width: 12%; top:0px; left:0;}
#jidokanList #insect_001{position: absolute; width: 20%; top:-20px; left:-10%;}

@media screen and (max-width: 1200px) {
#jidokanCal #icobird{ width: 53%; top:80px; right: -10%;}
}
@media screen and (max-width: 768px) {
#jidokanCal #icobird{ width: 53%; top:30px; right: -10%;}
#jidokanCal #birds_002{width: 12%; top:0px; left:0;}
}
@media screen and (max-width: 540px) {
#jidokanCal #icobird{ width: 53%; top:25px; right: 0%;}
#jidokanCal #birds_002{ display: none;}
#jidokanList #insect_001{width: 20%; top:-20px; left: -1%;}
}
#listTop{padding-top: 0; margin-top: 0;}
@media screen and (max-width: 768px) {
#listTop{padding-top: 80px; margin-top: -80px;}
}


/*お問い合わせ*/
#contactPage{position: relative;}

/*ハンドブック*/
#handBook{position: relative;}

#handBook ul.handBookLink{ width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden;}
#handBook ul.handBookLink li.handbookImg{ width:calc(33.33333% - 20px); padding: 10px; float: left;}
#handBook ul.handBookLink li.handbookText{ width: calc(66.666666% - 20px); padding:10px; float: left;}

#handBook ul.handBookLink li.handbookText dl{ width: 100%; overflow: hidden; border-bottom: #ccc 1px dashed; color: #808080; background: #fff;}
#handBook ul.handBookLink li.handbookText dl.titleDl{ background: #1a95d5; border: none; color: #fff;}
#handBook ul.handBookLink li.handbookText dl dt{ width: 70%; float: left; text-align: left;} 
#handBook ul.handBookLink li.handbookText dl dd{ width: 15%; float: left;} 
#handBook ul.handBookLink li.handbookText dl dt p , #handBook ul.handBookLink li.handbookText dl dd p{font-size: 18px; margin: 10px; line-height: 140%;}
@media screen and (max-width: 768px) {
#handBook ul.handBookLink li.handbookImg{ width:50%; padding: 10px 0; float: none; margin: 10px auto;}
#handBook ul.handBookLink li.handbookText{ width: 100%; padding:10px 0; float: none;}
#handBook ul.handBookLink li.handbookText dl dt{ width: 60%;} 
#handBook ul.handBookLink li.handbookText dl dd{ width: 20%;} 
#handBook ul.handBookLink li.handbookText dl dt p {font-size: 14px; margin: 10px 3px;}
#handBook ul.handBookLink li.handbookText dl.titleDl dd p{font-size: 14px; margin: 10px 3px; font-weight: 500;}
 #handBook ul.handBookLink li.handbookText dl dd p{font-size: 18px; margin: 10px 3px; font-weight: 700;}
}

#google_translate_element{width: auto; overflow: hidden!important; margin: 0 auto; height:30px !important}
#google_translate_element span{border: none!important;}
#google_translate_element .goog-te-gadget-simple{padding: 5px 10px!important;}




/*新着情報一覧（プライバシーポリシーも兼用）*/
#newsIndex{padding: 150px 0; background: #fcfce8;}
#newsIndex .breadC{ text-align: left; margin: 10px 10px 20px;font-size: 18px;}
.newsContent{ max-width: 1240px; margin: 0 auto; padding: 0 20px;}
ul.newsUl{ overflow: hidden; margin: 60px 0;}
ul.newsUl li{float: none; text-align: left; font-size: 24px; padding: 10px; margin: 5px 0; background: transparent; transition: 0.6s all; border-radius: 20px;}
ul.newsUl a:hover li{ background: #fce6d7;}
ul.newsUl li p.newsDate{ margin: 0 0 5px 0; color: #808080;}
ul.newsUl li h3{ font-size: 24px; border: none;}
ul.newsUl li h3 .newsIco{ display:inline-block; width:130px; color:#fff; text-align:center; padding:2px; margin:0 5px 0 0; font-size:21px}
ul.newsUl li p.newsTxt{ margin: 0; color: #808080;}
@media screen and (max-width: 960px) {
#newsIndex{padding: 80px 0;}
ul.newsUl li{font-size: 20px;}
ul.newsUl li h3{ font-size: 18px; line-height: 120%;}
ul.newsUl li h3 .newsIco{width:110px; font-size:16px}
}
@media screen and (max-width: 768px) {
#newsIndex .breadC{font-size: 16px;}
#newsIndex{padding: 50px 0 0 0 ;}
ul.newsUl{margin: 0;}
ul.newsUl li{font-size: 14px;}

}
@media screen and (max-width: 540px) {
ul.newsUl{margin: 0;}
ul.newsUl li{font-size: 14px; padding: 5px; margin: 5px 0;}
ul.newsUl li h3{ font-size: 16px; line-height: 140%;}
ul.newsUl li h3 .newsIco{width:90px; font-size:14px; padding:1px 0;}
}

/*個別新着情報記事*/
#newsSingle{padding: 150px 0 0; background: #fcfce8; text-align: left;}
#newsSingle #singleContents{ margin: 0 auto; font-size: 18px; padding: 10px 10px 120px 10px; max-width: 980px; overflow-wrap: break-word;}
#newsSingle #singleContents .breadC{ text-align: left; margin: 10px 10px 20px; line-height:120%}
#newsSingle #singleContents .date{ text-align: right;  margin:10px 0;}
#newsSingle #singleContents img{ width: auto; max-width: 100%; margin:10px 0;}
#newsSingle #singleContents p{ line-height: 140%; font-size: 100%;}
#newsSingle #singleContents .navLink{ overflow: hidden; margin: 20px 0;}
#newsSingle #singleContents .navLink li.newLink{ width: 50%; float: left; text-align: left;}
#newsSingle #singleContents .navLink li.oldLink{ width: 50%; float: right; text-align: right;}
@media screen and (max-width: 960px) {
#newsSingle{padding: 80px 0;}
}
@media screen and (max-width: 768px) {
#newsSingle{padding: 50px 0 0 0;}
#newsSingle #singleContents{font-size: 16px; padding: 10px 10px 60px 10px;}
#newsSingle #singleContents .navLink{ overflow: hidden; margin: 10px; font-size: 14px;}
}


/*margin padding*/
.mt0{margin-top: 0px !important;}
.mt05{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb40{margin-bottom: 40px !important;}
.mb60{margin-bottom: 60px !important;}
.mH10{ margin-left: 10px !important; margin-right: 10px !important;}
.mH15{ margin-left: 15px !important; margin-right: 15px !important;}
.mH20{ margin-left: 20px !important; margin-right: 20px !important;}
.padd0{padding: 0;}

/*アンカーズレ*/
#link001 , #link002 , #link003 , #link004 , #link005 , #link006 , #link007{ margin-top:0px; padding-top:0px;}
#mizubeMap{ margin-top:0px; padding-top:0px;}
#mizubehours{ margin-top:0px; padding-top:0px;}
#formT , #formtop{ margin-top:0px; padding-top:0px;}
@media screen and (max-width: 768px) {
#link001 , #link002 , #link003 , #link004 , #link005 , #link006 , #link007{ margin-top:-60px; padding-top:60px;}
#mizubeMap{ margin-top:-75px; padding-top:75px;}
#mizubehours{ margin-top:-100px; padding-top:100px;}
#formT , #formtop{ margin-top:-120px; padding-top:120px;}
}

/* #topcontrol------------------------------------------------------------ */
#topcontrol{width: 120px; height: 120px;bottom: 30px; right: 30px;}
#topcontrol img{opacity: 1; transition: 0.8s}
#topcontrol:hover img{opacity: 0.7}
@media screen and (max-width: 768px) {
#topcontrol{width: 90px; height: 90px;bottom: 10px; right: 10px;}
}


/*フッターバナー*/
#footerBnr{background-color: #c9eafb; padding: 100px 0 180px;background-image: url(../img/footer/footer_bg.png);background-repeat: no-repeat; background-position:bottom  center; background-size: cover; }
#footerBnr ul#mizubeBnr3{ width: 100%; max-width: 900px; margin: 10px auto; overflow: hidden; display: flex; flex-wrap:wrap;}
#footerBnr ul#mizubeBnr3 li{width: calc(33.333333% - 20px); float: left; margin: 10px;}
#footerBnr ul#mizubeBnr3 li p.bnrTitle{ text-align: center; font-size: 14px; margin: 0 0 5px 0; line-height: 140%;}
#footerBnr ul#mizubeBnr3 li p.bnrExt{ text-align: left; font-size: 12px; margin: 5px 0 0 0; line-height: 140%;}
#footerBnr ul#mizubeBnr3 li img.bnr_hok_org{margin-top: 3.2%;}
@media screen and (max-width: 1200px) {
#footerBnr{background-size: contain; }
}
@media screen and (max-width: 768px) {
#footerBnr{padding: 10px 0 80px; background-image: url(../img/footer/footer_bg-s.png);}
#footerBnr ul#mizubeBnr3 li{width: calc(50% - 20px);margin: 10px;}
#footerBnr ul#mizubeBnr3 li img.bnr_hok_org{margin-top:0%;}
}
@media screen and (max-width: 540px) {
#footerBnr{padding: 10px 0 80px;}
#footerBnr ul#mizubeBnr3 li{width: calc(50% - 6px);margin: 6px 3px;}
/*#footerBnr ul#mizubeBnr3 li{width: calc(100% - 60px);margin: 10px 30px;}*/
#footerBnr ul#mizubeBnr3 li p.bnrTitle{ font-size: 9px; margin: 0 0 5px 0; line-height: 120%;}
#footerBnr ul#mizubeBnr3 li p.bnrExt{ font-size: 10px; margin: 5px 0 0 0; line-height: 120%;}
}

/* footer ------------------------------------------------------------ */
#footer{background-color: #77d1f6; padding: 20px 0; background-image: url(../img/footer/footer_001.png), url(../img/footer/footer_002.png); background-repeat: no-repeat; background-position: top left, top right; background-size: 20%, 20%; }

ul#fLink{ width: 100%; max-width: 1200px; margin: 50px auto 0; overflow: hidden;}
ul#fLink li{ width:33.33333%; float: left;}
ul#fLink li div{margin: 10px;color: #fff; }
ul#fLink li div p{text-align: left; margin: 0 0  10px 0; line-height: 160%}
ul#fLink li div p a{color: #fff; font-size: 16px; font-weight: 700; border-bottom: transparent 1px dashed;}
ul#fLink li div p a:hover{ border-bottom: #fff 1px dashed;}
#fTxt{ margin: 10px auto; color: #fff; line-height: 140%;font-size: 16px; font-weight: 700; }
#fCopy{ margin: 0 auto; color: #fff; line-height: 140%;font-size: 12px; font-weight: 500; }
@media screen and (max-width: 540px) {
#footer{background-size: 40%, 40%; }
ul#fLink li{ width:100%; float: none;}
ul#fLink li div{margin: 0 10px;}
ul#fLink li div p{line-height: 180%}
ul#fLink li div p a{font-size: 16px;}
#fTxt{  line-height: 140%;font-size: 14px;}
#fCopy{ margin: 10px auto; color: #fff; line-height: 140%;font-size: 12px; font-weight: 500; }
}
/* addBnr ------------------------------------------------------------ */
#addBnr{ width: 100%; padding: 10px 0; text-align: center; background: #fff;}
ul#addBnrUl{ max-width: 965px; margin: 0 auto; overflow: hidden; display: flex; flex-wrap:wrap;}
ul#addBnrUl li{width: calc(20% - 20px); float: left; padding:10px;}
ul#addBnrUl li a{border: none;}
@media screen and (max-width: 768px) {
ul#addBnrUl li{width: calc(33.333333% - 10px); float: left; padding: 5px 5px;}
}
@media screen and (max-width: 540px) {
ul#addBnrUl li{width: calc(50% - 10px); float: left; padding: 5px 5px;}
}
/* kotoTop ------------------------------------------------------------ */
#kotoTop{ width: 100%; padding: 10px 0; text-align: center; background: #fff;}
#kotoTop #kotoFlogo{ width: 50%; max-width: 200px; margin: 0 auto 10px;}
#kotoTop #kotoFlogo a{border: none;}


/* navi navi navi navi------------------------------------------------------------ */
/* header */
#top-head {width: 100%; margin: 0 auto 0; z-index: 9999; height: 230px; position: relative; background-image: url(../img/index/mainv_topline.png); background-position: bottom; background-repeat: no-repeat;}

/*#navHead*/
#top-head #navHead{ background: #1a95d5; z-index: 99999; position: relative; border-top: #ffb622 2px solid;}
#top-head #navHead div#headLink{width: calc(100% - 20px); max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 5px 10px}

form#navHeadSearchBox{ float: right; height: 25px; line-height: 23px;}
form#navHeadSearchBox input[type="text"]{ padding: 3px 10px; border-radius: 30px; border: none; font-size: 16px; width: 200px}
form#navHeadSearchBox input[type="submit"]{ padding: 0 10px; border-radius: 20px; border: none; background: #fff; cursor: pointer; color:#1a95d5; font-weight: 700; font-size: 16px; transition: 0.6s;}
form#navHeadSearchBox input[type="submit"]:hover{ background: #ffb622; color: #fff;}
#ForeignL{ float: right; padding: 0 10px 0 20px; height: 25px; line-height: 25px; vertical-align: middle; margin-top:-1px;}
#ForeignL select#hl{ padding:3px 0; border-radius:20px; border:#fff 1px solid; color:#666;width:160px; text-align:center;}



@media screen and (max-width: 768px) {
form#navHeadSearchBox input[type="text"]{ padding: 3px 5px;font-size: 12px;}
form#navHeadSearchBox input[type="submit"]{ padding: 2px 5px;font-size: 12px;}
#ForeignL select#hl{ padding:1px 0; font-size: 12px; width:120px; text-align:center; background:#fff;}
}
@media screen and (max-width: 540px) {
form#navHeadSearchBox input[type="text"]{ width: 140px; text-align:center;}
form#navHeadSearchBox input[type="submit"]{ display: none;}

}

#top-head .logo { float: left; width: 28%; max-width: 380px; margin-top:26px;}
#top-head a {border: none !important;}

#top-head .inner { width: calc(100% - 20px); max-width:1600px; margin: 0 auto 0 0; padding:0 10px; position: relative;  margin-top:12px;}
#top-head .inner:after { content: ""; clear: both; display: block;}
#mobile-head #smpWave{ display: none;}
#global-nav ul#naviBody { list-style: none; position: absolute; right:0px; top:20px; max-width: 1200px; display: flex;}
#global-nav ul#naviBody li { float: left; position: relative; border-right:#cccccc 1px dashed; text-align: center; width:148px}
#global-nav ul#naviBody li#navCons{border:none;}

#global-nav ul#naviBody li a dl{ width: 100%; overflow: hidden;}
#global-nav ul#naviBody li a dl dt{width: 100%; float: none; text-align: center;}
#global-nav ul#naviBody li a dl dt img{width: 45%; margin: 0 0 0 0}
#global-nav ul#naviBody li a dl dd{ width: 100%; float: none; text-align: center;color: #43b1f0;}
#global-nav ul#naviBody li a dl dd span{display: block; margin: 10px 0 0 0; font-weight: 700; font-size: 18px;}
#global-nav ul#naviBody li a dl dd span.sizeL{ font-size: 21px; margin: 8px 0 0 0; }
#global-nav ul#naviBody li a dl dd span.sizeS{ font-size: 14px;}
#global-nav ul#naviBody li a dl dd span.sizeSS{ font-size: 12px;}
/* w1200 */
@media screen and (max-width: 1200px) {
#top-head {height: 218px;}
#top-head .logo {margin-top:20px;}
#global-nav ul#naviBody li { float: left; position: relative; border-right:#cccccc 1px dashed; text-align: center; width:120px}
#global-nav ul#naviBody li a dl dt img{width: 60%;}
#global-nav ul#naviBody li a dl dd span{margin: 6px 0 0 0; font-size: 14px;}
#global-nav ul#naviBody li a dl dd span.sizeL{ font-size: 16px; margin: 4px 0 0 0; }
#global-nav ul#naviBody li a dl dd span.sizeS{ font-size: 12px;}
#global-nav ul#naviBody li a dl dd span.sizeSS{ font-size: 10px;}
}
/* w980 */
@media screen and (max-width: 980px) {
#top-head {height: 194px;}
#top-head .logo {margin-top:24px;}
#global-nav ul#naviBody li { float: left; position: relative; border-right:#cccccc 1px dashed; text-align: center; width:100px}
#global-nav ul#naviBody li a dl dt img{width: 40%; margin: 0 0 10px 0;}
#global-nav ul#naviBody li a dl dd span{margin: 4px 0 0 0; font-size: 12px;}
#global-nav ul#naviBody li a dl dd span.sizeL{ font-size: 14px;}
#global-nav ul#naviBody li a dl dd span.sizeS{ font-size: 11px;}
#global-nav ul#naviBody li a dl dd span.sizeSS{ font-size: 10px;}
}


/* Hover UnderLine */
#global-nav ul#naviBody li:after { position: absolute; content: ""; display: block; width: 100%; height: 8px; bottom: -20px; transition: all 0.8s ease; border-radius: 10px;}
#global-nav ul#naviBody li:hover:after { background: #43b1f0; bottom: -10px;}
#global-nav ul#naviBody li#navMizube:after {bottom: -20x;}
#global-nav ul#naviBody li#navMizube:hover:after { background: #43b1f0; bottom: -20x;}
#global-nav ul#naviBody li#navMizube ul li:hover:after { background: none; bottom: -20x;}
#global-nav ul#naviBody li#navCHouse:after {bottom: -20x;}
#global-nav ul#naviBody li#navCHouse:hover:after { background: #43b1f0; bottom: -20x;}
#global-nav ul#naviBody li#navCHouse ul li:hover:after { background: none; bottom: -20x;}
/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 16px; top: 24px; width: 36px; height: 38px; cursor: pointer; z-index: 101;}
#nav-toggle div { position: relative;}
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #1a95d5; left: 0;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) { top: 0; background: #ffb622}
#nav-toggle span:nth-child(2) { top: 12px;}
#nav-toggle span:nth-child(3) { top: 24px;}

/* ここからスマフォ設定 */
@media screen and (max-width: 768px) {
#top-head { font-size: 14px;  width: 100%; margin: 0 auto 0;  z-index: 9999; height: 110px; position: fixed;}
#top-head .inner {  width: 100%;  padding: 0; z-index:9999; margin-top:0; height: 66px;}
#mobile-head { background: rgba(255,255,255,1);  width: 100%;  height: 74px;  z-index: 999;  position: relative; }
#mobile-head #smpWave{ display: block; position: absolute; bottom: -18px; height: 20px;  width: 100%; background: url(../img/index/mainv_topline.png); background-repeat: repeat-x; background-size: 200%;}
#top-head .logo {  position: absolute;  left: 13px;  top: 0px; width: 50%; max-width: 280px;margin-top:3px; text-align: left}

#global-nav {  position: absolute;  top: -490px; background:#1a95d5;  width: 100%;  text-align: center;  padding: 0;  -webkit-transition: 1.0s ease-in-out;  -moz-transition: 1.0s ease-in-out;  transition: 1.0s ease-in-out; }
#global-nav ul#naviBody {  list-style: none;  position: static;  right: 0;  bottom: 0; display: block;}
#global-nav ul#naviBody li {float: none; position: static; text-align:left; border:none; width: 100%; padding: 3px 0 0 0; border-bottom: #fff 1px solid;background-color: #47b6ef; background-image:repeating-linear-gradient(-45deg,#47b6ef, #47b6ef 12px,transparent 0, transparent 24px);}
#global-nav ul#naviBody li:after  {  display: none; }
#global-nav ul#naviBody li#navMizube{float: none; position:relative !important;}

#global-nav ul#naviBody li a dl{ width: 100%; overflow: hidden;}
#global-nav ul#naviBody li a dl dt{width:10%; float: left; margin: 0; background: #fff; padding:3px 0; border-radius: 8px;}
#global-nav ul#naviBody li a dl dt img{width: 80%; margin: 0 0 0 0}
#global-nav ul#naviBody li a dl dd{ width: calc(90% - 12px); float: left; text-align: left; padding: 6px; color: #fff; position: relative;}
#global-nav ul#naviBody li a dl dd span{display: inline; margin: 0 0 0 0; font-size: 16px;}
#global-nav ul#naviBody li a dl dd span.sizeL{ font-size: 16px;}
#global-nav ul#naviBody li a dl dd span.sizeS{ font-size: 16px;}
#global-nav ul#naviBody li a dl dd span.sizeSS{ font-size: 16px;}
#top-head #global-nav ul li a {  width: calc(100% - 40px);  display: block;  color: #ccc;  padding: 8px 20px;  font-size:16px;}

/* みずべ各センターのドロップメニュー用右のアイコン*/
#global-nav ul#naviBody li#navMizube ul#dropmenu li dl dd:after {display: block; content: ""; position: absolute; top: 50%; right:3px; width: 10px; height: 10px; margin: -8px 0 0 0; border-bottom: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); transition: all 0.6s ease-in;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li dl dd.navOpen:after  {margin: -4px 0 0 0; transform: rotate(225deg);}
/* 児童館のドロップメニュー用右のアイコン*/
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li dl dd:after {display: block; content: ""; position: absolute; top: 50%; right:3px; width: 10px; height: 10px; margin: -8px 0 0 0; border-bottom: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); transition: all 0.6s ease-in;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li dl dd.navOpen:after  {margin: -4px 0 0 0; transform: rotate(225deg);}

/* #nav-toggle------------------------------------------------------------ */
#nav-toggle {  display: block; }
.open #nav-toggle span:nth-child(1) {  top: 11px;  -webkit-transform: rotate(315deg);  -moz-transform: rotate(315deg);  transform: rotate(315deg); }
.open #nav-toggle span:nth-child(2) {  width: 0;  left: 50%; }
.open #nav-toggle span:nth-child(3) {  top: 11px;  -webkit-transform: rotate(-315deg);  -moz-transform: rotate(-315deg);  transform: rotate(-315deg); }
.open #global-nav {transform: translateY(566px); }
}

@media only screen and (max-width: 540px) {
#top-head .logo { left: 6px;  top: 8px; width: auto; max-width: 250px;margin-top:3px;}
}
/* ここまでスマフォ設定 */

/* みずべ各センターのドロップメニュー*/
#global-nav ul#naviBody li#navMizube{transition: 0.8s;}
#global-nav ul#naviBody li#navMizube ul#dropmenu { position:relative; clear:both;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li a#dropmenuT {color:#808080; border: none;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li a#dropmenuT{display: block;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li a#dropmenuS{display: none;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li { position:relative; width: 100%; float: left; margin: 0; padding: 0; text-align: center; border:none !important;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li a { display: block; margin: 0; color: #fff; text-decoration: none;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu { list-style: none; z-index: 800; top: 126px; left: 0px; width: 300px; margin: 27px 0 0 0; padding: 0; position:absolute; clear:both;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li { overflow: hidden; width: 100%; height: 0; color: #fff; font-weight: 700; font-size: 16px; transition: 0.6s; background:#47b6ef ; width: 300px}

@media only screen and (max-width: 1200px) {
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu { top: 130px; left: 0px; margin:0 0 0 0;}
}
@media screen and (max-width: 980px) {
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu { top: 98px; left: 0px; margin:0 0 0 0;}
}
/* みずべ各センターのcssでしましま　https://www.esz.co.jp/blog/2766.html*/
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subMizube{background-color: #1a95d5; background-image:repeating-linear-gradient(-45deg,#39a5de, #39a5de 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subFukagawa{background-color: #ff707e; background-image:repeating-linear-gradient(-45deg,#ff8a95, #ff8a95 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subToyosu{background-color: #ef8e2a; background-image:repeating-linear-gradient(-45deg,#f49737, #f49737 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subAriake{background-color: #ab7feb; background-image:repeating-linear-gradient(-45deg,#b58cf0, #b58cf0 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subToyocho{background-color: #37aaeb; background-image:repeating-linear-gradient(-45deg,#43b1f0, #43b1f0 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subOhshima{background-color: #80b121; background-image:repeating-linear-gradient(-45deg,#89ba2a, #89ba2a 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subMinamisuna{background-color: #f3b92a; background-image:repeating-linear-gradient(-45deg,#ffc73d, #ffc73d 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subSumiyoshi{background-color: #5787f7; background-image:repeating-linear-gradient(-45deg,#739dff, #739dff 9px,transparent 0, transparent 18px);}
/* #global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subKameido{background-color: #999999; background-image:repeating-linear-gradient(-45deg,#ababab, #ababab 9px,transparent 0, transparent 18px);} */
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subRefresh{background-color: #39a5de; background-image:repeating-linear-gradient(-45deg,#58bdf3, #58bdf3 9px,transparent 0, transparent 18px);}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li#subKameido{background-color: #3ccc6c; background-image:repeating-linear-gradient(-45deg,#2bba5b, #2bba5b 9px,transparent 0, transparent 18px);}

#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li a { margin:0; text-align: left;padding:10px 10px 10px 10px; transition: 0.6s;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li a:hover {padding:10px 10px 10px 16px;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li a:before{ content: "> "}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li p { margin:0; text-align: left;padding:10px 10px;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li p:before{ content: "> "}
#global-nav ul#naviBody li#navMizube ul#dropmenu li:hover ul.submenu li {overflow: visible; height:36px;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li:hover ul.submenu li a{ opacity:1.0;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li.smpOnly{display: none;}

/* ここからみずべ各センターのドロップメニュー　スマフォ設定 */
@media only screen and (max-width: 768px) {
ul#dropmenu { bottom:0;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu {position: relative; margin: 0; left: 0; width:100%; padding:0; top:0;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li a#dropmenuS {text-align:left; color: #fff}
#global-nav ul#naviBody li#navMizube ul#dropmenu li a#dropmenuT{display: none;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li a#dropmenuS{display: block;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li{background:#1a95d5; width: 100%;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li.smpOnly{display: block;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li a { margin:0; text-align: left; padding:12px; transition: 1.2s; opacity: 0;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li:hover ul.submenu li {overflow: hidden; height: 0;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li{overflow: hidden; height: 0px;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li.navOpen{overflow: visible; height: 36px;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li:last-child.navOpen { padding-bottom:0;}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li.navOpen a{ opacity:1.0 !important; padding:10px 0 10px 20px; font-size: 16px}
#global-nav ul#naviBody li#navMizube ul#dropmenu li ul.submenu li.navOpen p{ opacity:1.0; padding:10px 0 10px 20px; font-size: 16px}
}
/* ここまでみずべ各センターのドロップメニュー　スマフォ設定 */

/* 児童館のドロップメニュー */
#global-nav ul#naviBody li#navCHouse{transition: 0.8s;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido { position:relative; clear:both;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li a#dropmenuJidoT {color:#808080; border: none;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li a#dropmenuJidoT{display: block;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li a#dropmenuJidoS{display: none;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li { position:relative; width: 100%; float: left; margin: 0; padding: 0; text-align: center; border:none !important;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li a { display: block; margin: 0; color: #fff; text-decoration: none;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu { list-style: none; z-index: 800; top: 126px; left: 0px; width: 300px; margin: 27px 0 0 0; padding: 0; position:absolute; clear:both;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li { overflow: hidden; width: 100%; height: 0; color: #fff; font-weight: 700; font-size: 16px; transition: 0.6s; background:#47b6ef ; width: 300px}

@media only screen and (max-width: 1200px) {
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu { top: 130px; left: 0px; margin:0 0 0 0;}
}
@media screen and (max-width: 980px) {
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu { top: 98px; left: 0px; margin:0 0 0 0;}
}

/* 児童館のcssでしましま　https://www.esz.co.jp/blog/2766.html*/
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li#subJidoTOP{background-color: #1a95d5; background-image:repeating-linear-gradient(-30deg,#39a5de, #39a5de 6px,transparent 0, transparent 12px) ; }
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li#subJidoTemp{background-color: #39a5de; background-image:repeating-linear-gradient(-30deg,#58bdf3, #58bdf3 6px,transparent 0, transparent 12px) ; }
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li#subJidoFuru{background-color: #f7b40a; background-image:repeating-linear-gradient(-30deg,#ffc73d, #ffc73d 6px,transparent 0, transparent 12px) ; }
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li#subJidoShio{background-color: #80b121; background-image:repeating-linear-gradient(-30deg,#89ba2a, #89ba2a 6px,transparent 0, transparent 12px) ; }
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li#subJidoOna{background-color: #1a95d5; background-image:repeating-linear-gradient(-30deg,#39a5de, #39a5de 6px,transparent 0, transparent 12px) ; }
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li#subJidoHiga{background-color: #ab7feb; background-image:repeating-linear-gradient(-30deg,#b58cf0, #b58cf0 6px,transparent 0, transparent 12px) ; }


#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li a { margin:0; text-align: left;padding:10px 10px 10px 10px; transition: 0.6s;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li a:hover {padding:10px 10px 10px 16px;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li a:before{ content: "> "}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li a img{width: 1em; margin: 0 0 0 5px;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li p { margin:0; text-align: left;padding:10px 10px;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li p:before{ content: "> "}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li:hover ul.submenu li {overflow: visible; height:36px;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li:hover ul.submenu li a{ opacity:1.0;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li.smpOnly{display: none;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li a:hover{ border: none !important;}
/* ここから児童館のドロップメニュースマフォ設定 */
@media only screen and (max-width: 768px) {
ul#dropmenuJido { bottom:0;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu {position: relative; margin: 0; left: 0; width:100%; padding:0; top:0;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li a#dropmenuJidoS {text-align:left; color: #fff}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li a#dropmenuJidoT{display: none;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li a#dropmenuJidoS{display: block;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li{background:#1a95d5; width: 100%;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li.smpOnly{display: block;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li a { margin:0; text-align: left; padding:12px; transition: 1.2s; opacity: 0;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li:hover ul.submenu li {overflow: hidden; height: 0;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li{overflow: hidden; height: 0px;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li.navOpen{overflow: visible; height: 36px;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li:last-child.navOpen { padding-bottom:0;}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li.navOpen a{ opacity:1.0 !important; padding:10px 0 10px 20px; font-size: 16px}
#global-nav ul#naviBody li#navCHouse ul#dropmenuJido li ul.submenu li.navOpen p{ opacity:1.0; padding:10px 0 10px 20px; font-size: 16px}
}
/*ここまで児童館のドロップメニュースマフォ設定*/