@charset "UTF-8"; /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle} /* jQuery custom content scroller */ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"} .mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0} .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px} .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px} .mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0} .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* global */ /* font */ @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 100; src: url('/common/font/NotoSansCJKjp-Thin.eot?v=1.0.1'); /* IE9 Compat Modes */ src: local('Noto Sans CJK JP Thin'), url('/common/font/NotoSansCJKjp-Thin.eot?v=1.0.1?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/common/font/NotoSansCJKjp-Thin.woff?v=1.0.1') format('woff'), /* Modern Browsers */ url('/common/font/NotoSansCJKjp-Thin.ttf?v=1.0.1') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 200; src: url('/common/font/NotoSansCJKjp-Light.eot'); src: local('Noto Sans CJK JP Light'), url('/common/font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'), url('/common/font/NotoSansCJKjp-Light.woff') format('woff'), url('/common/font/NotoSansCJKjp-Light.ttf') format('truetype'); } /* @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 300; src: url('/common/font/NotoSansCJKjp-DemiLight.eot'); src: local('Noto Sans CJK JP DemiLight'), url('/common/font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'), url('/common/font/NotoSansCJKjp-DemiLight.woff') format('woff'), url('/common/font/NotoSansCJKjp-DemiLight.ttf') format('truetype'); } */ @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: url('/common/font/NotoSansCJKjp-Regular.eot'); src: local('Noto Sans CJK JP Regular'), url('/common/font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'), url('/common/font/NotoSansCJKjp-Regular.woff') format('woff'), url('/common/font/NotoSansCJKjp-Regular.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 500; src: url('/common/font/NotoSansCJKjp-Medium.eot'); src: local('Noto Sans CJK JP Medium'), url('/common/font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'), url('/common/font/NotoSansCJKjp-Medium.woff') format('woff'), url('/common/font/NotoSansCJKjp-Medium.ttf') format('truetype'); } /* @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: url('/common/font/NotoSansCJKjp-Bold.eot'); src: local('Noto Sans CJK JP Bold'), url('/common/font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'), url('/common/font/NotoSansCJKjp-Bold.woff') format('woff'), url('/common/font/NotoSansCJKjp-Bold.ttf') format('truetype'); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 900; src: url('/common/font/NotoSansCJKjp-Black.eot'); src: local('Noto Sans CJK JP Black'), url('/common/font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'), url('/common/font/NotoSansCJKjp-Black.woff') format('woff'), url('/common/font/NotoSansCJKjp-Black.ttf') format('truetype'); } */ .noto { font-family: 'Noto Sans Japanese'; } .thin { font-weight: 100; } .light { font-weight: 200; } .demi-light { font-weight: 300; } .regular { font-weight: 400; } .medium { font-weight: 500; } .bold { font-weight: 700; } .black { font-weight: 900; } @font-face { font-family: 'Sequel Neue Regular'; font-style: normal; font-weight: 400; src: url('/common/font/Sequel-Neue.eot'); src: /*local('Noto Sans CJK JP Regular'),*/ url('/common/font/Sequel-Neue.eot?#iefix') format('embedded-opentype'), url('/common/font/Sequel-Neue.woff') format('woff'), url('/common/font/Sequel-Neue.ttf') format('truetype'); } @font-face { font-family: 'Sequel Light'; font-style: normal; font-weight: 400; src: url('/common/font/Sequel-Light.eot'); src: /*local('Noto Sans CJK JP Regular'),*/ url('/common/font/Sequel-Light.eot?#iefix') format('embedded-opentype'), url('/common/font/Sequel-Light.woff') format('woff'), url('/common/font/Sequel-Light.ttf') format('truetype'); } /* elements */ * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); } body { /* background: #A9C23F; */ color: #004438; font-family: 'Noto Sans Japanese', sans-serif; font-weight: 400; /* font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; */ } body.initend { background: #FFFFFF; } body.isIos { -webkit-text-size-adjust: 100%; } input, button { font-family: 'Noto Sans Japanese'; font-weight: 400; outline: none; } hr { display: none; } /* block */ #wrapper { color: #004438; } /* color */ .yellowgreen { color: #A9C23F; /* rgba(184,209,44,1) */ } .green { color: #004438; } .red { color: #ED2939; } .headroom { position: fixed; top: 0; left: 0; right: 0; /* will-change: transform; */ transition: transform 200ms ease-out 0; } body:not(.showmenu) .headroom.headroom--top { position: absolute; } .headroom--pinned { transform: translate3d(0,0,0); } .headroom.notransition { transition-duration: 0s; } .headroom.lowtransition { transition-duration: .025s; } .headroom--unpinned { transform: translate3d(0,-100%,0); } #header, #contents { /* will-change: opacity; opacity: .4; -webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1); } #header.init, #contents.init { opacity: 1; */ } /* 2017/08/23 add */ iframe[name=google_conversion_frame] { position: absolute; top: 0; z-index: -1; } /* #pagetop { display: none; opacity: 0; position: fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #pagetop.hide { opacity: 0; -webkit-transform: translate3d(0, 0, 1px); -moz-transform: translate3d(0, 0, 1px); -ms-transform: translate3d(0, 0, 1px); -o-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); } #pagetop.show { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } */ #suggest_box { display: none; position: absolute; top: 0; left: 0; cursor: default; z-index: 99; background: #FFFFFF; } #suggest_box .title { color: #A9C23F; } #suggest_box ul { list-style: none; } #suggest_box ul li a { color: #004438; } #suggest_box ul li a:before { content: "> "; } .clear_x { display: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } form.oninput .clear_x { display: block !important; } .headerInner input::-ms-clear { display: none; } body.inputsearch .headerInner .clear_x:before, .pageTitle.search .search_box form .clear_x:before { content: "×"; position: absolute; display: block; width: 1em; height: 1em; top: 50%; left: 50%; transform: translate(-50%,-50%); } #loading { display: none; } body.windowunload #loading { /* display: block; position: fixed; width: 80px; height: 80px; top: 50%; left: 50%; z-index: 201; */ /* background: url(/common/img/icn_loading.png) 0 0 no-repeat; background-size: contain; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear; */ transform: translate3d(-50%,-50%,0); } body.windowunload.isIos #loading { transform: translate3d(-50%,-150%,0); } @-webkit-keyframes load3 { 0% { transform: translate3d(-50%,-50%,0) rotate(0deg); } 25% { transform: translate3d(-50%,-50%,0) rotate(90deg); } 50% { transform: translate3d(-50%,-50%,0) rotate(180deg); } 75% { transform: translate3d(-50%,-50%,0) rotate(270deg); } 100% { transform: translate3d(-50%,-50%,0) rotate(359deg); } } @keyframes load3 { 0% { transform: translate3d(-50%,-50%,0) rotate(0deg); } 25% { transform: translate3d(-50%,-50%,0) rotate(90deg); } 50% { transform: translate3d(-50%,-50%,0) rotate(180deg); } 75% { transform: translate3d(-50%,-50%,0) rotate(270deg); } 100% { transform: translate3d(-50%,-50%,0) rotate(359deg); } } body.healthpr .pagetop, body.healthpr #contentsCover { display: none !important; } /* smart phone */ @media screen and (max-width: 600px) { html { font-size: 4.93vw; } html, body { -webkit-overflow-scrolling: touch !important; /* overflow: auto; */ height: 100%; } body { position: relative; overflow-x: hidden; min-height: 100%; } body.showmenu { position: fixed; width: 100%; } body:not(.fix_bg):not(.lp-contents) { background: #FFFFFF url(/common/img/sp/body_bg_01_180621a.svg) 50% 0 repeat-y; background-size: 100% auto; } img { width: 100%; } a { -webkit-tap-highlight-color:rgba(0,0,0,0); } body.fix_bg:not(.healthpr) #wrapper:before, body.kiwibrothers #wrapper:before { content: ""; display: block; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; background: #FFFFFF url(/common/img/sp/body_bg_01_180621a.svg) 50% 0 repeat-y; background-size: 100% auto; will-change: background; } body.kiwibrothers:not(.showmenu):not(.showinputonly) #header { position: absolute !important; } body.kiwibrothers:not(.showmenu) #menuDisp .open, body.kiwibrothers:not(.showmenu) #menuDisp .search { position: fixed; } .isPC, #pc { display: none; } #sp { } #sp .sp_wrap { display: none; } body.showinputonly #sp .sp_wrap, body.showmenu #sp .sp_wrap { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; background: rgba(169,194,63,.72); } body.showinputonly #sp .sp_wrap { opacity: 0; will-change: opacity; transition: opacity .5s ease-out; } body.showinputonly.showinputonlyinit #sp .sp_wrap { opacity: 1; } #nv_sub2 { /* background-image preload */ width: 0; height: 0; overflow: hidden; background-image: url(/common/img/icn_facebook_o.svgz), url(/common/img/icn_twitter_o.svgz), url(/common/img/icn_instagram_o.svgz), url(/common/img/icn_youtube_o.svgz), url(/common/img/pc/arw_up_red.svgz), url(/common/img/sp/arw_ft_o.svgz), url(/common/img/sp/arw_ft_red.svgz), url(/common/img/sp/arw_01_red.svgz), url(/common/img/sp/arw_03_red.svgz), url(/common/img/pc/arw_03_red.svg?v=1.0.1), url(/common/img/pc/arw_03_wht.svg?v=1.0.1), url(/common/img/icn_mail_o.svgz); } #menuDisp { } #menuDisp .open { display: block; position: absolute; width: 14.4vw; height: 1px; top: 2.16667vw; left: 2.36667vw; overflow: hidden; border-radius: 7.2vw; padding: 14.4vw 0 0; background: url(/common/img/sp/icn_nv_1806.svg?v=1.0.1) 50% 50% no-repeat; background-size: 71%; } #menuDisp .open.tch-active, body.home.topzero #menuDisp .open { } .menuDisp .open.materialize { -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body:not(.topzero):not(.nearTop) .headerInner.headroom--pinned #menuDisp .open { right: 4.93333vw; } body.showinputonly #menuDisp .open, body.showmenu #menuDisp .open, #menuDisp .close { display: none; } #menuDisp .open.tch-active:after { content: ""; display: block; position: absolute; width: 180%; height: 180%; top: 0; left: 0; z-index: -1; margin: -40% 0 0 -40%; border-radius: 50%; background: rgba(255,255,255,.3); } body.showinputonly #menuDisp .close, body.showmenu #menuDisp .close { display: block; position: absolute; width: 7.2vw; height: 1px; top: 5vw; left: 6vw; z-index: 101; padding: 7.2vw 0 0; background: url(/common/img/sp/icn_close_nv.svg) 0 0/100% no-repeat; /* search no disp background: url(/common/img/sp/icn_close_nv_o.svgz) 0 0/100% no-repeat; */ text-indent:-10000em; } body.showmenu #menuDisp .close.pre { -webkit-transform: rotate(-23deg); -moz-transform: rotate(-23deg); -ms-transform: rotate(-23deg); -o-transform: rotate(-23deg); transform: rotate(-23deg); } body.showmenu #menuDisp .close.transition { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -ms-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body.showmenu #menuDisp .close.tch-active:after { content: ""; display: block; position: absolute; width: 180%; height: 180%; top: 0; left: 0; margin: -40% 0 0 -40%; border-radius: 50%; background: rgba(0,0,0,.1); } #menuDisp .search { display: block; /* search no disp display: none !important; */ position: absolute; width: 14.4vw; height: 1px; top: .86667vw; right: 2.36667vw; overflow: hidden; border-radius: 7.2vw; padding: 14.4vw 0 0; background: url(/common/img/sp/icn_zoom_1806.svg) 50% 50% no-repeat; background-size: 57%; } .pagetop { position: relative; margin: 15vw 0 0; background: #FFFFFF; color: #004537; font-size: .811rem; font-family: 'Sequel Neue Regular'; cursor: pointer; } #pagetop { visibility: visible !important; cursor: pointer; } .pagetop a { display: block; padding: 8.5vw 0 5.267vw; color: #004537; text-align: center; text-decoration: none; } .pagetop .tch-active a { color: #ED2939; } .pagetop a:before { content: ""; display: block; position: absolute; width: 10.533vw; height: 10.533vw; top: -5.267vw; left: calc(50% - 5.267vw); background: url(/common/img/pc/arw_up_wht.svg) 50% 50%/contain no-repeat; } .pagetop .tch-active a:before { background-image: url(/common/img/pc/arw_up_red.svg); } /* .pagetop { position: relative; height: 17.33333vw; margin: 8.6vw 0 3.6vw; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #pagetop { width: 17.33333vw; height: 1px; left: 50%; bottom: 2vw; z-index: 5; overflow: hidden; border: 1.2vw solid #A9C23F; border-radius: 9vw; padding: 14.93333vw 0 0; background: #FFFFFF url(/common/img/sp/arw_up_grn.svgz) 50% 50% no-repeat; background-size: 45% auto; transform: translate3d(-50%, 0, 0); -webkit-box-shadow: 0 0 2.5vw .3333vw rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2.5vw .3333vw rgba(0, 0, 0, 0.1); box-shadow: 0 0 2.5vw .3333vw rgba(0, 0, 0, 0.1); will-change: transform, opacity; transition-property: transform, opacity; transition-duration: .25s; transition-delay: 0s; } body.windowunload #pagetop { z-index: 1; } #pagetop.tch-active { background-image: url(/common/img/pc/arw_up_red.svgz); } #pagetop.show { transform: translate3d(-50%, 0, 0); } #pagetop.hide { transform: translate3d(-50%, 0, 1px); } body.nearTop #pagetop { opacity: 0; } #pagetop.notransition { transition-duration: 0; } body.pagetopstay #pagetop { position: absolute; top: 0; bottom: auto; opacity: 1 !important; visibility: visible !important; transform: translate3d(-50%, 0, 0) !important; } body.showmenu #pagetop { display: none !important; } body.windowunload #pagetop { opacity: .2 !important; } */ /* 2020/04 healthpr */ .header { position: relative; padding: 20.8% 0 0; background: #BED249; } .header h1 { position: absolute; width: 26.67%; top: 2.667vw; left: 0; z-index: 5; } .headerInner { width: 100%; top: 0; left: 0; z-index: 50; /* background: #A9C23F; */ will-change: transform; position: fixed !important; transform: none !important; background: #A9C23F url(/common/img/sp/body_bg_01_180712.svg) 50% 0 repeat-y !important; background-size: 100% auto !important; } body:not(.showmenu).menufix .headerInner.headroom { position: absolute !important; width: 96.26666% !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 50 !important; margin: 1.7% 1.7% 0 !important; /* memo: for iPhone5s */ margin: 1.86667% 1.86667% 0 !important; border-bottom: 1.9vw solid rgba(255,255,255,0) !important; border-bottom-width: 0 !important; background: #A9C23F !important; } body:not(.showmenu).menufix.home .headerInner.headroom { background: transparent !important; } body:not(.showmenu).menufix .headerInner.headroom .logo { opacity: 1 !important; } body:not(.showmenu).menufix .headerInner .logo, body:not(.showmenu).menufix .headerInner .logo h1 { display: block !important; width: 21.6% !important; height: 1px !important; overflow: hidden !important; padding: 21.6% 0 0 !important; background-color: #A9C23F !important; text-indent: 1000em !important; } body:not(.showmenu).menufix .headerInner .logo:before { content: ""; display: block; position: absolute; width: 21.6%; width: 17.28%; height: 0; padding: 17.28% 0 0; top: 0; left: 0; border-radius: 50%; margin: 2.16% 0 0 2.16%; background-color: rgba(255,255,255,0); } body.home.topzero .headerInner, body.home.nearTop .headerInner { /* background: transparent; */ } body.home.isScrlUp:not(.topzero):not(.nearTop) .headerInner { background: #A9C23F; } /* float menu visible */ body:not(.topzero):not(.nearTop) .headerInner.headroom { width: 100%; margin: 0; padding: 0 1.86667%; background: #A9C23F; } body.home.menufix.isIos.gte10 .headerInner, body.home.menufix .headerInner { margin:0; } body.home.menufix .headerInner .logo, body.home.menufix .headerInner .logo h1 { width:22.43767%; padding-top:22.43767%; } body.showmenu.home.isIos.gte10 .headerInner, body.showmenu .headerInner { position: fixed !important; width:100%; height: 100%; margin:0; /* border:1.86667vw solid #FFFFFF; border-bottom: 0; */ } body.showinputonly .headerInner .logo { opacity: 0; visibility: hidden; } body.showinputonly.showinputonlyinit .headerInner .logo { padding-top: 17.1vw; } body.isScrlUp:not(.topzero):not(.nearTop).home.menufix .headerInner #menuDisp .open { right: 3.06667vw !important; } .headerInner .logo, .headerInner .logo h1 { display: block; width: 23.467%; height: 1px; overflow: hidden; opacity: 1 !important; padding: 19.467% 0 0; text-indent: 1000em; margin-left: 0 !important; transform-origin: 50% 25%; } body:not(.showmenu).isScrlUp:not(.topzero) .headerInner.headroom--pinned, body.topzero .headerInner .logo, body.nearTop .headerInner .logo { opacity: 1; } body.hd_nodisp .headerInner .logo { opacity: 0; } body.isScrlUp:not(.topzero):not(.nearTop) .headerInner .logo, body.isScrlUp:not(.topzero):not(.nearTop) .headerInner .logo h1 { background-color: transparent; } body:not(.topzero):not(.nearTop) .headerInner.headroom--pinned .logo { margin-left: calc(1.86667vw * 2); } body:not(.topzero):not(.nearTop) .headerInner.headroom--pinned .logo h1 { margin-left: 1.86667vw; } body:not(.topzero):not(.nearTop) .headerInner.headroom--pinned .logo:before { margin-left: calc(1.86667vw * 2); } .headerInner .logo:before { content: ""; display: block; position: absolute; width: 21.6%; width: 17.28%; height: 0; padding: 17.28% 0 0; top: 0; left: calc((100% - 17.28%) / 2 - 2.16% - .4%); border-radius: 50%; margin: 2.16% 0 0 2.16%; background-color: rgba(255,255,255,0); } .headerInner .logo.tch-active:before { background-color: rgba(255,255,255,.2); } .headerInner .logo.materialize:before { -webkit-transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: background-color 500ms cubic-bezier(0.165, 0.84, 0.44, 1); } .headerInner .logo h1 { position: absolute; top: 0; left: 37.767%; margin: -3.4% 0 0; background: url(/common/img/logo.svg?v=1.0.1) 0 0 no-repeat; background-size: 100%; will-change: transform; transition: transform .3s ease-out; } body.showmenu .headerInner .logo { /* search no disp display: block !important; */ } body.showmenu .headerInner .logo h1 { /* search no disp transform: scale(.77743) translate(0, 10%); */ } body .headerInner .logo.op0 h1 { opacity: 0 !important; } body .headerInner .logo.transition h1 { -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; } body.showmenu .headerInner .logo h1 { /* search no disp z-index: 101; */ } body.fix_bg .headerInner.headroom--not-top .logo h1 { transform: scale(.77743) translate(0,10%); } .headerInner .searchbox { position: relative; height: 16.5vw; z-index: 5; /* search no disp */ /* */ border-bottom: 0.66667vw solid rgba(255,255,255,1); background: #FFFFFF; } .headerInner .searchbox form { /* search no disp display: none !important; */ } .headerInner .searchbox.noborder { /* for nav animation */ border-color: rgba(255,255,255,0); } .headerInner .searchbox.animate { /* for nav animation */ transition-property: border-color; transition-duration: .25s; transition-delay: 0s; } .headerInner .searchbox input[type=text] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 92%; height: 9.5vw; margin: 5.0vw 0 0 18.5vw; border-width: 0; border-radius: 8vw; padding: .5vw 13.84616vw .9vw 5.69233vw; -webkit-transform: scale(.70270); -moz-transform: scale(.70270); -ms-transform: scale(.70270); -o-transform: scale(.70270); transform: scale(.70270); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; background: #A9C23F; color: #FFFFFF; font-size: 1rem; line-height: 1.1; letter-spacing: -.05em; vertical-align: middle; } .headerInner .searchbox input[type=text].tch-active { background: #DDDDDD; } .headerInner .searchbox input[type=text].materialize { -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .headerInner .searchbox input[type=text]::-webkit-input-placeholder { padding: 0 0 0 1em; color: #FFFFFF; font-weight: 200; line-height: 1.5; letter-spacing: .05em; text-align: center; } .headerInner .searchbox input[type=text]::-moz-placeholder { padding: .1em 0 0 1em; color: #FFFFFF; font-weight: 200; line-height: 1.5; letter-spacing: .05em; text-align: center; } .headerInner .searchbox input[type=text]:-moz-placeholder { padding: .1em 0 0 1em; color: #FFFFFF; font-weight: 200; line-height: 1.5; letter-spacing: .05em; text-align: center; } .headerInner .searchbox input[type=text]::-ms-input-placeholder { padding: .1em 0 0 1em; color: #FFFFFF; font-weight: 200; line-height: 1.5; letter-spacing: .05em; text-align: center; } .headerInner .searchbox input[type=text]::-o-input-placeholder { padding: .1em 0 0 1em; color: #FFFFFF; font-weight: 200; line-height: 1.5; letter-spacing: .05em; text-align: center; } .headerInner .searchbox input[type=text]:placeholder { padding: .1em 0 0 1em; color: #FFFFFF; font-weight: 200; line-height: 1.5; letter-spacing: .05em; text-align: center; } body.inputsearch .headerInner .clear_x { display: block; position: absolute; width: 8.5%; height: 0; top: 4.2vw; right: 17.5%; overflow: hidden; padding: 8.5% 0 0; color: #FFFFFF; font-size: .9rem; font-weight: 500; } body.inputsearch.isAndroid .headerInner .clear_x { top: 4.4vw; } .headerInner .searchbox button[type=submit] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: absolute; width: 8.808vw; height: 8.308vw; top: 4.05vw; right: 5.2vw; border-width: 0; background: transparent url(/common/img/sp/icn_zoom_ygrn.svg) 0 0 no-repeat; background-size: 100% 100%; } .ui-menu .title, .ui-menu .ui-menu-item { font-family: "Noto Sans Japanese"; font-weight: 400; } .ui-widget.ui-widget-content:not(.rq) { position: fixed; width: 100% !important; top: 22vw !important; left: 0 !important; border-width: 0 !important; height: 100% !important; width: 64% !important; left: 18% !important; top: 16.8vw !important; } .ui-menu .ui-menu-item-wrapper { padding: 7% 4% 0% 8% !important; color: #004438; font-size: .793rem; line-height: 1; } .ui-menu.rq { width: 365px !important; top: 214.921875px !important; left: 22.984375px !important; width: 87.6% !important; top: 53.8vw !important; left: 6.1vw !important; border-width: 0 !important; } .ui-menu.rq .ui-menu-item-wrapper { padding: 5% 4% 7% 6% !important; } .ui-menu .ui-menu-item-wrapper:before { content: "> "; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-width: 0 !important; background: transparent !important; font-weight: 400 !important; color: inherit !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-width: 0 !important; background: transparent !important; font-weight: 400 !important; color: inherit !important; } #contentsCover { height: 0; background: #A9C23F; opacity: .4; transform: translateZ(0); visibility: hidden; } #contentsCover.animate { position: fixed; width: calc(100% - 1.86667% * 2); height: 100%; top: 0; -webkit-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); width: 100%; left: 0; visibility: visible; } #contentsCover.noInit, body.windowunload #contentsCover { display: block; position: fixed; width: calc(100% - 1.86667% * 2); height: 100%; top: 0; z-index: 200; opacity: .8; width: 100%; left: 0; visibility: visible; } #contentsCover.noInit.showmenu { opacity: 1; } body.showinputonly #contentsCover, body.inputsearch #contentsCover { position: fixed; width: 100%; height: 100%; top: 16.8vw; left: 0; z-index: 51; transform: none; visibility: visible; opacity: .8; background: #FFCD00; } #suggest_box { position: fixed; width: 100%; height: 100%; top: 22vw; left: 0; cursor: default; z-index: 100; width: 64%; left: 18%; } body.inputsearch #suggest_box, body.showinputonly #suggest_box { top: 16.55vw; border-top: .4vw solid #A9C23F; } body:not(.oninput) #suggest_box.show { display: block; } .ui-menu .title, #suggest_box .title { padding: 7% 4% 0% 8%; font-size: .793rem; line-height: 1; color: #A9C23F; } #suggest_box .title { font-weight: 700; } #suggest_box ul li { padding: 7% 4% 0% 6% !important; font-size: .793rem; line-height: 1; } body.showmenu #suggest_box ul li { padding: 7% 4% 0% 8% !important; } #suggest_box ul li a { text-decoration: none; } #suggest_box ul li a.tch-active { color: #ED2939; } #suggest_box ul li a.materialize { -webkit-transition-property: color; -moz-transition-property: color; -ms-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body.show_nv_sp_sub.nav_end_1 .searchbox form, body.show_nv_sp_sub2.nav_end_1 .searchbox form, body.show_nv_sp_sub.nav_end_1 .sp_navi_body, body.show_nv_sp_sub2.nav_end_1 .sp_navi_body { display: none; } .headerInner .back { display: none; position: absolute; width: auto; top: 4.2vw; left: 3.2vw; z-index: 10; border-radius: 8vw; padding: 4vw 4vw 4vw 12vw; background: url(/common/img/sp/arw_back_nv.svgz) 3vw 50% no-repeat; background-size: auto 54%; color: #FFFFFF; font-size: 0.86108rem; font-weight: 500; white-space: nowrap; } .headerInner .back.tch-active { background-color: rgba(0, 0, 0, .1); } .headerInner .back.materialize { -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } body.show_nv_sp_sub .headerInner .back, body.show_nv_sp_sub2 .headerInner .back { display: block; } .sp_navi_body { display: block; position: absolute; width: 100%; height: 100%; top: 0; padding: 16.5vw 0 0; } .sp_navi_body .listwrap { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-perspective: 1000; } .sp_navi_body .listwrap .hd ul { display: flex; width: 95.733%; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.5); } .sp_navi_body .listwrap .hd ul > li { margin: 0 0 0 1em; opacity: 0; will-change: opacity; } .sp_navi_body .listwrap .hd li:nth-child(1) { transition-delay: 0s; } .sp_navi_body .listwrap .hd li:nth-child(2) { transition-delay: 0.05s; } .sp_navi_body.init .listwrap .hd li { transition-property: opacity; transition-duration: .45s; transition-timing-function: ease-out; opacity: 1; } .sp_navi_body .listwrap .bd > ul { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; margin: 0 auto; } .sp_navi_body .listwrap .bd li ul { overflow: hidden; max-height: 0; transition: max-height .5s ease-out; will-change: max-height; } .sp_navi_body .listwrap .bd.show li ul { max-height: 10em; } .sp_navi_body .listwrap .bd.show li ul, .sp_navi_body .listwrap .bd.notTransEnd li ul { margin-bottom: -6%;/**/ } .sp_navi_body .listwrap .bd > ul > li { position: relative; width: 50%; border-top: 1px solid rgba(255,255,255,.5); padding: 7.163% 0 11%; opacity: 0; will-change: opacity; } .sp_navi_body .listwrap .bd > ul > li:nth-child(1) { transition-delay: 0.1s; } .sp_navi_body .listwrap .bd > ul > li:nth-child(2) { transition-delay: 0.15s; } .sp_navi_body .listwrap .bd > ul > li:nth-child(3) { transition-delay: 0.2s; } .sp_navi_body .listwrap .bd > ul > li:nth-child(4) { transition-delay: 0.25s; } .sp_navi_body .listwrap .bd > ul > li:nth-child(5) { transition-delay: 0.3s; } .sp_navi_body .listwrap .bd > ul > li:nth-child(6) { transition-delay: 0.35s; } .sp_navi_body.init .listwrap .bd > ul > li { transition-property: opacity; transition-duration: .45s; transition-timing-function: ease-out; opacity: 1; } .sp_navi_body .listwrap .bd > ul > li:nth-child(1), .sp_navi_body .listwrap .bd > ul > li:nth-child(2) { border-top: 0; padding-top: 5%; } .sp_navi_body .listwrap .bd > ul > li:nth-child(2n) { padding-left: .808%; } .sp_navi_body .listwrap .bd > ul > li:nth-child(2n+1) { padding-right: .808%; } .sp_navi_body .listwrap .bd > ul > li:after { content: ""; display: inline-block; position: absolute; width: 11%; height: 0; bottom: 2.8vw; left: 44.5%; padding: 11% 0 0; background: url(/common/img/sp/arw_nv.svgz) 0 0/contain no-repeat; opacity: 1; transition: opacity .35s ease-out .5s; } .sp_navi_body .listwrap .bd.show > ul > li:after { opacity: 0; transition: none; } .sp_navi_body .listwrap .bd > ul > li.hover:after { background-image: url(/common/img/sp/arw_03_red.svgz); } .sp_navi_body .listwrap .bd > ul li .sub li { margin: 7% 0 0; line-height: 1.6; } .sp_navi_body .listwrap .hd ul li a, .sp_navi_body .listwrap .bd > ul li a { display: block; position: relative; color: #004438; font-size: 0.7828rem; font-weight: 400; text-decoration: none; } .sp_navi_body .listwrap .hd ul li a { font-size: .86108rem; } .sp_navi_body .listwrap .bd > ul li a.title { margin: 3% 0 0; font-size: .82108rem; font-weight: 500; text-align: center; } .sp_navi_body .listwrap .bd > ul li.hover a.title { color: #ED2939; } .sp_navi_body .listwrap .bd > ul li .kiwibrothers a.title { height: 1px; overflow: hidden; padding: 1em 0 0; background: url(/common/img/sp/nv_txt_kiwibrothers.svg) 0 50%/contain no-repeat; text-indent: -1000em; } .sp_navi_body .listwrap .bd > ul li.hover .kiwibrothers a.title { background-image: url(/common/img/sp/nv_txt_kiwibrothers_red.svg); } .sp_navi_body .listwrap .bd > ul li .sub li a { padding: 0 0 0 1em; text-indent: -1em; font-size: 0.62624rem; } .sp_navi_body .listwrap .bd > ul li .sub li a.tch-active { color: #ED2939; } .sp_navi_body .listwrap .bd > ul li .sub li a:before { content: "・"; } .sp_navi_body .listwrap .hd ul li a { padding: 6vw 2vw 5vw 9vw; background: url(/common/img/sp/arw_nv.svgz) 2vw 54% no-repeat; background-size: auto 32%; } .sp_navi_body .listwrap .hd ul li a.tch-active { color: #ED2939; background-image: url(/common/img/sp/arw_03_red.svgz); } .sp_navi_body .listwrap .hd.show ul li.sitemap a { background-image: url(/common/img/sp/icn_close_nv_s.svg); } .sp_navi_body .listwrap .hd.show ul li.sitemap a.tch-active { background-image: url(/common/img/sp/icn_close_nv_s_o.svg?v=1.0.1); } .sp_navi_body .listwrap .hd ul li.sitemap .open { display: inline } .sp_navi_body .listwrap .hd ul li.sitemap .close { display: none; } .sp_navi_body .listwrap .hd.show ul li.sitemap .open { display: none } .sp_navi_body .listwrap .hd.show ul li.sitemap .close { display: inline; } .sp_navi_body .listwrap .sns { margin: 4vw 0 0; background: rgba(169,194,63,.35); } .sp_navi_body .listwrap .sns ul { display: flex; align-items: center; width: 90%; margin: 0 auto; border-top: 1px solid rgba(255,255,255,.7); padding: 6% 0; } .sp_navi_body .listwrap .sns li.title { margin: 0 3vw; letter-spacing: .1em; text-transform: uppercase; font-family: 'Sequel Light'; font-size: .8rem; } .sp_navi_body .listwrap .sns a { position: relative; display: block; width: 9.9vw; height: 1px; overflow: hidden; margin: 0 0 0 6vw; padding: 9.9vw 0 0; background: url(/common/img/icn_facebook_02.svg) 0 0/contain no-repeat; } .sp_navi_body .listwrap .sns a.tch-active { background-image: url(/common/img/icn_facebook_01.svg); } .sp_navi_body .listwrap .sns li.title + li a { margin-left: 0 } .sp_navi_body .listwrap .sns .instagram a { background-image: url(/common/img/icn_instagram_02.svg); } .sp_navi_body .listwrap .sns .instagram a.tch-active { background-image: url(/common/img/icn_instagram_01.svg); } .sp_navi_body .listwrap .sns .twitter a { background-image: url(/common/img/icn_twitter_02.svg); } .sp_navi_body .listwrap .sns .twitter a.tch-active { background-image: url(/common/img/icn_twitter_01.svg); } .sp_navi_body .listwrap .sns .youtube a { background-image: url(/common/img/icn_youtube_02.svg); } .sp_navi_body .listwrap .sns .youtube a.tch-active { background-image: url(/common/img/icn_youtube_01.svg); } .sp_navi_body li a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(255,255,255,0); } /* .sp_navi_body li a.tch-active:after { background-color: rgba(255, 255, 255, .2); } */ .sp_navi_body li a.materialize:after { -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #nv_sp_sub, #nv_sp_sub2, #nv_sp_sub > div, #nv_sp_sub2 > div { display: none; } body.show_nv_sp_sub #nv_sp_sub, body.show_nv_sp_sub2 #nv_sp_sub2 { display: block; position: absolute; width: 100%; height: 100%; top: 0; padding: 21vw 0 0; } #nv_sp_sub > div > .listwrap, #nv_sp_sub2 > div > .listwrap { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-perspective: 1000; } body.show_nv_sp_sub #nv_sp_sub > div.show, body.show_nv_sp_sub2 #nv_sp_sub2 > div.show { display: block; height: 100%; } #nv_sp_sub li, #nv_sp_sub .title, #nv_sp_sub2 li, #nv_sp_sub2 .title { border-bottom: 1px solid rgba(255,255,255,.5); } #nv_sp_sub .title, #nv_sp_sub2 .title { display: block; position: relative; padding: 2vw; padding: 6vw 2vw 6vw 17vw; color: #FFFFFF; font-size: 0.86108rem; font-weight: 500; text-decoration: none; } #nv_sp_sub2 .title { padding-left: 7.5vw; } #sp .mCSB_inside>.mCSB_container { margin: 0; } #sp .mCSB_scrollTools { width: 8px; } #nv_sp_sub ul, #nv_sp_sub2 ul { } #nv_sp_sub li a, #nv_sp_sub2 li a { display: block; position: relative; padding: 2vw; padding: 6vw 2vw 6vw 15vw; background: url(/common/img/sp/arw_nv.svgz) 7.6% 50% no-repeat; background-size: auto 32%; color: #004438; font-size: 0.86108rem; font-weight: 500; text-decoration: none; } #nv_sp_sub li a.gosub { background: url(/common/img/sp/arw_nv_next.svgz) 95% 50% no-repeat; background-size: auto 38%; } #nv_sp_sub a.title:before, #nv_sp_sub2 a.title:before, #nv_sp_sub li a:before, #nv_sp_sub2 li a:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } #nv_sp_sub a.title.tch-active:before, #nv_sp_sub2 a.title.tch-active:before, #nv_sp_sub li a.tch-active:before, #nv_sp_sub2 li a.tch-active:before { background: rgba(255, 255, 255, .2); } #nv_sp_sub a.title.materialize:before, #nv_sp_sub2 a.title.materialize:before, #nv_sp_sub li a.materialize:before, #nv_sp_sub2 li a.materialize:before { -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #nv_sub { display: none; } .footer { padding: 5% 5% 20%; background: #BED249; color: #FFFFFF; font-size: .47rem; font-weight: 500; line-height: 1; text-align: center; } .footerInner { } .footerInner nav { } .footerInner nav ul.main { display: flex; flex-wrap: wrap; flex-direction: column; height: 45em; padding: 8% 0 0; background: rgba(255,205,0,.8); font-size: .7rem; } .footerInner nav ul.main > li { width: 50%; padding: 4vw 0 0 4vw; } .footerInner nav ul.main > li:nth-child(2) { padding-top: 7.5vw; } .footerInner nav ul.main > li:nth-child(6) { padding-top: 8.5vw; } .footerInner nav ul.main > li:nth-child(7) { padding-top: 10.5vw; } .footerInner nav ul.main > li > a:before { content: ""; display: inline-block; width: 3.2vw; height: 3.2vw; margin: 0 .2em .2em 0; background: url(/common/img/sp/arw_03_grn.svgz) 0 0/100% auto no-repeat; vertical-align: middle; } body.isAndroid .footerInner nav ul.main > li > a:before { margin-bottom: .25em; } .footerInner nav ul.main > li > a.tch-active:before { background-image: url(/common/img/sp/arw_03_red.svgz); } .footerInner nav ul.main > li > a { font-weight: 800; letter-spacing: -.08em; } .footerInner nav ul.main > li ul { padding: 0 0 1.5vw .5em; } .footerInner nav ul.main > li li { padding: 5.5vw 0 0 1em; text-indent: -1em; line-height: 1.4; } .footerInner nav ul.main > li li > a:before { content: "・"; } .footerInner nav ul.sub { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: start; align-content: start; height: 14em; padding: 5vw 0 8vw 12vw; background: rgba(255,255,255,.69); font-size: .7rem; } .footerInner nav ul.sns { padding: 6vw 0 6vw 7.5vw; background: rgba(169,194,63,.35); font-size: 0.64865rem; } .footerInner nav ul.sub li { width: 51%; padding: 4.8vw 2vw 0 0; } .footerInner nav ul.sub li:nth-child(1), .footerInner nav ul.sub li:nth-child(2), .footerInner nav ul.sub li:nth-child(3) { width: 42% } .footerInner nav .banner { display: none; padding: 3.7% 8.1% 8.1%; } .footerInner .utility { position: relative; background: #A9C23F; padding: .77em 5% 8%; } .footerInner nav ul.sns:after, .footerInner .utility:after { content: ""; display: table; clear: both; } .footerInner .utility p { font-size: 0.51351rem; font-size: .59459rem; -webkit-transform-origin-x: 0; -moz-transform-origin-x: 0; -ms-transform-origin-x: 0; -o-transform-origin-x: 0; transform-origin-x: 0; -webkit-transform: scale(.88); -moz-transform: scale(.88); -ms-transform: scale(.88); -o-transform: scale(.88); transform: scale(.88); } .footerInner .utility p:nth-child(1) { margin: 0 0 4% 11% } .footerInner .utility p:nth-child(2) { position: absolute; top: 1.3em; right: 9%; } .footerInner .utility p.copyright { /* position: absolute; right: 1.3em; top: 1.2em; */ display: table; margin: 0 auto; font-size: 0.45946rem; font-weight: 700; font-weight: 500; line-height: 1; font-size: .56757rem; -webkit-transform-origin-x: 100%; -moz-transform-origin-x: 100%; -ms-transform-origin-x: 100%; -o-transform-origin-x: 100%; transform-origin-x: 100%; } .footerInner nav ul.main a { color: #004438; letter-spacing: -.08em; text-decoration: none; } .footerInner nav ul.main a.tch-active { color: #ED2939; } .footerInner nav ul.sub a, .footerInner .utility p a { display: inline-block; padding: 1vw 0; color: #004438; letter-spacing: .06em; text-decoration: none; } .footerInner nav ul.sub a { letter-spacing: -.05em;; } .footerInner nav ul.sub a.tch-active, .footerInner .utility p a.tch-active { color: #ED2939; } .footerInner nav ul.sub a.materialize { -webkit-transition-property: color; -moz-transition-property: color; -ms-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .footerInner .utility p a.tch-active { color: #ED2939; } .footerInner .utility p a.materialize { -webkit-transition-property: color; -moz-transition-property: color; -ms-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .footerInner nav ul.sub a:before, .footerInner .utility p a:before { content: ""; display: inline-block; width: 3.73333vw; height: 3.73333vw; margin: 0 .4em .1em 0; background: url(/common/img/sp/arw_ft.svgz) 0 0/contain no-repeat; vertical-align: middle; } .footerInner .utility p a:before { width: 3.2vw; height: 3.25vw; } .footerInner nav ul.sub a.tch-active:before { background-image: url(/common/img/sp/arw_ft_red.svgz); } .footerInner .utility p a.tch-active:before { background-image: url(/common/img/sp/arw_ft_red.svgz); } .footerInner nav ul.sns li { float: left; letter-spacing: .1em; text-transform: uppercase; } .footerInner nav ul.sns li.title { margin: 5vw -.5vw 0 0; font-size: .7rem; font-family: 'Sequel Light'; } .footerInner nav ul.sns li a { display: block; width: 12.4vw; height: 1px; overflow: hidden; margin: 0 0 0 4vw; padding: 12.4vw 0 0; background: url(/common/img/icn_facebook.svgz) 0 0/contain no-repeat; } .footerInner nav ul.sns li.facebook a { background-image: url(/common/img/icn_facebook_01.svg); } .footerInner nav ul.sns li.facebook a.tch-active { background-image: url(/common/img/icn_facebook_02.svg); } .footerInner nav ul.sns li.twitter a { background-image: url(/common/img/icn_twitter_01.svg); } .footerInner nav ul.sns li.twitter a.tch-active { background-image: url(/common/img/icn_twitter_02.svg); } .footerInner nav ul.sns li.instagram a { background-image: url(/common/img/icn_instagram_01.svg); } .footerInner nav ul.sns li.instagram a.tch-active { background-image: url(/common/img/icn_instagram_02.svg); } .footerInner nav ul.sns li.youtube a { background-image: url(/common/img/icn_youtube_01.svg); } .footerInner nav ul.sns li.youtube a.tch-active { background-image: url(/common/img/icn_youtube_02.svg); } #contents { will-change: opacity; transition: opacity .2s ease-out; } body.showmenu #contents { opacity: 0; } body:not(.home):not(.healthpr) #contents { padding: 21.8% 0 0; } } /* desktop, tablet, print */ @media print,screen and (min-width: 601px) { /* font-size: 11px > .688rem font-size: 12px > .75rem font-size: 13px > .813rem font-size: 14px > .875rem font-size: 15px > .938rem font-size: 16px > 1rem font-size: 17px > 1.063rem *** font-size: 18px > 1.126rem font-size: 19px > 1.188rem font-size: 20px > 1.251rem font-size: 22px > 1.376rem font-size: 23px > 1.438rem font-size: 24px > 1.501rem font-size: 25px > 1.563rem font-size: 27px > 1.688rem font-size: 28px > 1.751rem font-size: 30px > 1.876rem font-size: 32px > 2rem font-size: 34px > 2.126rem font-size: 36px > 2.251rem font-size: 37px > 2.314rem font-size: 42px > 2.626rem font-size: 44px > 2.751rem font-size: 45px > 2.814rem font-size: 52px > 3.252rem font-size: 64px > 4.002rem font-size: 67px > 4.189rem */ html { /* for IE Bug */ position: absolute; width: 100%; left: 0; overflow-x: hidden; overflow-y: scroll; } html.showmenu:not(.isIos):not(.isAndroid) { /* add: 2019/03/15 */ overflow-y: hidden; } html, body { height: 100%; background: #A9C23F; background: #FFFFFF; } body:not(.fix_bg) .headroom { position: static; top: auto; left: auto; right: auto; transition: none; } body:not(.fix_bg):not(.showmenu) .headroom.headroom--top { position: static; } body:not(.fix_bg) .headroom--pinned { transform: none; } body:not(.fix_bg) .headroom--unpinned { transform: none; } body.showmenu { position: fixed; width: 100%; } body.showmenu { /* overflow-y: scroll; 2018/6/20 delete /* 2017/08/23 update */ top: 0 !important; } body.showmenu.isIos, body.showmenu.isAndroid { position: absolute; overflow-y: visible; } body.showmenu #wrapperForChromeBug { height: 100%; } body.showmenu:not(.isIos):not(.isAndroid) #wrapperForChromeBug { overflow-y: auto; } #wrapper { position: relative; width: 100%; max-width: 1920px; min-width: 960px; min-height: 100%; margin: 0 auto; /* border: 54px solid #FFFFFF; */ will-change: opacity; background-color: #FFFFFF; background-image: url(/common/img/pc/body_bg_01_180621a.svg); background-position: 50% 0; background-repeat: repeat-y; background-size: 1920px auto; } /* body.home #wrapper {*/ body #wrapper { background-image: url(/common/img/pc/body_bg_hd_180621a.svg), url(/common/img/pc/body_bg_01_180621a.svg); background-position: 50% 0, 50% 58.281vw; background-repeat: no-repeat, repeat-y; } /* body.fix_bg:not(.isIE):not(.isEdge) #wrapper,*/ body.fix_bg:not(.isIE) #wrapper, body.kiwibrothers:not(.isIE) #wrapper { background-attachment: fixed; } body.healthpr #wrapper, body.fix_bg.isAndroid #wrapper, body.fix_bg.isIos #wrapper, body.kiwibrothers.isAndroid #wrapper, body.kiwibrothers.isIos #wrapper { background: transparent; } body.fix_bg:not(.healthpr).isAndroid #wrapper:before, body.fix_bg:not(.healthpr).isIos #wrapper:before, body.kiwibrothers.isAndroid #wrapper:before, body.kiwibrothers.isIos #wrapper:before { content: ""; display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-image: url(/common/img/pc/body_bg_hd_180621a.svg), url(/common/img/pc/body_bg_01_180621a.svg); background-position: 50% 0, 50% 58.281vw; background-repeat: no-repeat, repeat-y; background-attachment: fixed; } #wrapper { position: absolute; } body.showmenu/*:not(.isIos):not(.isAndroid)*/ #wrapper { height: 100%; border-bottom: 0 !important; } body.showmenu .headerInner { height: 100%; } /* 2020/04 healthpr */ .header { position: relative; height: 120px; background: #BED249; } .header h1 { position: absolute; width: 142px; height: 110px; top: 31px; left: 0; } .header h1 img { width: 100%; } body.fix_bg .headroom { will-change: transform; transition: transform 200ms ease-out; } body:not(.fix_bg).inputsearch .headroom, /* body.fix_bg:not(.isIE):not(.isEdge) .headroom {*/ body.fix_bg .headroom { position: fixed !important; background-color: transparent !important; background-image: url(/common/img/pc/body_bg_01_180621a.svg) !important; background-position: 50% 0 !important; background-repeat: repeat-y !important; background-size: 1920px auto !important; } /* body.fix_bg:not(.isIE):not(.isEdge).home .headroom {*/ body:not(.fix_bg).inputsearch .headroom, /* body.fix_bg:not(.isIE):not(.isEdge) .headroom {*/ body.fix_bg .headroom { background-image: url(/common/img/pc/body_bg_hd_180621a.svg), url(/common/img/pc/body_bg_01_180621a.svg) !important; background-position: 50% 0, 50% 58.281vw !important; background-repeat: no-repeat, repeat-y !important; background-size: 1920px auto !important; } .isSP, #sp { display: none; } #pc { float: left; width: 100%; height: calc(100% - 81px); } #menuDisp_pc { position: absolute; left: 30px; top: 20px; } body:not(.fix_bg) #menuDisp_pc { position: fixed; z-index: 10; } #menuDisp_pc .open { width: 32px; height: 1px; overflow: hidden; margin: 6px 2px; padding: 24px 0 0; background: url(/common/img/pc/icn_nv_1806.svg); background-size: contain; cursor: pointer; } body:not(.inputsearch).showmenu #menuDisp_pc .open { display: none; } #menuDisp_pc .open.curosr-hover:before { content: ""; display: block; position: absolute; width: 57px; height: 57px; top: -11px; left: -11px; z-index: -1; border-radius: 57px; background: rgba(255,255,255,.3); } body:not(.fix_bg) #menuDisp_pc .open:after { content: ""; display: block; position: absolute; width: 57px; height: 57px; top: -11px; left: -11px; z-index: -1; border-radius: 57px; background: rgba(255,255,255,.5); } #menuDisp_pc .close { display: none; width: 36px; height: 1px; overflow: hidden; border-radius: 36px; padding: 36px 0 0; background: #034638 url(/common/img/pc/icn_close_nv.svgz) 50% 50% no-repeat; background-size: 15px; cursor: pointer; will-change: transform, opacity; transform: rotate(-90deg); opacity: 0; transition: transform .2s ease-out .5s, opacity .2s ease-out .5s; } body.showmenuend #menuDisp_pc .close { transform: none; opacity: 1; } body:not(.inputsearch).showmenu #menuDisp_pc .close { display: block; } #pc .pc_navi_body { display: none; } .showmenu #pc .pc_navi_body { display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 100%; min-height: 100%; } #pc .pc_navi_body:before { /* add: 2019/03/15 */ content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; z-index: -1; background: rgba(169,194,63,.72); opacity: 1; transition: opacity .3s ease-out; } #pc .pc_navi_body .hd { border-bottom: 1px solid rgba(255,255,255,.5); padding: 0 0 20px; } body.isIE #pc .pc_navi_body .hd, body.isEdge #pc .pc_navi_body .hd { padding-top: 10px; } #pc .pc_navi_body .hd ul { display: flex; width: 894px; margin: 0 auto; } #pc .pc_navi_body .hd li { margin: 0 50px 0 0; opacity: 0; will-change: opacity; } #pc .pc_navi_body .hd li:nth-child(1) { transition-delay: 0s; } #pc .pc_navi_body .hd li:nth-child(2) { transition-delay: 0.05s; } #pc .pc_navi_body.init .hd li { transition-property: opacity; transition-duration: .45s; transition-timing-function: ease-out; opacity: 1; } #pc .pc_navi_body .hd a { padding: 5px 0 5px 24px; background: url(/common/img/pc/arw_02_grn.svg) 2px 50% no-repeat; background-size: 19px; color: #004438; font-size: .965rem; font-weight: 500; text-decoration: none; } #pc .pc_navi_body .hd.show li.sitemap a { background-image: url(/common/img/pc/icn_close_nv_s.svg); } body.isIE #pc .pc_navi_body .hd a { padding-top: 13px; } #pc .pc_navi_body .hd a.curosr-hover { color: #FFFFFF; background-image: url(/common/img/pc/arw_03_wht.svg); } #pc .pc_navi_body .hd.show li.sitemap a.curosr-hover { background-image: url(/common/img/pc/icn_close_nv_s_o.svg?v=1.0.1); } #pc .pc_navi_body .hd li.sitemap .open { display: inline } #pc .pc_navi_body .hd li.sitemap .close { display: none; } #pc .pc_navi_body .hd.show li.sitemap .open { display: none } #pc .pc_navi_body .hd.show li.sitemap .close { display: inline; } #pc .pc_navi_body .bd { display: flex; align-items: center; width: 100%; margin: 0; } #pc .pc_navi_body .bd > ul img { max-width: 100%; } /* #pc .pc_navi_body .bd > ul li.hover img { opacity: .8; } */ #pc .pc_navi_body .bd > ul { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 850px; width: 66.406%; margin: 2% auto; } #pc .pc_navi_body .bd > ul > li { width: 32.739%; padding: 0 0 0%; opacity: 0; will-change: opacity; } #pc .pc_navi_body .bd > ul > li:nth-child(1) { transition-delay: 0.1s; } #pc .pc_navi_body .bd > ul > li:nth-child(2) { transition-delay: 0.15s; } #pc .pc_navi_body .bd > ul > li:nth-child(3) { transition-delay: 0.2s; } #pc .pc_navi_body .bd > ul > li:nth-child(4) { transition-delay: 0.25s; } #pc .pc_navi_body .bd > ul > li:nth-child(5) { transition-delay: 0.3s; } #pc .pc_navi_body .bd > ul > li:nth-child(6) { transition-delay: 0.35s; } #pc .pc_navi_body.init .bd > ul > li { transition-property: opacity; transition-duration: .45s; transition-timing-function: ease-out; opacity: 1; } #pc .pc_navi_body .bd > ul > li .sub { padding: 3% 0 0; } #pc .pc_navi_body .bd > ul > li:nth-child(1) .sub, #pc .pc_navi_body .bd > ul > li:nth-child(2) .sub, #pc .pc_navi_body .bd > ul > li:nth-child(3) .sub { padding-bottom: 15.5%; } #pc .pc_navi_body .bd li ul { padding: 0 0 0 12px; overflow: hidden; max-height: 0; transition: max-height .5s ease-out; will-change: max-height; } #pc .pc_navi_body .bd.show li ul { max-height: 10em; /* margin-bottom: -6%;*/ } #pc .pc_navi_body .bd li li { } #pc .pc_navi_body .bd a.title { display: block; margin: 0 0 2.5%; padding: 5px 0 5px 24px; background: url(/common/img/pc/arw_02_grn.svg) 2px 50% no-repeat; background-size: 19px; color: #004438; font-size: .965rem; font-weight: 500; text-decoration: none; } body.isIE #pc .pc_navi_body .bd a.title { padding-top: 12px; } #pc .pc_navi_body .bd li.hover a.title { color: #FFFFFF; background-image: url(/common/img/pc/arw_03_wht.svg); } #pc .pc_navi_body .bd li li a { display: block; padding: 0 0 0 1em; text-indent: -1em; color: #004438; font-size: .875rem; font-weight: 400; line-height: 1.4; text-decoration: none; } #pc .pc_navi_body .bd li li a.curosr-hover { color: #FFFFFF; } #pc .pc_navi_body .bd li li a:before { content: "・"; } #pc .pc_navi_body .ft { padding: 1.2em 0 .5em; height: 5.5em; border-top: 1px solid rgba(255,255,255,.5); color: #FFFFFF; font-size: .688rem; font-weight: 500; text-align: center; } #pc > ul:not(.sns) { display: table; position: absolute; top: calc(51% - .75em); left: 18%; margin: 0 auto !important; white-space: nowrap; } body.isSafari #pc > ul:not(.sns) { top: calc(51% - .8em); } body.isFF #pc > ul:not(.sns), body.isIE #pc > ul:not(.sns) { top: calc(51% - .85em); } body.isAndroid #pc > ul:not(.sns), body.isIos #pc > ul:not(.sns) { top: calc(51% - 1em); } #pc > ul:not(.sns) > li { display: inline-block; margin: 0 0 0 .3%; font-size: .813rem; font-weight: 500; line-height: 1.1; letter-spacing: .1em; white-space: nowrap; } #pc > ul:not(.sns) > li:last-child { letter-spacing: 0; } #pc > ul:not(.sns) > li a { display: block; border-radius: 5px; padding: 8px 13px 7px 10px; color: #FFFFFF; text-decoration: none; will-change: background-color, color; } #pc > ul:not(.sns) > li a.materialize { -webkit-transition-property: background-color, color; -moz-transition-property: background-color, color; -ms-transition-property: background-color, color; -o-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 500ms; -moz-transition-duration: 500ms; -ms-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #pc > ul:not(.sns) > li a.curosr-hover { color: #004438; } #pc > ul:not(.sns) > li a.open, #pc > ul:not(.sns) > li a.open.curosr-hover { background-color: #004438; color: #FFFFFF; } #pc > ul:not(.sns) > li a:before { content: ""; display: inline-block; width: 12px; height: 12px; margin: 0 .8em 1px 0; background: url(/common/img/pc/arw_nv.svg) 5% 50% no-repeat; background-size: 100%; vertical-align: middle; } #pc > ul:not(.sns) > li a.open:before { background-image: url(/common/img/pc/arw_nv_o.svgz); } #pc > ul .sub { display: none; } #pc > ul.sns { position: absolute; top: 38px; right: 96px; /* search no disp right: 28px; */ -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } body.inputsearch #pc > ul.sns { display: none; } body:not(.fix_bg) #pc > ul.sns { position: fixed; z-index: 11; } body:not(.fix_bg):not(.showmenu) #pc > ul.sns:after { content: ""; display: block; position: absolute; width: 146.3%; height: 130%; top: -16%; left: -13%; z-index: -1; border-radius: 10px; background: rgba(255,255,255,.5); } #pc > ul.sns.hide { } #pc > ul.sns > li, .footerInner nav ul.sns li { float: left; font-size: .688rem; letter-spacing: .1em; text-transform: uppercase; } #pc > ul.sns > li.title, .footerInner nav ul.sns li.title { margin: 12px -2px 0 0; font-size: .813rem; font-family: 'Sequel Light'; } body.isIE #pc > ul.sns > li.title, body.isIE .footerInner nav ul.sns li.title { margin-top: 9px; } #pc > ul.sns > li a, .footerInner nav ul.sns li a { display: block; width: 32px; height: 1px; overflow: hidden; margin: 0 0 0 11px; padding: 32px 0 0; background: url(/common/img/icn_facebook_01.svg) 0 0 no-repeat; background-size: 100%; text-indent: 1000em; } .footerInner nav ul.sns li.facebook a.curosr-hover { background-image: url(/common/img/icn_facebook_01.svg); } #pc > ul.sns > li.facebook a.curosr-hover, .footerInner nav ul.sns li.facebook a { background-image: url(/common/img/icn_facebook_02.svg); } #pc > ul.sns > li.twitter a, .footerInner nav ul.sns li.twitter a.curosr-hover { background-image: url(/common/img/icn_twitter_01.svg); } #pc > ul.sns > li.twitter a.curosr-hover, .footerInner nav ul.sns li.twitter a { background-image: url(/common/img/icn_twitter_02.svg); } #pc > ul.sns > li.instagram a, .footerInner nav ul.sns li.instagram a.curosr-hover { background-image: url(/common/img/icn_instagram_01.svg); } #pc > ul.sns > li.instagram a.curosr-hover, .footerInner nav ul.sns li.instagram a { background-image: url(/common/img/icn_instagram_02.svg); } #pc > ul.sns > li.youtube a, .footerInner nav ul.sns li.youtube a.curosr-hover { background-image: url(/common/img/icn_youtube_01.svg); } #pc > ul.sns > li.youtube a.curosr-hover, .footerInner nav ul.sns li.youtube a { background-image: url(/common/img/icn_youtube_02.svg); } #menuClose { display: none; } .showmenu #menuClose { display: block; } #menuClose a, #mpClose { display: block; position: absolute; width: 2rem; height: 1px; top: 39px; right: 28px; z-index: 1; overflow: hidden; padding: 2rem 0 0; background: url(/common/img/pc/icn_close_nv.svgz) 0 0 no-repeat; background-size: 100%; text-indent: 1000em; } body.isIos #menuClose a, body.isAndroid #menuClose a { top: 2.5rem; } body.isIos #menuClose a { right: 1.49487rem; } #menuClose a.curosr-hover, #mpClose.curosr-hover { background-image: url(/common/img/pc/icn_close_nv_o.svgz); } .showmenu #menuClose a.hide, #mpClose.hide { opacity: 0; -webkit-transform: rotate(-23deg); -moz-transform: rotate(-23deg); -ms-transform: rotate(-23deg); -o-transform: rotate(-23deg); transform: rotate(-23deg); } .showmenu #menuClose a.transition, #mpClose.transition { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -ms-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } #nv_sub, #nv_sub2 { display: none; } #nv_sub { position: absolute; width: 100%; min-width: calc(960px - 4.21875vw * 2); max-width: 1920px; height: 100%; top: 0; left: 0; z-index: 50; overflow-y: auto; -webkit-overflow-scrolling: touch; /* border: 4.21875vw solid #FFFFFF; border-bottom: 0; */ padding: 105px 0 0; background: rgba(169,194,63,.72); } body.showmenu #nv_sub { /* display: block; */ position: fixed; position: absolute; height: auto; min-height: calc(100% + 54px); min-height: 100%; /* 2017/08/23 */ overflow-y: visible; border: 0; } body.isAndroid #nv_sub { padding-top: 90px; } #nv_sub .sub { color: #FFFFFF; font-size: 1.126rem; font-size: 1.125rem; letter-spacing: .06em; } #nv_sub .sub .title, #nv_sub .sub > ul > li { display: block; border-bottom: 1px solid rgba(255,255,255,.5); } #nv_sub .sub .title { padding: 30px 0 20px; padding: 1.66em 0 1.10667em; color: #FFFFFF; text-decoration: none; } #nv_sub .sub > ul > li > a { display: block; padding: 30px 0; padding: 1.66em 0 1.46em; } #nv_sub .sub > ul > li > .wrap { display: block; padding: 30px 0 0; } #nv_sub .sub > ul > li > a.wrap { color: #FFFFFF; text-decoration: none; } #nv_sub .sub > ul > li > ul { padding: 0 0 30px; } #nv_sub .sub > ul > li ul:after { content: ""; display: table; clear: both; } #nv_sub .sub > ul > li li { float: left; padding: 30px 35px 0 0; list-style-type: none; } #nv_sub .sub .title .wrap, #nv_sub .sub > ul > li a > .wrap, #nv_sub .sub > ul > li > .wrap > span, #nv_sub .sub > ul > li > ul { display: block; width: 710px; max-width: 90%; margin: 0 auto; font-weight: 500; etter-spacing: .15em; } #nv_sub .sub .title .wrap { text-indent: -15px; } #nv_sub .sub .title .wrap:before { content: ""; display: inline-block; width: 52px; height: 52px; margin: 0 11px 4px 0; background: url(/common/img/icn_product_nv.svgz) 0 0 no-repeat; background-size: 100% auto; vertical-align: middle; } #nv_sub .sub.product .title .wrap:before { background-image: url(/common/img/icn_product_nv.svgz); } #nv_sub .sub.howtoeat .title .wrap:before { background-image: url(/common/img/icn_howtoeat_nv.svgz); } #nv_sub .sub.explore .title .wrap:before { background-image: url(/common/img/icn_explore_nv.svgz); } #nv_sub .sub.recipe .title .wrap:before { background-image: url(/common/img/icn_recipe_nv.svgz); } #nv_sub .sub.brand .title .wrap:before { background-image: url(/common/img/icn_product_nv.svgz); } #nv_sub .sub.campaign .title .wrap:before { background-image: url(/common/img/icn_campaign_nv.svgz); } #nv_sub .sub > ul a { color: #004438; text-decoration: none; } #nv_sub .sub > ul a.curosr-hover { color: #FFFFFF; } #nv_sub .sub > ul ul a:before, #nv_sub .sub > ul li > a > .wrap:before { content: ""; display: inline-block; width: 23px; height: 23px; margin: 0 .3em 2px 0; background: url(/common/img/pc/arw_nv_sub.svgz) 0 0 no-repeat; background-size: 100%; vertical-align: middle; } #contents { min-height: 500px; will-change: opacity; transition: opacity .2s ease-out; } body.fix_bg #contents { padding: 107px 0 0; } body.showmenu #contents { opacity: 0; } body.showmenu.isIE #contents, body.showmenu.isEdge #contents { transform: translate3d(0,0,0); } body.fix_bg:not(.home) #contents { padding-top: 106px; line-height: 1.4; } body.shortContents #contents { position: absolute; width: 100%; min-height: 100%; } body.fix_bg.healthpr #contents { padding-top: 0; } .pagetop { position: relative; margin: 5em 0 0; background: #FFFFFF; color: #004537; font-size: .875rem; font-family: 'Sequel Neue Regular'; } #pagetop { visibility: visible !important; } /* .pagetop.curosr-hover { background-image: url(/common/img/pc/arw_up_red.svgz); } body.pagetopstay #pagetop { position: absolute !important; right: 41px; visibility: visible !important; opacity: 1 !important; } */ .pagetop a { display: block; padding: 25px 0 17px; color: #004537; text-align: center; text-decoration: none; } .pagetop a:before { content: ""; display: block; position: absolute; width: 34px; height: 34px; top: -17px; left: calc(50% - 17px); background: url(/common/img/pc/arw_up_wht.svg) 50% 50%/34px 34px no-repeat; } .pagetop a.curosr-hover { color: #ED2939; } .pagetop a.curosr-hover:before { background-image: url(/common/img/pc/arw_up_red.svg); } .headerInner { width: 100%; max-width: 1920px; min-width: 880px; left: 0; top: 0; z-index: 100; transform: none !important; /* 2018/6/20 */ /* border: 4.21875vw solid #FFFFFF; border-bottom: 0; background: #A9C23F; */ } body.showmenu .headerInner { position: absolute; border: 0; /* add: 2019/03/15 */ overflow-y: scroll; } body:not(.isIos):not(.isAndroid).showmenu .headerInner, body:not(.isIos):not(.isAndroid).isScrlUp .headerInner { min-width: calc(960px - 4.21875vw * 2); } /* body.home:not(.nearTop) .headroom--pinned:not(.headroom--top).headerInner:after, body.showmenu .headerInner:after, body:not(.topzero).showMainMenu .headerInner:after, body:not(.home) .headerInner:after { content: ""; display: block; position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 2px solid #FFFFFF; } */ body.fix_bg:not(.showmenu) .headroom.headroom--top { position: fixed; } body.fix_bg.isIos .headerInner, body.fix_bg.isAndroid .headerInner { min-width: 0; } body.fix_bg.isIos .headroom--unpinned, body.fix_bg.isAndroid .headroom--unpinned { transform: none; } body.fix_bg:not(.showmenu):not(.isScrlUp) .headroom.headroom--top, body.fix_bg:not(.showmenu).isIos .headerInner, body.fix_bg:not(.showmenu).isAndroid .headerInner { position: absolute; border-top: 0; border-left: 0; border-right: 0; } /* body:not(.fix_bg) .headerInner { background: #A9C23F; } */ body.fix_bg:not(.isIos):not(.isAndroid):not(.topzero):not(.nearTop4):not(.nearTop4) .headerInner.headroom--pinned, body.fix_bg:not(.isIos):not(.isAndroid):not(.topzero):not(.nearTop4):not(.nearTop4) .headerInner.headroom--unpinned { border-top: 0; background: #A9C23F; } body.fix_bg.showmenuend.isIE .headerInner.headroom--pinned, body.fix_bg.showmenuend.isEdge .headerInner.headroom--pinned { background: transparent !important; } body.inputsearch #header { /* height: 74px; background: #A9C23F; */ } body.showmenu.isIos .contInner, body.showmenu.isAndroid .contInner { opacity: 0; } .headerInner:after { content: ""; display: table; clear: both; position: absolute; width: 100%; top: 0; z-index: -1; background: rgba(169,194,63,.72); opacity: 0; transition: opacity .3s ease-out; } body.showmenu .headerInner:after { height: 100vh; /* change: 2019/03/15 */ height: 75px; opacity: 1; } .headerInner .logo { display: block; width: 140px; height: 1px; overflow: hidden; margin: 0 auto; padding: 101px 0 0; background: url(/common/img/logo.svg?v=1.0.1) 0 -24px no-repeat; background-size: 100%; text-indent: 1000em; transform-origin: 50% 25%; transition: transform .3s ease-out; } body.inputsearch .headerInner .logo { /* display: none; */ visibility: hidden; } body.inputsearch .headerInner .logo, body.showmenu .headerInner .logo, body.fix_bg .headerInner.headroom--not-top .logo { transform: scale(.58141) translate(0,-5%); margin-bottom: -26px; } .headerInner .searchbox { /* search no disp display: none !important; */ position: absolute; top: 38px; right: 23px; z-index: 1; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } body.windowunload .headerInner .searchbox { display: none; } body.inputsearch .headerInner .searchbox { right: auto; left: 50%; transform: translate(-48.2%,-50%) !important; } body.inputsearch.isIos .headerInner .searchbox { transform: translate(-72%,-50%) !important; } body:not(.fix_bg):not(.showmenu) .headerInner .searchbox { position: fixed; z-index: 12; } body:not(.fix_bg):not(.showmenu) .headerInner .searchbox button[type=submit] { background: transparent; } .headerInner .searchbox .query, .headerInner .searchbox .submit { display: table-cell; } body:not(.inputsearch) .headerInner .searchbox .query { display: none; } .headerInner .searchbox input[type=text] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; width: 163px; border-width: 0; border-radius: 2em; padding: 3px 5px; background: #D4D4D4; color: #004438; font-size: .75rem; font-weight: 400; line-height: 1.1; letter-spacing: .1em; text-align: center; vertical-align: middle; } body.inputsearch .headerInner .searchbox input[type=text] { width: 440px; height: 2em; border-radius: .5em; margin: 0 13px 0 0; padding: 1% 9% 1% 3%; background: #FFFFFF; color: #004438; font-size: .938rem; letter-spacing: -.05em; line-height: 1.9; text-align: left; } body.isIos .headerInner .searchbox input[type=text] { width: 163px; padding: 3px 5px; font-size: .75rem; width: 348px; padding: 6px 11px; font-size: 2rem; -webkit-transform: scale(.469) translate(53.1%,0); transform: scale(.469) translate(53.1%,0); } body.inputsearch.isIos .headerInner .searchbox input[type=text] { width: 323px; height: 1.5em; border-radius: 8vw; padding: 1% 9% 1% 3%; font-size: .938rem; width: 689px; height: 2em; border-radius: 17.05756vw; padding: 0 9% 0 3%; font-size: 2rem; } body.isIos .headerInner .searchbox .query { } .headerInner .searchbox input[type=text]::-webkit-input-placeholder { color: #A9C23F; text-align: cener; } .headerInner .searchbox input[type=text]::-moz-placeholder { color: #A9C23F; text-align: cener; } .headerInner .searchbox input[type=text]:-moz-placeholder { color: #A9C23F; text-align: cener; } .headerInner .searchbox input[type=text]::-ms-input-placeholder { color: #A9C23F; text-align: cener; } .headerInner .searchbox input[type=text]::-o-input-placeholder { color: #A9C23F; text-align: cener; } .headerInner .searchbox input[type=text]:placeholder-shown { color: #A9C23F; text-align: cener; } .headerInner .searchbox button[type=submit] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-width: 0; border-radius: 6px; padding: 3px 17px 3px 18px; background: rgba(255,255,255,.5); vertical-align: middle; cursor: pointer; } .headerInner .searchbox button[type=submit] img { width: 1.55rem; height: 1.55rem; vertical-align: middle; } body.inputsearch .headerInner .clear_x { display: block; position: absolute; width: 7%; height: 0; top: 50%; right: 13.5%; overflow: hidden; padding: 10% 0 0; color: #004438; font-size: .9rem; font-weight: 400; cursor: pointer; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } body.inputsearch .headerInner .clear_x.curosr-hover { color: #004438; } .headerInner .searchclose { display: none; cursor: pointer; } body.inputsearch .headerInner .searchclose { display: block; position: absolute; width: 2.25rem; height: 1px; top: 40px; right: 0; overflow: hidden; border-radius: 100px; padding: 36px 0 0; padding: 2.25rem 0 0; background: #034638 url(/common/img/pc/icn_close_nv.svgz) 50% 50% no-repeat; background-size: 45%; -webkit-transform: translate(-97%,-50%); -moz-transform: translate(-97%,-50%); -ms-transform: translate(-97%,-50%); -o-transform: translate(-97%,-50%); transform: translate(-97%,-50%); } .headerInner .searchclose.curosr-hover { background-image: url(/common/img/pc/icn_close_nv_red.svgz); } body:not(.is_rslt_input_focus) .ui-widget.ui-widget-content { position: fixed; width: 30% !important; min-width: 480px; top: 54px !important; top: calc(4.21875vw - 1px) !important; left: 50% !important; z-index: 101; margin: 0 0 0 -206px; border-width: 0 !important; padding: 0 22px 20px; background: #FFFFFF !important; font-size: .875rem; width: 440px !important; min-width: 440px; margin: 0 0 0 -247px; } .ui-menu .title, .ui-menu .ui-menu-item { padding: 1.4em 0 0; background: #FFFFFF; color: #004438; font-size: .875rem; font-family: "Noto Sans Japanese"; font-weight: 400; line-height: 1; } .ui-menu .ui-menu-item.curosr-hover, .ui-menu-item-wrapper.curosr-hover { color: #ED2939; } .ui-menu .title { margin-top: 0; padding: 1.7em 0 0; color: #A9C23F; } .ui-state-active, .ui-widget-content .ui-state-active { border-width: 0 !important; background: #FFFFFF !important; color: #004438 !important; } .ui-menu .ui-menu-item-wrapper { text-decoration: underline; padding: 0; } .ui-menu-item-wrapper:before { content: "> "; } #contentsCover { display: none; height: 0; background: #A9C23F; opacity: 0; transform: translateZ(0); will-change: opacity; } #contentsCover.animate { position: fixed; width: calc(100% - 54px * 2); top: 0; z-index: 100; -webkit-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 350ms cubic-bezier(0.165, 0.84, 0.44, 1); height: 100%; } #contentsCover.animate2 { -webkit-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } /* #contentsCover.noInit, */ body.windowunload #contentsCover, body.inputsearch #contentsCover { display: block; position: fixed; width: 100%; height: 100%; top: 0; z-index: 101; background: #A9C23F; opacity: .8; } body.inputsearch #contentsCover { opacity: .8; background: #FFCD00; } #contentsCover.noInit.doInit { opacity: 0; } #contentsCover.noInit.showmenu { z-index: 90; opacity: 1; } body.inputsearch #contentsCover.noInit.showmenu { opacity: .8; } body.windowunload.hd_nodisp #contentsCover { display: block !important; } body.windowunload #contentsCover { z-index: 200; } body:not(.inputsearch).topzero #contentsCover.noInit, body:not(.inputsearch).windowunload.isScrlUp #contentsCover { margin-top: 54px; } #suggest_box { position: fixed; width: 440px; top: 54px; top: calc(4.21875vw - 1px); left: 50%; z-index: 101; margin: 0 0 0 -247px; padding: 0 22px 20px; font-size: .875rem; } body:not(.oninput) #suggest_box.show { display: block; } body.is_rslt_input_focus #suggest_box { min-width: 0; } #suggest_box .title { padding: 1.7em 0 0; line-height: 1; } #suggest_box ul li { padding: 1.4em 0 0; line-height: 1; } #suggest_box ul li a.curosr-hover { color: #ED2939; } #wrapper > footer { width: 100%; } body.showmenu footer { } .footer { padding: 23px 20px 80px; background: #BED249; color: #FFFFFF; font-size: 12px; text-align: center; } .footerInner { background: rgba(255,255,255,.69); } .footerInner nav { width: 980px; margin: 0 auto; /* padding: 15px 0 20px 102px; */ padding: 15px 0 13px; } .footerInner nav ul.main { margin: 0 0 20px; } .footerInner nav ul.main ul { margin: 0 0 0 -1em; padding: .9em 0 0; } .footerInner nav ul.main:after { content: ""; display: table; clear: both; } .footerInner nav ul.main > li { float: left; padding: 0 0 0 .9em; text-indent: -.9em; } .footerInner nav ul.main > li:nth-child(1) { width: 9%; } .footerInner nav ul.main > li:nth-child(2) { width: 17%; } .footerInner nav ul.main > li:nth-child(3) { width: 14.7%; } .footerInner nav ul.main > li:nth-child(4) { width: 18%; } .footerInner nav ul.main > li:nth-child(5) { width: 17.0%; } .footerInner nav ul.main > li:nth-child(5) li:last-child { white-space: nowrap; } .footerInner nav ul.main > li:nth-child(6) { width: 14%; margin: 0 0 1%; margin: 0 0 2.7%; } .footerInner nav ul.main > li > a:before { content: "● "; font-size: 10px; } .footerInner nav ul.main > li li { padding: 0 0 0 .5em; text-indent: -.5em; } .footerInner nav ul.main > li li a:before { content: "・"; font-size: .75rem; } .footerInner nav ul.sub { float: left; padding: 11px 0 0; } .footerInner nav ul.sns { float: right; } .footerInner nav ul.sub li { float: left; margin: 0 16px 0 0; } .footerInner nav .banner { display: none; clear: both; padding: 35px 0 0; } .footerInner .utility { position: relative; padding: 12px 0 50px; background: #A9C23F; } .footerInner .utility .util_inner { width: 980px; max-width: 980px; width: 97%; margin: 0 auto; /* padding: 0 0 0 102px; */ } .footerInner nav:after, .footerInner .utility .util_inner:after { content: ""; display: table; clear: both; } body.windowunload #nv_sub2 { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 400; } body.windowunload #nv_sub2:after { content: ""; position: absolute; top: -54px; left: 0; width: 100%; height: 100%; border-top: 54px solid #FFFFFF; z-index: 400; } body.inputsearch #nv_sub2 { display: block; position: absolute; width: 100%; bottom: -54px; z-index: 101; border-bottom: 54px solid #FFFFFF; } body.windowunload .utility:before { content: ""; display: block; position: absolute; width: 100%; height: calc(100% + 54px); bottom: -54px; left: 0; background: #FFFFFF; z-index: 401; } .footerInner .utility p { float: left; padding: .4% 1em 0 0; } .footerInner .utility p.copyright { float: right; padding: .4% 0 0; font-size: .688rem; font-weight: 700; font-weight: 500; white-space: nowrap; } .footerInner nav ul.main a, .footerInner nav ul.sub a, .footerInner .utility p a { color: #004438; font-size: .75rem; letter-spacing: .06em; text-decoration: none; } .footerInner nav ul.main a.curosr-hover, .footerInner nav ul.sub a.curosr-hover { color: #ED2939; } .footerInner .utility p a.curosr-hover { color: #ED2939; } .footerInner nav ul.sub a:before, .footerInner .utility p a:before { content: ""; display: inline-block; width: 13px; height: 13px; margin: 0 .25em .2em 0; background: url(/common/img/pc/arw_ft.svgz) 0 0 no-repeat; background-size: 100%; vertical-align: middle; } .footerInner nav ul.sub a.curosr-hover:before { background-image: url(/common/img/pc/arw_ft_red.svgz); } .footerInner .utility p a.curosr-hover:before { background-image: url(/common/img/pc/arw_ft_red.svgz); } } @media (min-width: 601px) and (max-width: 895px){ body:not(.is_rslt_input_focus) .ui-widget.ui-widget-content { left: 442px !important; } .header { height: 12vw; } .header h1 { width: 13vw; top: 3.1vw; } } @media (min-width: 601px) and (max-width: 899px){ #suggest_box { left: 0; top: 48px; margin-left: 196px; } } @media (min-width: 601px) and (max-width: 959px){ html { font-size: .75rem; overflow-x: auto; } /* .headerInner, #nv_sub, #wrapper { border-width: 40px; } */ #nv_sub { padding-top: 88px; } body.showmenu #nv_sub { min-height: calc(100% + 40px); min-height: 100%; /* 2017/08/23 */ } body.showmenu.isIos #nv_sub, body.showmenu.isAndroid #nv_sub { min-width: calc(100% - 4.21875vw); min-height: calc(100% + 40px * 2.8); } body.showmenu.isIos #nv_sub { min-height: calc(100% + 40px * 4); } body.isIos #nv_sub { padding-top: 90px; } body.fix_bg:not(.home):not(.healthpr).isIos #contents { padding-top: 10.4%; } body.fix_bg:not(.home):not(.healthpr).isAndroid #contents { padding-top: 10.0%; } body.inputsearch #contentsCover { top: 48px; } body.topzero #contentsCover.noInit/*, body.windowunload.isScrlUp #contentsCover*/ { margin-top: 48px; } #suggest_box { top: 48px; } body:not(.is_rslt_input_focus) .ui-widget.ui-widget-content { top: 48px !important; } #menuClose a { top: 34px; right: 15px; } body.isIos #pc, body.isAndroid #pc { overflow-x: hidden; overflow-y: scroll; } body.isIos #pc .pc_navi_body .hd ul, body.isAndroid #pc .pc_navi_body .hd ul { margin-top: .3%; } #pc > ul:not(.sns) { left: 12%; margin: 0 0 0 2%; zoom: .9; } body.isAndroid #pc > ul:not(.sns) { left: 18%; zoom: 1; } #pc > ul:not(.sns) > li { font-size: .75rem; } body.isAndroid #pc > ul:not(.sns) > li { font-size: .85rem; } #pc > ul:not(.sns) > li a { padding-right: 8px; padding-left: 8px; } body.fix_bg #contents { padding-top: 10%; } .headerInner .logo { width: 10%; padding-top: 8.4%; background-position: 0 -12px; } #menuDisp_pc { top: 8px; } .headerInner .searchbox { top: 25px; } #pc > ul.sns { top: 25px; } body.inputsearch .headerInner .searchbox input[type=text] { font-size: .813rem; padding: 5px 10px 5px 13px; } body.inputsearch .headerInner .searchclose { top: 24px; } body:not(.is_rslt_input_focus) .ui-widget.ui-widget-content { /* left: 480px !important; */ top: 48px !important; } .ui-widget.ui-widget-content { left: 480px !important; } .footerInner nav { width: 97.15909%; } } @media (min-width: 960px) and (max-width: 1279px){ html { font-size: 1.3vw; } /* .headerInner, #nv_sub, #wrapper { border-width: 4.21875vw; } */ body.showmenu #nv_sub { min-height: calc(100% + 4.21875vw); min-height: 100%; /* 2017/08/23 */ } body.showmenu.isIos #nv_sub, body.showmenu.isAndroid #nv_sub { min-width: calc(100% - 4.21875vw); min-height: calc(100% + 4.21875vw * 2.8); } body.showmenu.isIos #nv_sub { min-height: calc(100% + 4.21875vw * 4); } body.inputsearch #contentsCover { top: 74px; } body.topzero #contentsCover.noInit/*, body.windowunload.isScrlUp #contentsCover*/ { margin-top: 74px; } #suggest_box { top: 74px; } body:not(.is_rslt_input_focus) .ui-widget.ui-widget-content { top: 74px !important; } #menuClose a { top: 42px; right: 15px; } #pc > ul:not(.sns) { min-width: 830px; margin: 0 0 0 5%; } body.isAndroid #pc > ul:not(.sns) { min-width: 0; margin: 0 0 0 6%; zoom: .9; } body.isIos #pc, body.isAndroid #pc { overflow-x: hidden; overflow-y: scroll; } body.isIos #pc .pc_navi_body .hd ul, body.isAndroid #pc .pc_navi_body .hd ul { margin-top: .3%; } #pc > ul:not(.sns) > li a { padding-right: 8px; padding-left: 8px; } body.fix_bg #contents { } .headerInner .logo { } body.isAndroid .headerInner .logo { width: 10%; padding-top: 10%; background-position: 0 -1vw; } body.inputsearch .headerInner .searchbox input[type=text] { font-size: 1rem; padding: .52083vw 1.04167vw .52083vw 1.35417vw; } .footerInner nav { width: 97.15909%; max-width: 980px; } } @media (max-width: 980px){ .footerInner nav ul.sns, .footerInner .utility p.copyright { padding-right: 2%; } } @media (min-width: 960px) and (max-width: 1024px){ #pc > ul:not(.sns) { min-width: 700px; left: 12%; } #pc > ul:not(.sns) > li { margin: 0 0 0 .1%; font-size: .75rem; } body.isAndroid #pc > ul:not(.sns) > li { font-size: .85rem; } body.fix_bg:not(.home).isIos #contents, body.fix_bg:not(.home).isAndroid #contents { padding-top: 10.4%; } } @media (min-width: 1025px) and (max-width: 1120px){ #pc > ul:not(.sns) { left: 14%; } #pc > ul:not(.sns) > li { margin: 0 0 0 .4%; } } @media (min-width: 1121px) and (max-width: 1279px){ #pc > ul:not(.sns) { left: 16%; } #pc > ul:not(.sns) > li { margin: 0 0 0 .65%; } } @media (min-width: 1280px){ /* .headerInner, #nv_sub, #wrapper { border-width: 54px; } */ body.showmenu #nv_sub { min-height: calc(100% + 54px); min-height: 100%; /* 2017/08/23 */ } body.showmenu.isIos #nv_sub, body.showmenu.isAndroid #nv_sub { min-height: calc(100% + 54px * 2.8); } body.showmenu.isIos #nv_sub { min-height: calc(100% + 54px * 4); } body.isAndroid #nv_sub { padding-top: 108px; } body.inputsearch #contentsCover { top: 74px; } #suggest_box { top: 74px; } body:not(.is_rslt_input_focus) .ui-widget.ui-widget-content { top: 74px !important; } } @media (min-width: 1280px) and (max-width: 1300px){ #pc > ul:not(.sns) > li { margin: 0 0 0 .4vw; } } @media (min-width: 1301px) and (max-width: 1400px){ #pc > ul:not(.sns) > li { margin: 0 0 0 .55vw; } } @media (min-width: 1401px) and (max-width: 1440px){ #pc > ul:not(.sns) > li { margin: 0 0 0 .75vw; } } @media (min-width: 1441px) and (max-width: 1600px){ #pc > ul:not(.sns) > li { margin: 0 0 0 1.3vw; } } @media (min-width: 1601px) and (max-width: 1760px){ #pc > ul:not(.sns) > li { margin: 0 0 0 2.0vw; } } @media (min-width: 1761px) and (max-width: 1920px){ #pc > ul:not(.sns) > li { margin: 0 0 0 2.86458vw; } } @media (min-width: 1280px) and (max-width: 1319px){ #pc > ul:not(.sns) { min-width: 830px; margin: 0 0 0 2%; } } @media (min-width: 1280px) and (max-width: 1500px){ } @media (min-width: 1320px) and (max-width: 1920px){ } @media (min-width: 1921px){ #nv_sub { left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .headerInner { margin: 0 auto; } #wrapper { top: 0; left: calc(50% - 1920px / 2); } #pc > ul:not(.sns) { } #pc > ul:not(.sns) > li { margin: 0 0 0 55px; } }