@charset "utf-8"; /* Theme Name: ilecdata Theme URI: http://webforart.net/ Description: ilecサイトテーマ。 Author: Web for Art Author URI: http://webforart.net/ Version: 0.1.1 */ * html body,html[xmlns*=""] body:last-child #page{margin:0 auto}*,:after,:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0}a img,body,fieldset,hr,html,img{border:0}* html body,sub,sup{vertical-align:baseline}:focus,a{outline:0}a,a:active,a:focus,a:hover,h1,ins{text-decoration:none}.cf,.clearfix,.div,.table,address,article,aside,details,fieldset,figcaption,figure,footer,h1,header,hgroup,main,menu,nav,section{display:block;margin:0;padding:0}a,input[type=button],input[type=submit]{cursor:pointer}pre,textarea{overflow:auto}sub,sup{position:relative}html{overflow-y:scroll}body,html{-webkit-text-size-adjust:none;height:100%;min-height:100%}* html body{letter-spacing:1px;} body{font-size:16px; font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Helvetica,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;} button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;margin:5px 1%;padding:0;vertical-align:baseline}* html .cf,* html .clearfix{height:1%}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,div,dl,dt,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strong,sub,sup,table,tbody,tfoot,th,thead,tr,ul{border:0;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;}blockquote,cite,i{font-style:italic}h1{clear:both;font-size:11px;line-height:1}dt,h2,h3,h4,h5,h6,strong{font-weight:700}pre{margin:30px 0}hr{background-color:#ccc;height:1px;margin-bottom:1.625em}table{font:100%;border-collapse:separate;border-spacing:0}table tbody td,table td,table th{border:1px solid #636363;}caption,table,tbody,td,th{font-weight:400;text-align:left;table-layout:fixed;}table{margin:10px auto;font-size:12px}table td,table th{padding:6px 2%;vertical-align:top}table tbody th{min-width:28%}code,pre{font-family:monospace;line-height:100%}ol,ul{list-style:none;line-height:1}ol{list-style-type:decimal;padding:0 0 0 20px}ol ol{list-style:upper-alpha}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:lower-alpha}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}blockquote{font-weight:400;margin:0 3em}b,blockquote,blockquote cite,em,i{font-style:normal}blockquote cite{color:#666;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.05em;text-transform:uppercase}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}pre{background:#f4f4f4;font:13px "Courier 10 Pitch",Courier,monospace;line-height:1.5;margin-bottom:1.625em;padding:.75em 1.625em}sub,sup{font-size:85%;height:0;line-height:1}sup{bottom:1ex}sub{top:.5ex}a{-webkit-transition:color .3s linear;-o-transition:color .3s linear}figure img{max-width:100%}input{margin:5px 1%}label{padding:2px 5px}select,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],textarea{background:#fafafa;box-shadow:inset 2px 2px 2px 1px #e8e8e8;border:1px solid #d3d3d3;padding:5px 1%;max-width:100%;}textarea{width:98%}input#searchsubmit{display:none}select,input,textarea{line-height:1.625;font-family:inherit;font-size:inherit;font-weight:inherit}embed,iframe,object{max-width:100%;z-index:1}.alignleft{display:inline;float:left;margin-right:1.625em}.alignright{display:inline;float:right;margin-left:1.625em}.aligncenter,.clear{clear:both;display:block}.aligncenter{margin-left:auto;margin-right:auto}.clear{float:none}.fL,.fR{display:inline}.nc{clear:none!important}.fL{float:left}.fR{float:right}#set-post-thumbnail img[src$=".svg"],img[src$=".svg"].attachment-post-thumbnail,td.media-icon img[src$=".svg"]{width:100%!important;height:auto!important} body:lang(en){font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight: 300;line-height: 1.5em;color: #1e1e1e;} #page:lang(en), #secondary ul li a, #fixhome a, .entry-title, .entry-title a, #kanrenkiji section h3 a, #nav-single a {color: #1e1e1e;} /* clearfix-- */ sdBox:after,.post:after,.cf:after,.clearfix:after,.pagination:after,.wp-pagenavi:after,#respond:after, .entry-content:after,.widget:after {visibility: hidden;display:block;clear:both;height:0;content: "";} #smenu,#ifmbox,#i_menu{display: none;} table thead{background-color:#cfcfcf}table table tbody th{background:#e2e2e2} .osirase li.cpbox .setu a,.wlcbox .flex dd a,.wlcbox .flex .wlc2 a,a{color: #1B81BA;} a:hover,#menu-headersubmenu li a:hover,.page-title a:hover,.bread_crumb a:hover,.entry-header time a:hover,.entry-meta time a:hover,.cat-links a:hover,.tag-links a:hover {color: #3687c5;/* opacity: 0.8; */} #site-title a:hover,#branding #address p.h-tel a:hover,.tels a:hover,a.opnone:hover,#add_logo a:hover {opacity: 1;} .entry-title a:hover,#secondary a:hover{color:#1d2089;} .entry-content h3,.entry-content h4{margin: 35px 0 10px;} .entry-content h5,.entry-content h6{margin: 20px 0 10px;} p{line-height:2;margin:0 0 15px;} ul,ol{padding: 0 0 0 20px;margin: 5px 0 10px;line-height: 1.7;} li{padding: 0;margin: 0 0 10px;} /* Delete 'list-style: none;' 20180916ILEC */ ul ul li{padding: 0;margin: 0 0 10px;list-style:none;} /* SNS */ .f_sns{display:flex;align-items:center;justify-content:center} .f_sns a{display:inline-block;width: 32px;height:32px;overflow:hidden;padding:0;margin:0 10px;text-indent:-200px;border:none;} .facebooklink{background:url(../../uploads/facebook-icon.png)no-repeat center center / contain;} .twitterlink{background:url(../../uploads/linkedin-icon.png)no-repeat center center / contain;} .youtubelink{background:url(../../uploads/youtube-icon.png)no-repeat center center / contain;} .pagination span, .pagination a {color:#fff;background: #7F7F7F;} .pagination a:hover{color:#fff;background: #3279BB;} .pagination .current{background: #3279BB;color:#fff;} #page,#secondary ul li a,#fixhome a,.entry-title,.entry-title a,#kanrenkiji section h3 a,#nav-single a {color: #111;} #page,#container{margin: 0 auto;border:none;padding:0;overflow:hidden;display:block;position: relative;min-height: 100vh;} #site-generator,.maincontent{width: 100%} #page,#colophon,#branding,#headerimg,.w-inpt .page-title,.gnavi{width: 100%;} #smenu{top: 0; } .w-in,.entry-content.w-in{position: relative;max-width:94%;margin:0 auto;} a{color:#2e2c2d} /* --基本レイアウト-- ----------------------------------------------- */ #branding_in {position: relative;z-index: 9999;padding: 0;} #colophon_in,.w-in,#privacy-policy, .ai1ec-clearfix,h1#hedh1 span, #colophon_in,#hedh1 span,.w-in,#bread ul,.page-title,#primary {width: 1100px;max-width:100%;padding:0; margin: 0 auto;display:block;} #primary{padding: 0 0 45px;display: flex;flex-wrap: nowrap;justify-content: space-between;} /* ★右 Content .left-sidebflex-wrap: nowrap;ar*/ .left-sidebar #primary {flex-direction:row-reverse;} #content {margin: 0 auto;padding: 80px 0 45px;line-height:1.5;} .home #content {padding: 0 } #primary #content{float: left;width:77%;overflow:hidden;padding: 35px 2% 0;margin:0;position: relative;z-index: 1;} #secondary {float: right;width: 22%;margin: 20px 0 0 0;padding: 15px 2% 0 0;} #secondary #pageLIST{margin: 0 0 10px ;}#secondary .widget,#secondary #qrcode{margin: 0 0 50px ;} #secondary .widget#block-4{margin:0;} #secondary .widget#block-7 li{display:flex;align-items:center;} #secondary .widget#block-7 li a{margin:0;padding:8px 0;} .entry-content.w-in,.page-title,.w-in.plists,#content.w-in{width:1040px;} .page-title,.cat-title{max-width: 94%;} #primary .cat-title{max-width: 100%;} /* ヘッダー ----------------------------------------------- */ #branding {padding: 0;margin: 0;position: relative;z-index: 999;} #hed{position:relative} #branding_in{width:1440px;max-width: 100%;display: flex;flex-wrap: nowrap;align-items:center;justify-content: space-between;padding: 8px 16px 2px;margin:0 auto;} h1#hedh1{background:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} h1#hedh1 a{color:#aaa;padding: 2px 0 2px;line-height: 1.2;display:inline-block;max-width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} a#rsslink img{margin: 0 2px 0 2px;display:inline;width:10px;height:auto;} #site-title {padding:0;margin:0;float: left;max-width: 98%;text-align:left;text-align:left;} #site-title h2.flex{margin: 0;align-items: flex-end;justify-content: flex-start;} #site-title img{width: 350px;max-width: 100%;height: auto;} .encss #site-title img{/* width:345px; */} #site-title h2 a{color:#d675ab;font-weight: 800;display: inline-block;white-space: nowrap;margin: 0 5px 0 0;font-size: 22px;color:#636363} #site-title span{display:inline-block;font-size: 11px;margin: 0 0 0 3px;} #hedsub a{display: block;position: relative} #hedsub ul{display:flex;align-items: center;justify-content: end;padding: 0px;margin: 0} #hedsub li{padding:0;margin:0;} #hedsub li.drop{overflow:hidden;} #hedsub li.drop a{width:24px;height:24px;padding:0;margin:0;text-indent:-200px;} #hedsub li.drop a{background: url("../../../wp-content/uploads/2018/08/h-kensaku.svg") no-repeat left center;background-size: 24px;} #hedsub li.hca a{background: url("../../../wp-content/uploads/2018/08/h-tel.svg") no-repeat left center;background-size: 15px 18px;} .dropbox{display:none;position: absolute;width:100%;height:100px;background-color:rgba(55,122,176,0.95);right:0;/* bottom: -100px; */left:0;z-index:11111;} .dropbox label{position: absolute;} .dropbox form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(255,255,255,.2);padding: 8px;margin:0 auto;width:380px;max-width:100%;} .dropbox input{margin: 0;width: 100%;box-shadow:none;} #hedsub .lang-switch{margin:0;} #hedsub .lang-switch a{position: relative;font-size: 14px;padding: 0 16px;margin:0 16px 0 8px;background-color: #1D2089;color:#fff;} #hedsub .lang-switch a:hover{} #hedsub .lang-switch a:hover:before{display: block;width: 27px;height: 27px;left:4px;top:-1px;} #hedsub .lang-switch a.first:hover:before{left:5px;top:-1px;} /* トップビジュアル ---------------------------- */ /* トップビジュアルの高さ height:calc(100vh - メニュー等の高さpx);メニュー追従時やイメージが画面の高さ一杯のときはheight:100vh; ---------------------------- */ #headerimg {overflow: hidden;position: relative;padding: 0;margin: 0 auto;line-height: 0;text-align: center;background-repeat:no-repeat;background-size:cover;background-position:center;aspect-ratio:60/19;height:auto} #headerimg li > img, #headerimg li > a > img{width:100%;height:100%;object-fit:cover} #headerimg .slidebox {margin: 0;padding:0;} .himgin {position:absolute;bottom:8px;right:24px;} .lakename{font-size:14px;color:#fff;text-shadow: rgba(0,0,0,.6)3px 3px 3px;} #headerimg li {position: relative;} #headerimg .slide1 li, #headerimg .slide2 li {width: 1176px;max-width: 100%;} #headerimg .slide1 li img, #headerimg .slide2 li img{width: 100%;} #headerimg .fade2 img {transform-origin: center;transform: scale(1.0);transition: 7s transform ease-out;} #headerimg .fade2 .slick-active img {transform: scale(1.04);} #headerimg .tbi li {background-size: cover !important;} .zoom_fade img{ transform-origin: center; transform: scale(1.5); transition: 8s ease-out; } .zoom_fade .slick-active img{ transform: scale(1.0); } .zoomout_fade img{ transform-origin: center; transform: scale(1); transition: 8s ease-out; } .zoomout_fade .slick-active img{ transform: scale(1.5); } .top_youtube{width: 100%;height: calc(100vh - 114px);} .top_youtube:after{background: url("../../../wp-content/uploads/top-pt-w2.png"); content: '';display: block;position: absolute; width: 100%;height: 100%;} .top_scroll {position: absolute;bottom: 5%;left: 0%;right: 0;margin: 0 auto;z-index: 2;text-align: center; width: 60px;height: 60px; background: rgba(255,255,255,0.5); display: flex;align-items: center;justify-content: center; -moz-border-radius: 300px;border-radius: 300px; } .top_scroll a{color:#fff;display: block;font-weight: 500;font-size: 12px;padding: 10px 20px 10px;} .top_scroll a:after{border-left: 2px solid #fff;border-bottom: 2px solid #fff; margin: 5px auto 0;content: '';display: block;vertical-align: 3px;width: 8px;height: 8px; webkit-transform: rotate(45deg);transform: rotate(-45deg); -webkit-animation: sdb 1.5s infinite;animation: sdb 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes sdb { 0% {-webkit-transform: rotate(-45deg) translate(0, 0);opacity: 0;} 50% {opacity: 1;} 100% {-webkit-transform: rotate(-45deg) translate(-10px, 10px);opacity: 0;} } @keyframes sdb { 0% {transform: rotate(-45deg) translate(0, 0);opacity: 0;} 50% {opacity: 1;} 100% {transform: rotate(-45deg) translate(-10px, 10px);opacity: 0;} } .mv-catch{position:absolute;top:0;right:0;bottom:0;left:0;width:880px;max-width:100%;height: 560px;/* max-height: 60vh; */margin:0 auto;padding:80px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;pointer-events: none;} .catch-tit img{width:400px;} p.catch-des{font-size:18px;letter-spacing:2px;margin:80px 0 0;text-shadow: rgba(0,0,0,.6)3px 3px 3px;} .mv-catch .more{margin:40px 0 0;} /* =メインメニュー ------------------- */ .site-submenu .menu,.gnavi .menu{display: flex;justify-content:flex-end;align-items:center;margin: 0 auto;width: 100%;padding: 0 ;} .site-submenu .menu li,.gnavi .menu li{position:relative;width: auto;letter-spacing: normal;padding: 0;margin:0;text-align: center;} .site-submenu .menu li a,.gnavi .menu li a{display:block;font-size: 16px;font-weight:bold;color:#2e2c2d;text-align: center;padding:8px 16px;letter-spacing:1px;position:relative;} #menu-global-nav.menu > li > a,#menu-gnavi-en.menu > li > a{pointer-events:none} #menu-global-nav.menu > li#menu-item-10154 > a,#menu-gnavi-en.menu > li#menu-item-4134 > a{pointer-events:auto} .gnavi .menu li li a:hover{opacity: 0.6;} .gnavi .menu ul ul,.gnavi .menu li ul li a{color: #fff;} .gnavi .menu li ul li a{border-top:1px solid #dcdcdc !important;} .site-submenu{display:flex;align-items:center;padding:0} .sub-nav{margin:0 0 0 auto;padding:8px 0;} .sub-nav .menu li a{font-size: 16px;padding:0 16px;border-left:1px dashed #999;} .sub-nav .menu li#menu-item-10146{border-right:1px dashed #999;} .sub-nav .menu li#menu-item-10162,.sub-nav .menu li#menu-item-10711{overflow:hidden;} .sub-nav .menu li#menu-item-10162 a,.sub-nav .menu li#menu-item-10711 a{width:24px;padding:0;margin:0 8px 0 16px;text-indent:-200px;border:none;background:url(../../uploads/facebook-icon.svg)no-repeat center center / contain;} .sub-nav .menu li#menu-item-10163,.sub-nav .menu li#menu-item-10713{overflow:hidden;} .sub-nav .menu li#menu-item-10163 a,.sub-nav .menu li#menu-item-10713 a{width:32px;padding:0;margin: 0 16px 0 8px;text-indent:-200px;border:none;background:url(../../uploads/youtube-icon.svg)no-repeat center center / 32px;} .sub-nav .menu li#menu-item-10164,.sub-nav .menu li#menu-item-10712{overflow:hidden;} .sub-nav .menu li#menu-item-10164 a,.sub-nav .menu li#menu-item-10712 a{width:24px;padding:0;margin:0 8px;text-indent:-200px;border:none;background:url(../../uploads/linkedin-icon.svg)no-repeat center center / contain;} .gnavi ul .openbox{position: absolute;top: 43px;left:50%;transform:translateX(-50%);width: 320px;height: 0;padding:0;overflow: hidden;transition: 0.2s;background-color: #1d2089;margin: 0;-webkit-box-shadow: 0px 1px 3px 0 #CECCCC;box-shadow: 0px 1px 3px 0 #CECCCC;z-index:99999;} .gnavi ul li.copen:hover > .openbox{height: auto;padding:30px 0;overflow: visible;} .gnavi ul .openbox ul.sub-menu .openbox{position:static;transform:translate(0);height:100%;background-color:transparent;box-shadow:none;padding:0;} .gnavi ul .openbox ul.sub-menu .openbox li a::before{content:'';display:inline-block;width:16px;height:1px;background-color:#fff;vertical-align:middle;margin-right:8px;} .gnavi ul.sub-menu{padding:0;margin:0;} .gnavi ul ul.sub-menu ul{padding: 6px 0 6px;display: block;} .gnavi li ul.sub-menu li{margin:0;padding:0 8px;width:auto;position: relative;box-sizing:border-box;} .gnavi li ul.sub-menu li a{display: block;text-align:left;padding:8px 24px;margin:0 0 10px;border:none!important;} .gnavi li ul.sub-menu li a:hover{color:#fff;} .gnavi li ul.sub-menu li a::before, .gnavi li ul.sub-menu li a::after{display:none} .gnavi li ul.sub-menu li ul a{padding:8px 24px;} .encss .menu li{/* width: 15%; */} .encss .menu li li{min-width: 25%;width: auto;} .encss .menu li.menu-item-4123{width: 22%;} .encss .menu li.menu-item-4103{width: 17%;} .encss .gnavi li a em{font-weight: 800;} .encss .gnavi li li a em{font-weight: 200;} .gnavi .menu-headersubmenu-container ul{justify-content: flex-end;} .gnavi .menu-headersubmenu-container ul li{min-width: 10%;-webkit-box-flex: 0.0;-moz-box-flex: 0.0;box-flex: 0.0;width: auto;} .gnavi .menu-headersubmenu-container a{padding: 8px 2%;color:#636363;font-size: 13px;border:none;} .gnavi .menu-headersubmenu-container li:first-child a{border:none;} .gnavi .menu-headersubmenu-container a:before{content: "";display: inline-block;margin: 0 1px 0 0;vertical-align: -5%; box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 6px solid #fff;} #fixnavi {display: flex;justify-content: space-between;position: fixed;top:0;z-index: 99999;-webkit-box-shadow: 0px 0 3px 2px #CCC;box-shadow: 0px 0 3px 2px #CCC ;opacity: 0; top: -30%; visibility: hidden; transition: .4s;} #fixnavi.fix{ top: 0%; visibility: visible; opacity: 1;} #fixnavi > div{width:1100px;margin: 0 auto;padding:0;max-width: 100%} h2#fixhome{z-index: 999999;max-width: 30%;padding:0 1%;background: #fff;} #fixhome a{padding: 0;display:flex;height: 100%;align-items: center;padding: 0;font-size: 18px;} #fixhome a img{max-width: 100%;max-height: 80%;width: auto;} /* メニューアニメーション */ .gnavi li > a:after, .gnavi li.current-menu-item a:after {background: #1D2089;bottom: 2px;position: absolute;left: 0;right:0;margin: 0 auto;content: '';display: block;width: 100%;height: 2px;transform:scale(0);transition: all .3s;} .gnavi li a:hover::after{transform:scale(1);} .gnavi li a:hover{opacity:1;color:#1D2089;} /* ページコンテンツ ----------------------------------------------- */ /* 見出し ---------- */ /* 日本語見出し */ .com-tit-2{display:block;text-align:center;font-size:32px;} .com-tit-2::after{content:'';display:block;width:160px;height:2px;background: linear-gradient(90deg, rgba(29,32,137,1) 0%, rgba(0,212,255,1) 100%);margin:20px auto;} .com-tit-3{display:block;font-size:32px;} .com-tit-3::after{content:'';display:inline-block;width:160px;height:2px;background: linear-gradient(90deg, rgba(29,32,137,1) 0%, rgba(0,212,255,1) 100%);vertical-align:baseline;margin:0 16px;} /* .com-tit-4{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;} */ .com-tit-5{font-size:24px;} .com-tit-5::before{content:'';display:inline-block;width:20px;height:20px;background-color:#1d2088;margin-right:8px;} /* 英語css */ .com-tit-2:lang(en), .com-tit-3:lang(en){font-size:50px;} p:lang(en){font-size:20px;font-weight:300!important} .catch-tit:lang(en) img{width:640px;} .area-num:lang(en){font-size:40px;} /* 色指定 */ .page-title,.cat-title,.single-post .post .entry-title{border-bottom:3px solid #88c2f0 ;position: relative;} .page-title:after,.cat-title:after,.single-post .post .entry-title:after {border-bottom:3px solid #1d2089;content: "";display: block;position: absolute;left: 0;bottom: -3px;width: 300px;max-width: 60%;height: 2px;} .single-post #content .entry-content h3,.single-about-world-lake-con h3,.nextp .wlcbox h3{background:#ddf0ff;padding:5px 1% 5px;font-size:18px;margin: 35px 0 20px; } .single-about-world-lake-con #pphedin h3{background-color:transparent;margin:0;padding:0;} .single-post .entry-content h3:before,.single-about-world-lake-con h3:before,.nextp .wlcbox h3:before{content: "";display: inline-block;width: 1px;height: 16px;border-left: 16px solid #1d2089;margin:0 5px 0 0 ;vertical-align:-1px} .single-about-world-lake-con #pphedin h3:before{display:none;} .hedimg-on h2.page-title span{text-shadow: 0px 2px 2px #535353,0px 2px 2px #535353,0px 2px 2px #535353;color:#fff;font-size:24px;position: relative;} .page-title,.page-title span,.page-title a,cattitle .page-title a,.page-title a strong{color:#2e2c2d; } .single .cat-header a{color:#fff;background: #1d2089;} .entry-meta,.entry-meta a {color: #666;} .post .entry-title {border-bottom: 2px solid #666666;position: relative} .post .entry-title:after {border-bottom: 2px solid #5aa1d8;position: absolute;content: "";width: 10%;height: 0;left: 0;bottom: -2px;transition: .3s;} .post .entry-title:hover:after{width: 80%;} .single-post .post .entry-title{border-bottom: 2px solid #757575;} .page-header{padding:0px 0 0px;margin: 0 auto 30px;line-height:1;background-repeat: no-repeat;background-position: center center;position: relative;} .page-header.hedimg-on{padding: 0;height: 420px;border-bottom:none;} .page-title,.cat-title{margin:0 auto 0 ;font-size: 20px;font-weight:800;line-height:1.3;z-index:9;padding:0px 5px 5px;} .hedimg-on h2.page-title{border: none;height: 100%;} .hedimg-on h2.page-title span{height: 100%;display: flex;text-align: center;justify-content:center;align-items: center;height: 100%;font-size:24px;position: relative;padding:50px 0 0;} .page-title span,.page-title a,cattitle .page-title a,.page-title a strong{padding: 0;display:block;line-height:1.3;} .single .cat-header{margin: 0 0 5px;line-height: 1;} .single .cat-header a{display: inline-block;margin: 0 10px 0 0 ;font-size: 12px;padding:6px 6px;} .single .cat-header a strong{font-weight: 200;} .page article footer.entry-meta{position: absolute;width:100%;left: 0;bottom:-20px;} .entry-header{padding: 0;position: relative;} .entry-header p{margin:8px 0 0;padding: 0;line-height: 1;} .entry-meta {clear: both;font-size: 93%;line-height: 1;position: relative} .entry-meta a {font-weight: bold;} #content .post .entry-title {margin:0px 0 2px;padding:4px 0 6px;display: block;clear: both;text-align:left;font-size: 16px; font-weight: bold;letter-spacing: 1px;line-height: 1.2;} .single-post #content .post .entry-title{font-size: 26px;padding:20px 0.5% 10px;margin:0 0 20px;} .entry-title,.entry-title a {text-decoration: none;} .single .entry-title a,.page-title .cattitle {font-size: 14px;display: block;} /* パンくず */ .bread_crumb a,ul.bread_crumb li {color: #818181;font-size: 12px;} .encss .bread_crumb a,.encss ul.bread_crumb li {font-size: 13px;} .bread_crumb:before{display:none;} #content ul.bread_crumb,.bread_crumb{padding:0;margin: 0 auto 30px;line-height:1;} #content ul.bread_crumb{margin: 60px auto 0px;max-width: 100%;padding:0;text-align: center} ul.bread_crumb li{overflow: hidden;display: inline-block;padding:6px 0;position: relative;z-index: 1; line-height: 1.2;vertical-align:bottom;} .bread_crumb li.top:before{display: none;} li.current,.bread_crumb li.current{padding:6px 0;max-width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .bread_crumb li.top{padding:6px 5px 6px 5px;} .bread_crumb li:after{content: '';display: inline-block;margin:0 2px 0 3px;vertical-align: 1px; width: 6px; height: 6px; border-top: 1px solid #818181; border-right: 1px solid #818181; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .bread_crumb li.current:after {display:none;} /* コンテンツ -------------- */ .ai1ec-clearfix {width: 100%;margin: 0 auto 10px!important;} .page article{position: relative} .entry-content,.entry-summary{margin: 0;padding:5px 0;} .home .entry-content{padding: 0;} /* error404 ----------------------------------------------- */ .error404 #main #searchform {border-width: 1px 0;margin: 0;overflow: hidden;padding: 1.625em 8.9%;} .error404 #main #s {width: 95%;} /* 投稿リスト ----------------------------------------------- */ .archive article.post{margin:5px 0 0px;padding:20px 2%;} .category-lbmtp.archive article.post{margin:20px auto 0px;padding:20px 0;max-width: 94%} .catdisc{padding:10px 2%;margin:10px 1%;} .postsimg{width: 100%;padding:0;margin: 0;} .listbox {display: flex;justify-content:space-between;margin: 0 auto 0px;align-items: center;} .postsimg.fL,.listbox .postsimg{width: 33.5%;padding:0;margin: 0;float: left;} .listbox .postsimg{width: 25%;padding: 2% 0 0;} .listbox .entry-content{width: 75%;} .listdata{width: 100%;} .listbox .listdata{width: 75%;margin-top: 0px;float: right;padding: 0 0 0 2%;} .listbox .postsdata{width: 72%} /* その他リンク等 ----------------- */ /* 日付 */ .entry-header.bigi time{/*background: url("images/kuro60.png") repeat left top;*/} .entry-header time a,.entry-meta time a,.entry-header time div{color:#ea9eca;} .single .entry-header time a,.single .entry-meta time a,.single .entry-header time div{color:#EA9ECA;} .entry-header.bigi time{/*background: url("images/kuro60.png") repeat left top;*/} /**** 日付 ****/ .entry-header time{color:#888;display:inline-block;padding:2px 1%;font-size: 12px;line-height: 1;font-weight: 600;margin: 0; text-decoration: none;text-align:right; vertical-align:0px;;} .entry-header .entry-meta{text-align: right;padding: 2px 0 ;} .entry-header time a,.entry-meta time a,.entry-header time div{margin: 0;display:inline;} /**** コメント ****/ p.comments-link {display:block;padding:2px;margin: 0;} p.comments-link a {} .entry-header .comments-link{display:inline-block;padding: 0px;margin: 0 0 0 20px;line-height: 1;text-align:left;} .entry-header .comments-link a {font-size: 13px;padding:0;} .entry-header .comments-link span {margin: 0 2px;display: inline-block;position: relative;} .entry-header .comments-link span::before {content: "";display: inline-block;border: 5px solid transparent;position: absolute;left: -8px;top: 50%;margin-top: -6px;} /**** カテゴリ ****/ .catslist{text-align:right;} span.cat-links{padding:2px 0 ;margin: 0 0 0;font-weight: bold;} p.cat-links{display:block;padding:2px 0 ;margin: 0 10px 0;} .cat-links a{font-size: 11px; margin: 5px 1% 5px 0; padding: 6px 1% ; line-height: 1; white-space: nowrap;} /**** タグ ****/ span.tag-links{padding:2px 5px;margin: 0 0 0 5px;} p.tag-links{display:block;padding:2px 0 ;margin: 0 10px 0;} .tag-links a{padding:2px 2px;margin: 0 2px 1px 0;white-space: nowrap;} /**** 投稿者****/ .single-author .entry-meta .by-author {display: none;} /**** 編集****/ a.post-edit-link,.edit-link a {position: absolute;right:0%;bottom:-30px;padding: 8px;float: right;background: #eee;border-radius: 3px;color: #666;font-size: 12px;line-height: 1;font-weight: 300;text-decoration: none;width: auto!important;} .edit-link a:hover {background: #888;color: #fff;} .entry-content .edit-link {clear: both;display: block;} /* 投稿 ----------------------------------------------- */ .post{margin: 20px 0 30px 0;padding:5px 0%;} #post-0{margin: 0;padding:0;} .single .post{margin: 0px 0 30px 0;} .gbox article{border-top: none;border-bottom: none;vertical-align:top; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; box-shadow: 0px 0 3px 0px #CECCCC;-moz-box-shadow: 0px 0 2px 0px #CECCCC;-o-box-shadow: 0px 0 2px 0px #CECCCC;-webkit-box-shadow: 0px 0 2px 0px #CECCCC; padding:0;overflow:hidden;/zoom:1;} .single-post .post footer{padding: 10px 0 0;margin: 50px 0 0;position: relative} #comments{padding: 0 2%} .post .entry-content,.entry-summary {padding: 5px 1%;line-height: 1.7;} .archive .post .entry-content{padding: 20px 0 0;} .archive .listbox .entry-content{padding-left:2%} .morelink{padding:5px;display:inline-block;} .comment-content h2,.comment-content h2 {font-weight: bold;margin: 10px 0;} .comment-content h3 {font-size: 108%;letter-spacing: 0.1em;text-transform: uppercase;} .comment-content table {margin: 0 0 1.625em;width: 100%;} .comment-content th {font-size: 100%;font-weight: 500;letter-spacing: 0.1em;line-height: 2.6em;text-transform: uppercase;} .comment-content td {padding: 6px 10px 6px 0;} .entry-content #s {width: 75%;} .comment-content ul ul,.comment-content ol ol,.comment-content ul ol,.comment-content ol ul {margin-bottom: 0;} dl.gallery-item {margin: 0;} .page-link {clear: both;display: block;margin: 0 0 1.625em;} .page-link a {margin: 0;padding: 2px 3px;text-decoration: none;} .page-link a:hover {font-weight: bold;} .page-link span {margin-right: 6px;} .es-table p{margin: 0;} .com-table p{margin: 0;} /* 色指定 */ #nav-single .nav-previous,#nav-single .nav-next {border: 1px dashed #C4C4C4;} #nav-single span.nstugi{background:url("./images/kuro60.png");color:#fff;} #kanrenkiji section{border: 1px solid #CFCFCF;} #kanrenkiji h2{border-bottom: 2px solid #707070;} #kanrenkiji section h3{border-left: 6px solid #CFCFCF;padding:2px 2%} span.tag-links{border-left: 1px dotted #BABABA;} .entry-header .comments-link{color: #999;} .entry-header .comments-link a {color:#A7B5C6;} .entry-header .comments-link span::before {border-left-color: #A7B5C6;} .cat-links a{background: #151575;color: #fff;} .comment-content h2,.comment-content h2 {color: #000;} .comment-content table {border-bottom: 1px solid #ddd;} .single-post .post footer{border-top:1px dashed #ddd;} .comment-content th {color: #666;} .comment-content td {border-top: 1px solid #ddd;} .page-link a {background: #eee;color: #373737;} .page-link a:hover {background: #888;color: #fff;} .wp-caption .wp-caption-text,.gallery-caption {color: #666;} .wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {background: #fff;border-color: #ddd;} .image-attachment div.attachment {background: #f9f9f9;border: 1px solid #ddd;} .image-attachment div.attachment img {border-color: #f9f9f9;} .image-attachment div.attachment a:focus img,.image-attachment div.attachment a:hover img,.image-attachment div.attachment a:active img {border-color: #ddd;background: #fff;} .gallery-caption {background-color: rgba(0, 0, 0, 0.7);color: #fff;} /* Images */ .singular figure.pmainimg{margin: 0 0 10px;} .singular figure.pmainimg img{margin: 0 auto;display: block;} #nav-single img,.postsimg img,.widget_image img,#event_c img {margin:0 auto;display:block;max-height:600px;max-width:100%;height:auto;width:auto;} .entry-content img,.comment-content img,.widget img {max-width: 100%;padding: 0;} img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {height: auto;} .entry-content img.wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;} .widget img {margin: 0 auto 10px;display: block;} img.alignleft,img.alignright,img.aligncenter {margin-bottom: 10px;} p .alignnone{margin:20px auto;display:block;} p img,.wp-caption {margin: 0.4em 0;} .wp-caption {margin-bottom: 10px;margin-left: 15px;max-width: 96%;padding: 5px;background: #eee;} .wp-caption img {display: block;margin: 0 auto;max-width: 100%;} .wp-caption .wp-caption-text,.gallery-caption {font-size: 12px;} .wp-caption .wp-caption-text {margin: 5px 0;padding:5px 1%;position: relative;text-align: center;} #content .gallery {margin: 20px auto ;} #content .gallery a img {border: none;} img#wpstats {display: block;margin: 0 auto 1.625em;} .indexed.format-image .entry-content p {margin: 1em 0;} .indexed.format-image .entry-content p:first-child,.indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img {display: block;margin: 0;} .indexed.format-image .entry-content .wp-caption .wp-caption-text {margin: 0;padding: 5px;} .indexed.format-image footer.entry-meta {overflow: hidden;padding: 4%;max-width: 96%;} .indexed.format-image div.entry-meta {display: inline-block;*display: inline;*zoom: 1;float: left;width: 35%;} .indexed.format-image div.entry-meta + div.entry-meta {float: none;width: 65%;} .indexed.format-image .entry-meta span.cat-links,.indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {display: block;} #content .indexed.format-image img {border: none;max-width: 100%;padding: 0;} .indexed.format-image .wp-caption {margin-bottom: 0;max-width: 96%;padding: 2% 2% 0;} .indexed.format-image a:hover img {opacity: 0.8;} /* =Attachments */ .image-attachment div.attachment {border-width: 1px 0;margin: 0 -8.9% 1.625em;overflow: hidden;padding: 1.625em 1.625em 0;text-align: center;} .image-attachment div.attachment img {display: block;height: auto;margin: 0 auto 1.625em;max-width: 100%} .image-attachment .entry-caption p {font-size: 85%;letter-spacing: 0.1em;line-height: 2.6em;margin: 0 0 2.6em;text-transform: uppercase;} /* gallery */ .gallery{text-align:left;list-style: none;letter-spacing: -10px;} .singular .gallery-item {margin: 0 4px 4px 0;display: inline-block;*display: inline;*zoom: 1;letter-spacing: normal;vertical-align:top; width: 32%;max-width: calc(33.3% - 4px);position: relative;} .gallery-columns-1 .gallery-item {width: 100%;max-width: calc(100% - 0px);} .gallery-columns-2 .gallery-item {width: 48%;max-width: calc(50% - 4px);} .gallery-columns-3 .gallery-item {width: 32%;max-width: calc(33.3% - 4px);} .gallery-columns-4 .gallery-item {width: 23%;max-width: calc(25% - 4px);} .gallery-columns-5 .gallery-item {width: 19%;max-width: calc(20% - 4px);} .gallery-columns-6 .gallery-item {width: 15%;max-width: calc(16.7% - 4px);} .gallery-columns-7 .gallery-item {width: 13%;max-width: calc(14.28% - 4px);} .gallery-columns-8 .gallery-item {width: 11%;max-width: calc(12.5% - 4px);} .gallery-columns-9 .gallery-item {width: 9%;max-width: calc(11.1% - 4px);} .gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {margin-right: 0;} .gallery-caption {box-sizing: border-box;font-size: 12px; font-size: 80%;line-height: 1.5;margin: 0;max-height: 60%;padding: 6px 8px; position: absolute;bottom: 0;left: 0;text-align: left;width: 100%;} .gallery-caption:before {content: "";height: 100%;min-height: 49px; position: absolute;top: 0;left: 0;width: 100%;} .gallery-item:hover .gallery-caption {opacity: 1;} .ie7 .gallery-item:hover .gallery-caption,.ie8 .gallery-item:hover .gallery-caption {filter: alpha(opacity=70);} .gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {display: none;} /* Author Info */ #author-info {font-size:13px;margin: 10px 0;padding: 10px 0;} #author-avatar {float: left;margin: 10px 2% 0;width:18%;padding: 10px;border-radius: 3px;box-shadow: 0 1px 2px #bbb;} #author-avatar img {padding: 3px;max-width: 100%;height:auto;} #author-info .furigana{font-size: 77%;} #author-description {float: left;padding: 0;width:74%;margin: 0 2% 0 0;} #author-description p{margin:5px 0;padding: 0;line-height:1.7;} #author-data{margin: 0;} #author-description #snsurl a{margin: 5px 2px 0;} #author-data h3 {font-size: 116%;margin: 5px 10px 10px 0;} #author-data h3 a{float: left;margin: 0 5px 0 0;} #author-data h3 img{max-height: 30px;} #author-data span#omiseurl{margin:0;line-height:1;font-size: 108%;} #author-data .renrakusaki{padding: 0;margin: 0 0 10px;} #author-data .tel span,#author-data .fax span,#omiseurl{font-size: 146.5%;} #author-data .tel span,#author-data .fax span{font-weight: bold;} #author-data .fax{margin: 0 10px;} #author-data .mail{margin:0 0 0 2%;display:inline-block;} #author-data .mail a{font-size: 131%;} #branding .facebooklink,#branding .twitterlink{overflow:visible;text-indent:0px;} #author-link {margin: 10px 0 ;} #author-link .authorlink{text-indent:0;width: 100%;padding: 1% 0;display: block;text-align: center;} /* =Navigation -------------------------------------------------------------- */ #content nav {clear: both;overflow: hidden;padding: 0 2% 1.625em;} #content nav a {font-size: 93%;font-weight: bold;} #nav-above {padding: 0 0 1.625em;} #nav-above {display: none;} .paged #nav-above {display: block;} .nav-previous {float: left;width: 47%;} .nav-next {float: right;text-align: right;width: 47%;} #content nav .meta-nav {font-weight: normal;} /* Singular navigation */ #nav-single {position: relative;top: 0;text-align: left;z-index: 1;margin: 0;} #nav-single .nav-previous,#nav-single .nav-next {line-height: 1;overflow: hidden;font-weight: 700;border-radius: 3px;display:block;position:relative;height:80px;margin: 0 0 50px 0;} #nav-single a{display:block;width:100%;max-height:80px;overflow: hidden;} #nav-single a.post-thumbnail{display:inline-block;} #nav-single img{margin:0;max-height:80px;max-width:80px;} #nav-single .nav-next img{margin:0;text-align:right;display:inline-block;} #nav-single em{line-height:1.3} #nav-single em.nstitle{font-size: 108%;position: absolute;width:72%;text-align: left;} #nav-single .nav-next em.nstitle{right:25%;top:10px;width:72%;} #nav-single .nav-previous em.nstitle{left:25%;top:10px;} #nav-single span.nstugi{position: absolute;padding: 3% 2%;display:inline-block;line-height:1;margin: 0;width:40px;top:25%;font-size:14px;font-family:Charcoal;} #nav-single .nav-next span{right:5%;} #nav-single .nav-previous span{left:5%;} /* ページナビ */ .pagination {clear:both;margin: 50px auto ;padding:10px 0 0;position:relative;font-size:85%;line-height:1;text-align:center;letter-spacing: normal;} .pagination span, .pagination a {display:inline-block;margin: 2px 2px 0 0;padding:6px 9px 5px 9px; text-decoration:none;width:auto;border-radius: 3px;} .pagination .current{padding:6px 9px 5px 9px;} /* 関連記事 */ #kanrenkiji h2{text-align: left;} #kanrenkiji {text-align: center;text-align: left;} #kanrenkiji .flex{padding: 20px 2%;flex-wrap: wrap;} #kanrenkiji section{text-align: left;display: inline-block;letter-spacing: normal;vertical-align:top;width: 49%;margin: 0 0.2% 20px;padding: 10px 1%;} #kanrenkiji section .fL{max-width: 24%;} #kanrenkiji section .fL img{max-width: 100%;margin: 0 auto;display: block;float: none;clear: both;} #kanrenkiji section .fR{width: 75%;padding: 1%;} #kanrenkiji section h3.entry-title{font-size: 100%;margin: 0 0 5px;padding: 0 0 0 4px;} #kanrenkiji section .entry-content{font-size: 91%;} #kanrenkiji section p{line-height:1.2;margin:2px 0;} /* =サイド ----------------------------------------------- */ #secondary ul{padding: 0;margin: 0;} .widget-title {position: relative;text-align: left;font-size: 14px;font-weight: 800;letter-spacing: 0.1em; text-transform: uppercase;padding:6px 0 6px 0;margin:0 0 10px;line-height:1;border-bottom:2px solid #666;} .widget-title{border: none;padding:0;} .widget-title{background:#1d2089;color:#fff;display: block;padding:6px;font-weight:200;font-size: 13px;} .widget-title a{color:#fff;} .widget-title{margin: 0 0 5px} #pageLIST ul{margin: 5px 0 50px;padding: 0;} #secondary #pageLIST li {padding:12px 2% 12px;display: block;margin: 4px 0;border: 1px #bfd2e1 solid;line-height: 1.3;position: relative;} #secondary #pageLIST li.current-cat{border: 1px #88c2f0 solid;} #pageLIST .childcat li a:before, #pageLIST .childcat li.lipage_item a:before { content: ""; display: inline-block; position: absolute; left: 8px; top: 16px; margin: 0; vertical-align: 0%; box-sizing: border-box; width: 4px;height: 4px; border: 4px solid transparent; border-left-color: transparent; border-left-style: solid; border-left-width: 4px; border-left: 6px solid #808080; } #secondary #pageLIST li li{padding:4px 2% 8px;display: block;border:none;} #secondary #pageLIST li li li{padding:4px 2% 8px;display: block;border-bottom:none;} #secondary #pageLIST .childcat li a,#secondary #pageLIST .childcat li.lipage_item a{font-size: 100%;font-weight: 800;padding: 0 0 0 15px;} #pageLIST .childcat li li a:before{top:8px;} .one-column #pageLIST h2,.one-column #pageLIST .childcat li.page_item.current_page_parent{margin: 6px 0 10px;text-align: center;} #secondary ul ul{margin: 10px 0 0;padding: 0 0 0 5px;border: none;} #secondary ul li{margin: 5px 0;padding:0;ine-height: 1.2;font-size: 13px;border-bottom: 1px dashed #d2d2d2;} #secondary ul li li{margin: 1px 0;padding:6px 4%;} #secondary ul li a{display:block;padding:6px 0%;line-height:1.3;margin: 0 0 5px;text-align: left;} #secondary ul#recentcomments li{padding: 6px 0} #secondary ul#recentcomments li a{display: inline} #secondary .comment-author-link a{display: inline-block;width: auto;border: none;} #pageLIST .childcat ul.children li{margin: 10px 0 0;font-weight: 400;} #pageLIST .childcat li li{} #secondary #pageLIST ul li a{border-bottom: none;display:inline-block;padding:2px 0;margin: 0;} #secondary time{margin: 0 0 0 10px;} #secondary a{/* font-size: 108%; */} #secondary #picupside li{position: relative;padding: 13px 0 0;} #secondary #picupside time{margin: 0 ;display: block;text-align: right;position: absolute;right: 0;top:0;} .widget,#qrcode {word-wrap: break-word;clear: both;margin: 0 0 50px;} .widget a,#qrcode a {text-decoration: none;} .widget a:hover,.widget a:focus,.widget a:active {text-decoration: underline;} #qrcode p{text-align: center;} .widget select#archive-dropdown{margin: 10px 10% 0;width: 80%;} #sc.widget{text-align: center;margin: 0 0 30px;} #sc p{margin: 15px 0 0;} #sc p.spa{margin: 0 0 30px;} /* tagcloud */ .tagcloud {position: relative;overflow: hidden;padding: 0 22px 0 14px;text-align: left;} .tagcloud a {display: inline-block;white-space: nowrap;font-size: 98%;line-height: 1.3;padding: 3px 8px; margin-bottom: 5px;text-decoration: none;border-radius: 3px;} .sprs{padding:15px 0;margin:0 0 10px;-moz-border-radius: 10px;border-radius: 10px;} .stels{text-align: center;font-size:11px;padding:10px 0;} .scontact img{margin: 0 auto;display: block;} .scontact .stels img{margin: 0 auto 5px;} .slinks {margin: 40px 0 0;} .slinks a{margin: 0 auto 20px;display:block;} .slinks img{max-width: 100%;margin: 0 auto;display:block;} /* Ephemera Widget */ section.ephemera ol,.widget_twentyeleven_ephemera ol {list-style: square;margin: 5px 0 0;} .widget_twentyeleven_ephemera .widget-entry-title {font-size: 15px;font-weight: bold;padding: 0;} .widget_twentyeleven_ephemera .comments-link a,.widget_twentyeleven_ephemera .comments-link > span { display: block;font-size: 10px;font-weight: 500;line-height: 2.76333em;text-transform: uppercase;} section.ephemera .entry-title .comments-link a:hover,.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {} /* Twitter */ .widget_twitter li {list-style-type: none;margin-bottom: 14px;} .widget_twitter .timesince {display: block;font-size: 11px;margin-right: -10px;text-align: right;} /* Widget Image */ .widget_image img {border: 0;padding: 0;} /* Calendar Widget */ #wp-calendar {width: 200px;margin : 0 auto;text-align: center;border-spacing: 2px;} #wp-calendar caption, #wp-calendar td,#wp-calendar th ,#wp-calendar td a {text-align: center;border-radius: 13px;} #wp-calendar caption {font-size: 14px;font-weight: 100;padding: 5px 0 3px 0;text-transform: uppercase;} #wp-calendar th,#wp-calendar td{vertical-align: middle;padding:6px 0 ;line-height: 1;} #wp-calendar th {font-weight: 100;} #wp-calendar td {width: 20px;text-align: center;overflow: hidden;font-weight: 100;border: 1px solid #CFCFCF;line-height:1;font-size: 11px;} table#wp-calendar thead {background-color:transparent;padding:0;} #wp-calendar td#prev a,#wp-calendar td#next a,table#wp-calendar thead th {background-color: #CECECE;color:#fff;} table#wp-calendar thead th,table#wp-calendar tfoot td{border:none;} table#wp-calendar tfoot td{padding: 5px 0 0;} #wp-calendar td a{padding: 5px 0;display:block;} #wp-calendar td#prev a,#wp-calendar td#next a{display:block;padding: 5px 0;} #wp-calendar tfoot td a{border-radius: 18px;padding: 0;} table#wp-calendar,table#wp-calendar thead td,table#wp-calendar tbody td.pad {border: none;} /* Calendar biz */ #biz_calendar {max-width: 250px;margin : 0 auto;} table.bizcal {margin : 5px 0;width: 100%;table-layout: fixed;border-collapse: collapse;line-height: 1.6em;cursor: default;vertical-align: middle;} table.bizcal th {text-align:center;} table.bizcal td {text-align:center;} table.bizcal td.calmonth {text-align:left;font-weight : bold;padding: 2px 7px;border: none;} table.bizcal td.calbtn {border: none;cursor: pointer;} table.bizcal td img {vertical-align: middle;} .down-img{text-align:right !important;} .today-img{text-align:center !important;} .up-img{text-align:left !important;} table.bizcal td.today {font-weight : bold;} #biz_calendar p {margin:10px 0;} span.boxholiday{width: 60px;padding-right:20px;margin-right:10px;} span.boxeventday{width: 60px;padding-right:20px;margin-right:10px;} /* Search Widget */ input#s {font-size: 14px;line-height: 1;padding: 0px 6px 0px 28px;height: 50px;} input#s {background: #fff url("./images/icons/menu/s1.svg") no-repeat center left 8px;background-size: 16px;} .widget_search #s {margin: 0 ;box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);border-radius: 4px;width: 100%;margin: 0 auto;} #supplementary #searchform {margin: 5px 10px 0 0;} #supplementary #searchform input{padding: 1px 1px 1px 24px;} /* コメント ----------------------------------------------- */ #comments-title {color: #707070;padding: 0;margin: 0;font-size: 30px;} #comments-title span{color: #999;font-size: 13px;line-height: 1;text-transform: uppercase;display: inline-block;margin: 0 0 0 10px;vertical-align: middle;} .nopassword,.nocomments {color: #aaa;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;} .commentlist {list-style: none;margin: 0 ;width: 99%;padding: 0;} .commentlist > li.comment {background: #f6f6f6;border-radius: 3px;margin: 0 0 50px 0;padding: 2%;} .commentlist .pingback {margin: 0 0 1.625em;padding: 0 1.625em;} .commentlist .children {list-style: none;margin: 0;} .commentlist .children li.comment {background: #fff;border-left: 1px solid #ddd;border-radius: 0 3px 3px 0; margin: 1.625em 0 0;padding: 2%;} .commentlist .children li.comment .fn {display: block;} .comment-meta .fn {font-style: normal;} .comment-meta {color: #666;font-size: 12px;line-height: 1;} .commentlist .children li.comment .comment-meta {line-height: 1.2;} .commentlist .children li.comment .comment-content {margin: 1.625em 0 0; word-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;} .comment-meta a {font-weight: bold;} .commentlist .avatar {border-radius: 3px;box-shadow: 0 1px 2px #ccc;display:block;float: left;padding:0;margin: 0 10px 10px 0;} .comment-content{display:block;float: none;clear: both;} .commentlist > li.pingback:before {content: '';} .commentlist .children .avatar {background: none; box-shadow: none; padding: 0;} a.comment-reply-link {background: #eee;color: #666;border-radius: 3px;display: inline-block;font-size: 12px;padding: 8px;text-decoration: none;margin: 10px 0 0} a.comment-reply-link:hover,a.comment-reply-link:focus,a.comment-reply-link:active {background: #888;color: #fff;} a.comment-reply-link > span {display: inline-block;position: relative;top: -1px;} /* Post author highlighting */ .commentlist > li.bypostauthor {border-color: #d3d3d3;} .commentlist > li.bypostauthor .comment-meta {color: #575757;} .commentlist > li.bypostauthor .comment-meta a:focus,.commentlist > li.bypostauthor .comment-meta a:active,.commentlist > li.bypostauthor .comment-meta a:hover {} .commentlist .children > li.bypostauthor {background: #ddd;border-color: #d3d3d3;} .page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {margin-left: 102px;width: auto;} .page-template-sidebar-page-php #respond {width: auto;} /* Comment Form */ #respond {background: #EFEFEF;border-radius: 3px;margin: 0;padding: 25px 3% 25px;position: relative;} #respond .comment-form-author label,#respond .comment-form-email label,#respond .comment-form-url label,#respond .comment-form-comment label {color: #555; display: inline-block;font-size: 13px;min-width: 130px;padding: 8px 0;position: relative;top: 0;z-index: 1;} #respond .comment-form-author .required,#respond .comment-form-email .required {color: #bd3500;font-size: 22px;font-weight: bold;} #respond h3{margin: 0;font-size: 18px;} #respond .comment-notes,#respond .logged-in-as {font-size: 13px;} #respond p {margin: 10px 0;} #respond input#submit {background: #808080;color: #eee;border: none; border-radius: 3px;box-shadow: 0px 1px 2px rgba(0,0,0,0.3); cursor: pointer;font-size: 15px; padding: 8px 22px;text-shadow: 0 -1px 0 rgba(0,0,0,0.3);width:300px;} #respond input#submit:active {background: #1982d1;color: #bfddf3;} #respond .logged-in-as a:hover,#respond #cancel-comment-reply-link:hover {text-decoration: underline;} .commentlist #respond {margin: 1.625em 0 0;width: auto;} #respond label {line-height: 1;} #respond input[type=text] {display: inline-block;} p.comment-form-comment textarea{margin: 0;width: 100%} .form-allowed-tags {display: none;} #cancel-comment-reply-link:focus,#cancel-comment-reply-link:active,#cancel-comment-reply-link:hover {color: #ff4b33;} #respond .comment-form-comment label{display: none} #respond .form-submit {float:right;clear: both;margin:0;} /* フッター ----------------------------------------------- */ #colophon{font-size: 13px;overflow:hidden;padding:40px 0 0;text-decoration: none;line-height: 1.1;display: block;clear: both;text-align:center;background-color: #444;} #fnavi .w-in{display:flex;justify-content:center;flex-flow: row-reverse;} #fnavi{color: #fff;} #fnavi .gnavi,#fnavi .menu-gnavi-en-container{width: 70%} .menu-fnavi1-container,.menu-fnavi1-en-container{width: 50%} .menu-fnavi2-container,.menu-fnavi2-en-container{width: 50%} #fnavi .gnavi .gm1,#fnavi .menu-gnavi-en-container .gm1 {display: none} #fnavi{} /* フッターメニュー */ #colophon ul a:hover{opacity: 0.6} #colophon ul a{text-align: left;display: block;color: #fff;} #colophon ul, #colophon ul ul ul{display: block;padding:0;margin:0;} #colophon li {font-weight:800;margin: 0;line-height:1.3;} #colophon li ul{padding: 5px 0 0 0px} #colophon li li{width: 30%;margin: 0 1%;font-weight:400;} #colophon li li li{width: 100%} #colophon li a{display:block;padding: 10px 0 10px 20px; background:url("../../../wp-content/uploads/fm-y2.svg") no-repeat left center;background-size: 16px 16px;} #colophon .menu-fnavi2-container li a,#colophon .menu-fnavi2-en-container li a{border: none;padding: 10px 0 10px 20px; background:url("../../../wp-content/uploads/fm-y2.svg") no-repeat left center;background-size: 16px 16px;} #colophon li li a{border: none;padding: 7px 0 7px 15px; background:url("../../../wp-content/uploads/2018/08/y-w.svg") no-repeat left center;background-size: 8px 12px;} #colophon .menu-fnavi2-container li,#colophon .menu-fnavi2-en-container li{margin: 0 0 10} #colophon .menu-fnavi2-container li a,#colophon .menu-fnavi2-en-container li a{padding: 10px 0 10px 20px;} #colophon .menu-fnavi2-en-container li:last-child a{/* background-image:url("../../../wp-content/uploads/fb-en.svg"); *//* background-size: 100% auto; */} #colophon_in{display:flex;align-items:center;} /* アドレス情報 */ address{display:flex;align-items:flex-start;color:#111;margin: 0;padding: 20px 0;text-align:left;line-height:1.5;min-width: 200px;} address a,p#site-generator a{color: #111;} .footer-logo{background-color:#fff;width:400px;max-width: 100%;padding:4px 8px;margin:0 0 8px;} .footer-logo img{display:block;} .footer-address p{margin:0;padding:0 16px;line-height:1.8;color:#fff;} .footer-address p a{color:#fff;} p#site-generator {font-size: 11px;margin: 0px auto 0!important;padding:8px 0;margin: 0;text-align:center;clear: both;line-height: 1.3;background-color:#fff;} /* ページトップへリンク */ #back-top {background: #666;display:none;position: fixed;bottom: 0;right:0;z-index:99999;} #back-top a {color: #fff;font-size: 11px;padding:7px 18px 8px 18px;display: block;text-align: center;text-decoration: none;} #back-top a:before { content: ""; display: inline-block; margin: 0 5px 0 0; vertical-align: -5%; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 8px; border-bottom: 8px solid #fff; } #back-top a:hover {opacity: 0.6} /* TOP 2021.11 ----------------------------------------------- */ .box-wrap{display:flex;flex-wrap:wrap;} .box3-wrap{padding:0 2%} .box2-wrap .box-item{width:50%;} .box3-wrap .box-item{width:33.3333%;} .box-item{position:relative;} .box-item a:hover{opacity:1;} .box-item figure{position:relative;} .box-item figure::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.4);transition: all .3s;} .box-item figure::after{content:'';position:absolute;right:0;bottom:0;width: 0;height: 0;border-style: solid;border-width: 0 0 80px 80px;border-color: transparent transparent #1D2086 transparent;pointer-events:none} .box-item figure img{display:block;width:100%} .box-item-des{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding: 0 16px;} h3.box-item-tit{text-align:center;font-size:22px;margin:0;padding:0;color:#fff;} p.box-item-more{position:absolute;bottom:13px;right:24px;color:#fff;margin:0;z-index:1} .box-item a:hover figure::before{background-color:rgba(29, 32, 134,.4);} .more{margin:0;} .more a{display: block;position:relative;text-align: center;max-width: 100%;font-size:18px;letter-spacing:1px;width: 440px;max-width:194%;padding: 16px 24px;margin: 0;background-color:#1D2089;border:1px solid #1D2089;color:#fff;line-height: 1;transition: all .3s;} .more a::after{content:'';position:absolute;right:4px;bottom:4px;width: 0;height: 0;border-style: solid;border-width: 0 0 8px 8px;border-color: transparent transparent #fff transparent;pointer-events:none} .more a:hover{opacity:1;background-color:#fff;color:#1D2089;border:1px solid #1D2089} .more a:hover::after{border-color: transparent transparent #1D2089 transparent;} .js-open{cursor:pointer} .is-active{display:none;} .wlcmore a{margin:16px auto 0;} .news-box .newslist{display:flex;justify-content:center;margin:-16px;} .news-box .newslist li.cpbox{width: calc(33.333% - 96px / 3);margin:16px;padding:0;border:1px solid;} .news-box .newslist li.cpbox h3{font-size:18px;margin:0;} .news-box .newslist li.cpbox figure{width:100%;height:240px;margin:0;display:flex;align-items:center;justify-content:center;background-color:#111;} .news-box .newslist li.cpbox figure img{width:100%;height:240px;object-fit:cover;} .news-box .newslist li.cpbox .cboxdata{margin-top:-64px;padding:16px 16px 40px} .news-box .newslist li.cpbox a.nlcat{margin:0 -16px;font-size:16px;} .news-box .newslist li.cpbox .cp-time{margin-top:32px;} .news-box .newslist li.cpbox time{margin:0;} .news-box .more a{margin:40px auto 0;} #top-concept .more a{width:440px;max-width: 100%;margin:0 auto;line-height: 1.3;} #top-ezine .com-tit-2::after{background: #f28600;} #top-supporter{background: url("../../../wp-content/uploads/2018/08/sapo-back1.svg") no-repeat left top, url("../../../wp-content/uploads/2018/08/sapo-back2.svg") no-repeat right top;} #top-supporter .com-tit-4{font-size:24px;color:#1d2089;} #top-supporter .com-tit-3{font-size:20px;} #top-supporter .more a,.more.btn-center a{width:440px;margin:0 auto;} .governance .fl-col-group-equal-height .fl-col{position:relative;padding-left: 64px;} .governance .fl-col-group-equal-height .fl-col::before{position:absolute;top:0;left:0;font-size:48px;font-weight:bold;} .governance-1 .fl-col-group-equal-height .fl-col::before{content:"1."} .governance-2 .fl-col-group-equal-height .fl-col::before{content:"2."} .governance-3 .fl-col-group-equal-height .fl-col::before{content:"3."} .governance-4 .fl-col-group-equal-height .fl-col::before{content:"4."} .governance-5 .fl-col-group-equal-height .fl-col::before{content:"5."} .governance-6 .fl-col-group-equal-height .fl-col::before{content:"6."} .com-tit-6{font-size:20px;} /* 人材育成 */ .area-tit{font-size:24px;color:#fff;background-color:#1D2088;padding:4px 8px;display:block;text-align:center;} .area-num{font-size:40px;font-weight:bold;text-align:center;border:1px solid #1D2088;border-top:none;margin:0;} .area-count{font-size:40px;font-weight:bold;margin:0 8px;color:#5a9adb} /* これまでの湖沼会議詳細 */ .kgallery-list{padding:0;margin:-16px;display:flex;flex-wrap:wrap;} .kgallery-list li{width:calc(25% - 64px / 2);margin:16px;} .kgallery-list li img{width:100%;height:160px;object-fit:cover;} .kgallery-caption{font-size:12px;} /* 科学委員会一覧 */ .vision{padding:80px 0;} .vision h3{margin-top:40px;} .scicom-box{display:flex;flex-wrap:wrap;margin:0 -16px;} .scicom-item{width:calc(50% - 64px / 2);margin:16px;display: flex;} .scicom-item a{display:block;background-color: #f1f1f1;transition: 0.2s;box-shadow: 0 0 10px rgba(0,0,0,0.2);width: 100%;} .scicom-item a:hover{background-color: #ffffff;box-shadow: 0 0 15px rgba(0,0,0,0.1);color: #2e2c2d;} .scicom-item-in{display:flex;width: 100%;height: 100%;} .scicom-item-img{width:200px;height: 260px;} .scicom-item-img img{width:100%;height: 100%;object-fit:cover;display:block;} .scicom-item-des{flex:1;padding:24px;} .scicom-name{font-size:18px;border-bottom:1px solid;padding:0 0 8px;} p.scicom-place{margin:24px 0 0;} .scicom-item-affiliation p{margin:8px 0 0;line-height:1.4;} .pages .scicom-item-in{padding:0 0 16px} /* =Responsive Structure ----------------------------------------------- */ @media (max-width: 1300px) { /* ヘッダー */ #site-title img{width:300px;} .sub-nav .menu li a,.gnavi .menu li a{font-size:14px} .sub-nav .menu li a{padding:0 10px;} .gnavi .menu li a{padding:6px 10px;} .dropbox{/* top:86px */} } @media (max-width: 1100px) { .w-in{width: 92%;padding:0 3%; margin: 0 auto;display:block;} .page-header.w-in.change{padding: 0 3%;margin: 0 0 30px;} #add_logo {vertical-align: top;} .w-in,.ai1ec-clearfix,h1#hedh1 span{padding: 0 1%;width: 100%;} #branding_in{padding: 10px 1% 13px;align-items: center;} #branding #address{display: block;float: none;width:auto;margin:0;} #site-title h2 em{display: block;font-size:13px;} #colophon_in{padding: 30px 2% 20px;} #himgin{max-width:36%;} #himgin img{max-width:90%;margin-left:auto;margin-right:auto;} #himgin:before{height: 300px;width: 300px;top:110px;} .rslide{left:67%;} .lslide{right:67%;} #branding {/* padding: 0 0 42px; */} /* top */ h3.box-item-tit{font-size:18px;} } @media (max-width: 1050px) { #site-title em{display: block;margin:-12px 0 0 ;vertical-align: 0;} #colophon_in .flex{flex-wrap: wrap;} #colophon_in .fl,#colophon_in .fr{width: 100%} #colophon_in .fr .flex{display: block;width: 100%;margin: 30px 0 0;} #colophon_in .fr .flex div{border: none;width: 100%;} #colophon_in .fr ul{display: flex;justify-content: space-around;flex-wrap: wrap} #colophon ul li.menu-item-1193 a {border-bottom: none;font-size: 16px;padding: 0px 0 0;margin: 0;} .img-L, #p-1586 iframe{width: 100%;display: block;float: none;margin: 0 0 10px!important;border: none!important;} #accessdata {margin: 0;/* text-align: center */padding: 0 24px;} /* ヘッダー */ #site-title img{width:260px;} .gnavi #menu-gnavi-en.menu li a{font-size:13px} } @media (max-width: 980px) { #site-description{display: none;} address .sns{position: static;display: block;float: none;clear: both;margin: 10px 0 0} address .addtext{display: block;} .gnavi li > a em:after{display: none!important;} #sub_nav > div.menu-footersubmenu3-container,#sub_nav > div{width: 25%;} #himgin:before,#himgin:after{display: none} #himgin,#headerimg{/* height: 350px; */} } @media (max-width: 940px) { .gnavi,#fixnavi{display: none} #branding { padding: 0px; } #hedsub ul { padding-top: 0px; } #site-title{position: static;background:none;padding: 0;} #branding_in{text-align: center;padding: 10px 2%;} #colophon{width: 100%;padding: 40px 0 45px;} /******************pageslideスマートフォンメニュー******************/ #main{padding: 0;} html, body, #sb-site, .sb-site-container, .sb-slidebar {margin: 0;padding: 0!important;box-sizing: border-box;} html, body {width: 100%;overflow-x: hidden;} html {height: 100%;} body {min-height: 100%;height: auto;} #page {background-color:#fff;background: url("") repeat center center;position: relative;} #main {background-color:#fff;} #sb-site{background-color: #fff;padding:0;} .sb-slidebar {background-color: #222222;} ul#ifmbox{background-color:#151575;} #ifmbox li a{border-right: 1px solid #fff;color: #fff;height:100%} #ifmbox li.ifmail a{background: url("./images/icons/menu/mail-s.svg") no-repeat center 9px;background-size: auto 14px;} #ifmbox li.ifyoyaku a{background: url("./images/icons/menu/yoyaku-s.svg") no-repeat center 9px;background-size: auto 14px;} #ifmbox li.ifmail2 a{background: url("./images/icons/menu/touroku-s.svg") no-repeat center 5px;background-size: auto 21px;} #ifmbox li.iftel a{background: url("./images/icons/menu/tell-s.png") no-repeat center 6px;background-size: auto 20px;} #ifmbox li.ifacsess a{background: url("./images/icons/menu/access-s.svg") no-repeat center 6px;background-size: auto 20px;} #ifmbox li.ifevent a{background: url("./images/icons/menu/icon_3.svg") no-repeat center 6px;background-size: auto 20px;} #ifmbox li.ifirai a{background: url("./images/icons/menu/irai-s.svg") no-repeat center 8px;background-size: auto 18px;} .sb-slidebar a,.nonlink li a{color:#fff;background:#151575;font-weight:200} #smenu.sb-slidebar,#smenu.fixnon,#smenufixbm,#smenufixtm { background:#fff;border-left:2px solid #EFEFEF;border-right:2px solid #EFEFEF; } .slinksub a{background: #397cb1;} .sb-slidebar a#smenuhome,.sb-slidebar li.homelink a{background:#fff;} .sb-slidebar a#smenuhome img{max-width:95%;} .sb-slidebar a#smenuhome em{color:#b62020;} #secondary,.page #secondary {border-top: 1px solid #ddd;border-left: 0 solid #CBD0D3;} html.sb-scroll-lock.sb-active:not(.sb-static) {overflow: hidden;} #sb-site, .sb-site-container {width: 100%;position: relative;z-index: 1;} .sb-slidebar {height: 100%;overflow-y:scroll;position: fixed;top: 0;z-index: 0;display: none;-webkit-transform: translate(0px);} .sb-left {left: 0;} .sb-right {right: 0;} html.sb-static .sb-slidebar,.sb-slidebar.sb-static {position: absolute;} .sb-slidebar.sb-active {display: block;} .sb-style-overlay {z-index: 9999;} .sb-momentum-scrolling {-webkit-overflow-scrolling: touch;} .sb-slidebar {width: 30%;} .sb-width-thin {width: 15%;} .sb-width-wide {width: 45%;} .sb-slide, #sb-site, .sb-site-container, .sb-slidebar {-webkit-transition: -webkit-transform 400ms ease;transition: transform 400ms ease;-webkit-transition-property: -webkit-transform, left, right;-webkit-backface-visibility: hidden;} .sb-hide {display: none;} #sb-site{overflow-x: hidden;} ul#ifmbox{border-top:2px solid #fff;letter-spacing:-4.5px;position: fixed;z-index: 999; display: -webkit-flex;display: flex; bottom: 0;left: 0;line-height: 1;width:100%;padding:0;margin:0;} #ifmbox li{list-style:none;-webkit-flex-grow: 1;flex-grow: 1;margin: 0;} .sb-android #ifmbox {position: absolute;} #ifmbox li{display: inline-block;letter-spacing:normal;list-style:none;} #ifmbox li a{display: block;font-size: 10px;padding:32px 5% 2px;text-align: center;} #ifmbox li#i_menu {color: #fff;padding: 2px 0 2px;font-weight: bold;font-size: 10px;text-align: center;cursor: pointer;} .menu-trigger{width: 36px} .menu-trigger,.menu-trigger span {display: inline-block;-webkit-transition: all .4s;transition: all .4s;box-sizing: border-box;} .menu-trigger {position: relative;width: 100%;height: 40px;width:36px;margin: 0 auto;} .menu-trigger span {position: absolute;left: 11%;width: 80%;height: 3px;border-radius: 4px;background-color: #fff;} .menu-trigger span:nth-of-type(1) {top: 8px;} .menu-trigger span:nth-of-type(2) {top:17px;} .menu-trigger span:nth-of-type(3) {bottom: 11px;} .menu-trigger span:nth-of-type(4) {bottom: 5px;background-color: transparent;left:0;width: 100%;} .open .menu-trigger span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); -ms-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); } .open .menu-trigger span:nth-of-type(2) {left: 200%;opacity: 0; -webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px); -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards; } @-webkit-keyframes active-menu-bar02 {100% {height: 0;}} @keyframes active-menu-bar02 {100% {hight: 0;}} .open .menu-trigger span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); -ms-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); } #i_menu.open {background-color:red!important;z-index:999999;right: 0;} #smenu ul{padding: 0 ;margin: 0;} #smenu.sb-slidebar,#smenu.fixnon,#smenufixbm,#smenufixtm {padding: 0 0 80px!important;position:fixed!important;top:0;height:100%;width:240px;overflow-x:hidden;overflow-y:scroll;} .sb-slidebar a,.nonlink li a{font-size:13px;display:block;text-decoration:none;line-height:1.3;padding:10px 5% 10px;margin:2px 0 2px;float:none;border-radius:0;display: block;border-bottom: none;box-shadow: none;} .nonlink a{background: transparent;color:#1d2088;font-weight:900 } .nonlink a:after {display: inline-block;content: ""; margin: 0 0 0 8px; vertical-align: 3px; width: 8px; height: 8px; border-top: 2px solid #1d2088; border-right: 2px solid #1d2088; -webkit-transform: rotate(135deg); transform: rotate(135deg);} .nonlink li a:after{display: none;} .sb-slidebar a#smenuhome,.sb-slidebar li.homelink a{padding: 30px 2% 10px!important;height:auto;text-align: center} .sb-slidebar a#smenuhome img{max-width:95%;margin: 0 auto 10px;display: block;float: none;} .sb-slidebar a#smenuhome em{font-size: 11px;} .sb-slidebar ul a{padding:10px 2% 10px 5%;} .sb-slidebar a:hover {opacity: 0.8;text-decoration: none;} .sb-slidebar li{margin:0} .sb-slidebar ul ul a{font-size: 13px;padding:10px 0 10px 7%!important; } .sb-slidebar a{-webkit-border-radius: 0!important;-o-box-border-radius: 0!important;-moz-box-border-radius: 0!important;border-radius: 0!important;} .sb-slidebar ul ul a:before{content: '- '} .sb-slidebar #searchform input{max-width:50%;} .sb-slidebar a{border: none;} .sb-slidebar #menu-footermenu a{padding: 4px 10px;} .left-sidebar #primary, .left-sidebar .share-button,#primary,.page #primary.smallonecolumn,.page #primary.sidepage,.share-button {display: block;float: none;width: 100%;padding: 0;} #primary #content{float: none;width: 100%;padding:30px 3% 0;} #secondary,.page #secondary {float: none;width: 100%;padding: 20px 3%;margin: 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between } #secondary #pageLIST,.widget,#qrcode{float: left;clear: none;width: 49%;margin: 0 1% 50px 0;} #secondary aside,#secondary .widget,#secondary #pageLIST {float: left;width: 46%;clear: none;margin: 10px auto;} #secondary .open ul{width:227px;margin: 0 auto 5px;max-width: 100%} #pageLIST h2,.widget-title{margin: 0px 0 10px;} .breadcrumbs2 .bread_crumb {margin: 0px auto 0px;} .slinks,.scontact{display: none;} #site-title h2 em{font-size: 11px;} /* ヘッダー */ .sub-nav{display:none;} /* top */ #top-concept .more a{font-size:16px} .news-box .newslist li.cpbox{margin: 6px;width: calc(33.333% - 17px / 3);} /* 科学委員会一覧 */ .scicom-box{margin:0 -8px} .scicom-item{width: calc(50% - 32px / 2);margin:8px;} .scicom-item-img{width:140px;} .scicom-item-des{padding:16px} p.scicom-place{margin:10px 0 0;} .scicom-item-affiliation p{margin:4px 0 0} .pages .scicom-item-img{width:200px;} } @media (max-width: 860px) { #site-title {/* padding:10px 0; */float: none;/* max-width:96%; */float: none;/* margin: 0 2%; */} #hedsub{margin: 0 2%} #site-title h2{float: none;text-align: center;} #site-title h2.flex{align-items:flex-end;justify-content: center} #site-title h2 em{margin: 0;} #site-title img{margin: 0 0;} #branding #h-address,.drop,.hca{/* display: none; */} #branding_in{/* padding: 0 2%; */} .dropbox{/* top:76px */} #colophon #f_qrcode{width: auto;} #colophon #f_qrcode .fL, #colophon #f_qrcode .fR {display: block;float:none;margin:0 auto 10px;} } @media (max-width: 840px) { h1#hedh1 {background-color: #808080;} h1#hedh1,h1#hedh1 a{color: #fff;} #branding #address{display: none;} .gnavi ul{padding: 0;} .gnavi li {position: relative;width: 33.33%;margin: 0 0 2px;} .gnavi a {padding: 10px 0;text-decoration: none;} .gnavi li:first-child a{border-left: none;} .gnavi li:last-child a,.gnavi li:nth-child(3) a{border: none;} #colophon_in .flex{display: none;} } @media (max-width: 800px) { .single .entry-header time{color: #fff;font-weight: 200;display: block;text-align: center;margin: 10px 0 0} .cat-header, .page-header{background:#151575;padding:0;border:none;} .cat-header .com-tit-3::after{display:none;} .page-header.w-in.change{background-color:transparent;} .page-title, .cat-title, .single-post .post .entry-title { border-bottom: none; } .page-title::after, .cat-title::after, .single-post .post .entry-title::after{display: none} .page-title span,.page-title a,cattitle .page-title a,.page-title a strong,.page-title,.page-title strong,.cat-header {color:#fff;} #kanrenkiji h2 {border-bottom: 2px solid #30B49A;color:#30B49A;} #nav-below {border-bottom: 1px solid #ddd;} .sb-slidebar #s_menu2,#f_navi {display: none;} #page,#colophon_in,#site-generator,#top-page, #news_h span,.ai1ec-clearfix,#site-generator, .fbox1,.fbox .w-in,#main.w-in {max-width:100%;min-width: 100%;width: 100%;padding: 0;} .fbox2{margin: 0 2%;} #content {margin: 0;padding: 60px 0 45px;line-height:1.5;} #bread,.breadcrumbs2{display: none;} .page-header {padding: 0;margin: 0;line-height: 1;} #colophon_in{padding: 39px 3% 0;} .page-header {padding: 0;margin: 0;line-height: 1;} .single .cat-header a {background: transparent;margin: 0 1%;} .archive .cat-header, .single .cat-header, .page-header{padding:8px 0;margin:0 0 30px;} .page-header.hedimg-on{margin:0;} .page-title,.cat-title{border: none;padding: 0;max-width: 100%!important;} .page-title span,.page-title a,.single .cat-header a,.page-title a strong,.cat-title{font-size: 16px;padding: 0;} .page-title,.archive .cat-header,.single .cat-header{margin: 0;text-align: center;font-size: 16px;border:none;} .page-title.hedimg-on{margin: 0;} .page-title,.cat-title{padding: 5px 1% 5px;} .cat-title{margin:0;} #comments {padding: 0 3%;} #main {padding: 0;} #primary #content{padding:0 0 45px;} .archive #primary #content{padding:0;} .hentry:last-child,.no-results {border-bottom: none;} #branding #address span {margin: 4px 0 0 3px;} #site-generator {bottom: 50px;text-align: center;white-space: normal;font-size:8px;line-height:1.3;letter-spacing: 1px;} #colophon .shopaddress{display:block;margin: 3px 0 0;} #colophon .shopneme{font-weight: bold;} #reply-title {padding: 35px 0 0;} #top-page{padding: 0;} #gaiyou.fR .fR,#gaiyou.fR .fL,#gaiyou.fR .alignleft,#gaiyou.fR .alignleft {float: none;clear: both;display:block;margin: 0 auto;} .renrakusaki .fax{display: block;margin: 0;} .wpcf7 .wpcf7-submit{margin: 0;padding: 12px!important;width:100%;} #nav-below {border-bottom: 1px solid #ddd;} section.featured-post .attachment-small-feature,.one-column section.featured-post .attachment-small-feature { border: none;display: block;float: left;height: auto;margin: 0.625em auto 1.025em;max-width: 30%;position: static;} article.feature-image.small {float: right;margin: 0 0 1.625em;width: 64%;} .one-column article.feature-image.small .entry-summary {height: auto;} article.feature-image.small .entry-summary p a {left: 0;padding-left: 20px;padding-right: 20px;width: auto;} /* Simplify the pullquotes and pull styles */ .singular blockquote.pull {margin: 0 0 1.625em;} .singular .pull.alignleft {margin: 0 1.625em 0 0;} .singular .pull.alignright {margin: 0 0 0 1.625em;} /* Make sure we have room for our comment avatars */ .commentlist {width: 100%;} .commentlist > li.comment,.commentlist .pingback {margin-left: 102px;width: auto;margin-right: 0;} #kanrenkiji h2 {font-size: 16px;text-align: center;margin: 30px 0 0;} /* And a full-width comment form */ .error404 #main .widget {float: none;margin-right: 0;width: auto;} /* Author Info */ #author-info {margin: 10px 5px;float: none;clear: both;} #author-data{margin: 10px 0;clear: both;} #kanrenkiji section{width: 46%;} #lpbox .entry-content{margin: 0;} #colophon .ibox {margin: 0 1%;width: 31%;} #f_sitedata{margin: 45px 0 0;} #address em{font-size: 12px;} } @media (max-width: 768px) { /* top */ .com-tit-2,.com-tit-3{font-size:26px;} .com-tit-2::after{margin:10px auto 0;width:100px} .com-tit-3::after{width:100px} .box3-wrap{flex-direction:column;} .box3-wrap .box-item{width:400px;max-width:100%;margin:10px auto 0;} .news-box .newslist{flex-direction:column;margin:0} .news-box .newslist li.cpbox{width:400px;max-width:100%;margin:10px auto 0;} } @media (max-width: 720px) {.wfa{display: block;} .post-9011 .pdflinks{display: inline-block;} .catch-tit:lang(en) img{width:400px} } @media (max-width: 680px) { .wb680{display: block;} #colophon{height:auto;position: static;} .share-button{padding:30px 0 0;width:90%;} #sub_nav,.page #branding #site-description, .home #branding .gnavi ul ul, .archive #branding #site-description, .single #branding #searchform, .single #branding #site-description, .error404 #branding #searchform, .error404 #branding #site-description, .search #branding #searchform, .search #branding #site-description, #colophon .menu-footermenu-container,#colophon .menu-footersubmenu-container, .sb-slidebar,.searchimg,.homelink {display: none;} img{max-width:100%;} .fL58,.fR38,.fL77,.fR22,.fL17,.fR82,.fL22,.fR77,.wide48p,#site-title .fL {float: none;clear: both;display:block;} #kanrenkiji section{width: 95%;min-width: 95%;} body, input, textarea {font-size: 13px;} article.intro .entry-content {font-size: 12px;} .entry-title {font-size: 21px;} .featured-post .entry-title {font-size: 14px;} .single-post #content .post .entry-title {font-size: 20px;padding: 10px 1% 5px;margin: 0 } .entry-header .entry-meta,.entry-meta {font-size: 12px;padding: 2px 0;} blockquote {margin: 0;} blockquote.pull {font-size: 17px;} #nav-single {display: block;position: static;} .commentlist > li.comment,.commentlist > li.pingback {margin-left: 0 !important;} #respond input[type="text"] {width: 90%;} #respond input[type="text"],#respond input[type="password"],#respond input[type="email"],#respond input[type="tel"], #respond input[type="url"], #respond input[type="number"], textarea {width: 100%!important;margin:0;} #respond p{margin: 0 0 20px} #respond .comment-form-author .required,#respond .comment-form-email .required {left: 95%;} #content .gallery-columns-3 .gallery-item {width: 31%;padding-right: 2%;} #content .gallery-columns-3 .gallery-item img {width: 100%;height: auto;} #f_sitedata,#colophon_in .flex,#f_sitedata address .flex, #add_logo{display: block;width:100%;max-width:100%;} #colophon_in .flex,#colophon_in #add_logo,#f_sitedata{text-align: center} #colophon_in #add_logo{display: block;/* margin: 0 auto 10px; */width:100%;padding: 0;} #colophon_in #add_logo img{display: inline-block;margin: 0 auto;/* width:80px; */vertical-align: bottom;} #secondary .open {width:48%;display:inline-block;vertical-align:top;} h1#hedh1 {padding: 2px 1% 3px;font-size: 10px;} .pphed h2::after{margin: 5px 0 0} /* ヘッダー */ .dropbox{height:70px;bottom: -70px;} .dropbox input#s{height:30px} /* 科学委員会一覧 */ .scicom-name{font-size: 15px;padding: 0 0 4px;} .scicom-item-img{width:100px} .pages .scicom-item-img{width: 120px;} .pages .scicom-name{margin:0} .pages .scicom-item-des{padding: 5px 16px;} .pages p.scicom-place{margin:0} .pages .scicom-item-in{padding:0 0 10px} /* ILBM推進事業 */ p.box-item-more{right: 15px;bottom: 10px;} } @media (max-width: 640px) {.wn640{display: none} #headerimg ul,#himgin{/* display: none; */} #f_sitedata{display: block;} #colophon #supplementary .widget-area {float: none;margin-right: 0;width: auto;} #colophon .sitename{font-size: 14px;margin: 5px auto;text-align:center;} #colophon address .div{display:inline-block;} #colophon address{width: 100%;text-align: center;margin: 0 auto 20px;font-size: 11px;} #colophon address img{display: block;margin: 10px auto;} #colophon .snslink{text-align:center;} #colophon .shopneme,#colophon .shopaddress,.fadd{display:block;margin: 0 0 5px} .fadd{margin: 5px 0 5px} #colophon .tel{margin: 10px auto;} #site-generator{width: 100%;min-width: 96%;padding: 2%;bottom:40px;letter-spacing: 1px;line-height:1.2;text-align: center;margin: 0px auto 0 !important;} #site-generator a{/* display: block; */} #colophon .shopaddress{display:block;margin: 3px 0 0;} #colophon .shopneme{font-weight: bold;font-size: 13px} #f_qrcode{float: none;width:100%;font-size: 100%;text-align: center;} #hedsub .lang-switch a{/* display: block; *//* background:#cbe6fd; *//* color:#fff; */} #hedsub .lang-switch span.langon{display: block;background:#1d2088;color:#fff;} #hedsub .lang-switch a:before,#hedsub .lang-switch a:hover:before{display: none} /* コンテンツ */ .es-table th{display: none;} .es-table td{width: 100% !important;height: auto !important;display: block;} .es-table td:first-child{background-color: #bae0f7;border-bottom: none;} .es-table td:nth-child(2) {border-top: 1px dotted #999;border-bottom: none;} .es-table td:nth-child(3){border-top: 1px dotted #999;margin-bottom: 10px;} .es-table tr:last-child td:nth-child(3){margin-bottom: 0;} .es-table td:first-child::before{content: 'Speaker';font-weight: 900;display: block;} .es-table td:nth-child(2)::before{content: 'Country / Organization (Video)';font-weight: 900;display: block;} .es-table td:nth-child(3)::before{content: 'Presentation Material';font-weight: 900;display: block;} .com-table th{display: none;} .com-table td{width: 100% !important;height: auto !important;display: block;} .com-table td:first-child{background-color: #bae0f7;border-bottom: none;} .com-table td:nth-child(2) {border-top: 1px dotted #999;border-bottom: none;} .com-table td:nth-child(3){border-top: 1px dotted #999;margin-bottom: 10px;} .com-table tr:last-child td:nth-child(3){margin-bottom: 0;} } @media (max-width: 520px) { .single-post #content .post .entry-title {font-size: 18px;padding: 10px 3% 5px; } } @media (max-width: 480px) {/* スマートフォン */ .wb480,.home.page #branding #site-title,.home.archive #branding #site-title,.table dt,.table dd,.searchbox{display: block;} .gnavi,.menu-mainmenu-container{background-repeat: repeat;} #respond .form-submit, .alignleft,.alignright, .table dt,.table dd,.fL,.fR,.fL48,.fR48,.imgfL,.imgfR, .nav-previous,.nav-next,#kanrenkiji section,#pageLIST,.widget,#qrcode,#secondary aside {float: none;clear: both;} .alignleft,.alignright{margin:5px auto;display: block} .nav-previous,.nav-next, #kanrenkiji section {width: 100%;clear: both;margin: 0 auto 10px;min-width: 100%;max-width: 100%;} .postsdata.fR,.postsimg.fL ,.postsimg.fL {width: 100%;padding: 0px;margin: 0px;} #secondary .open ul,#colophon #f_navi.flex{display: none;} #nav-single .nav-previous, #nav-single .nav-next{margin: 0 0 10px} /**** コメント ****/ p.comments-link {display:block;padding:2px;margin: 0;position: absolute;} #respond .form-submit {margin: 0;white-space: normal;} #respond .form-submit input#submit {width: 100%;margin: 0 auto;padding: 5px 0;} .post{margin: 20px auto 0!important;width:94%;padding: 0 1%;} .archive article.post{padding:0} .single-post .post{margin: 0 auto 20px !important;padding: 0 ;width: 100%;} .entry-header{padding: 0;margin: 0;} .post .entry-title{padding: 5px;margin: 0;} .single-post .entry-header{margin: 5px 0 0;} .post .entry-content,.entry-summary{padding: 0 3% 5px;} .post .entry-meta,.single-post .post footer {padding: 5px 3%;} figure.fL.postsimg img{margin: 0 auto 9px;width:100%;} #author-avatar {float: none;clear: both;margin: 10px auto ;width:auto;padding: 0;text-align: center;} #author-description {float: none;padding: 0;width:auto;margin: 0 auto;} #reply-title {padding: 0;} #kanrenkiji section .fL{width: 25%;float: left;clear: none;} #kanrenkiji section .fR{width: 73%;padding: 1%;float: right;clear: none;} #secondary{padding: 45px 3% ;width: 100%;} #secondary #pageLIST,#secondary .widget,#secondary #qrcode{margin: 0 auto 20px;} #qrcode{text-align: center;} #biz_calendar {max-width: 100%;margin : 0 auto;} /* Widgetフッター*/ #supplementary {border-top: 1px solid #ddd;padding: 10px 0 10px ;margin: 0 0 20px;} #calendar_wrap{width: 95%;margin: 0 auto 10px;float: none;} #supplementary.two .widget-area {float: none;margin-right: 0;width: 95%;} #supplementary.three .widget-area {float: none;margin-right: 0;width: 95%;} #content .gallery-columns-2 .gallery-item {width: 45%;padding-right: 4%;} #content .gallery-columns-2 .gallery-item img {width: 100%;height: auto;} .post-link em{width:62%;} #nav-single .nav-next em{right:35%;width:62%;} #nav-single .nav-previous em{left:35%;text-align:right;} #secondary ul {text-align:center;} #secondary ul li{font-size:13px;text-align: left;} #secondary ul li a{font-size:14px;} #secondary ul li li{display: block;padding: 10px 2%;width:95%;border-right:none;border-top:none;border-bottom:none; } #secondary ul li li a{font-size:11px;} #author-data .fax{display: block;margin: 0;} #reply-title {padding: 0;} #colophon .ibox {margin: 0 auto!important;padding: 0!important;} .listbox{flex-flow: column nowrap;padding: 20px 0 0;} .listbox:first-child{padding:10px 0 30px;} .postsimg.fL,.listbox .postsimg{width: auto;padding:0 0 10px;margin: 0 auto;float: none;} .listbox .entry-content{width:100%;padding:0} .archive .listbox .entry-content{padding:10px 0 0;} .listbox .fR.postsdata {width: 100%;} .listbox h3{margin: 0 0 10px;} #add_logo{display: block;text-align: center;} #add_logo a{display: block;} #colophon .fax{margin: 0 0 10px} .single-post #content .entry-content h3, .page #content .entry-content h3, .single-about-world-lake-con h3 { /* font-size: 16px; */ /* margin: 35px 0 10px; */ } /* ヘッダー */ #branding_in{flex-direction:column-reverse;} .site-menu{width: 100%;padding: 4px 0 0;} .site-submenu{justify-content:flex-end;padding: 0 0 6px;width: 360px;max-width: 100%;margin: 0 auto;} #site-title{padding:0} #site-title img{width: 360px;} .dropbox{bottom: -69px;} .dropbox form{width:90%;margin:0 auto} /* メインビジュアル */ .mvslider .himgin img{ height:400px;} .catch-tit img {width: 300px;} .catch-tit:lang(en) img{width:300px} p:lang(en){font-size:14px} /* top */ #top-concept .more{margin: 10px 0 0;} .com-tit-2,.com-tit-3{font-size:24px;} .page-id-10190 .com-tit-3{font-size:20px;} .com-tit-2::after{margin:10px auto 0;width:80px} .com-tit-3::after{width:80px;margin:0 10px;} .page-id-10190 .com-tit-3::after{width:40px;} /* フッター */ #colophon {padding: 30px 0 45px;} #colophon_in{flex-direction:column} #colophon address{padding:10px 0;} .footer-logo{margin:0 auto 10px;} /* 科学委員会一覧 */ .scicom-box{flex-direction:column;} .scicom-item{width:100%;margin: 16px auto 0;padding:0 10px;} .scicom-item:first-of-type{margin-top:10px;} /* 湖沼流域管理 */ .com-tit-5{font-size:20px;} .com-tit-5::before{width:16px;height:16px;} .governance .fl-col-group-equal-height .fl-col::before{font-size: 28px;top: 6px;} .governance .fl-col-group-equal-height .fl-col{padding-left:40px} .com-tit-6{font-size:18px} /* 人材育成 */ .area-count{font-size:30px} .area-tit{font-size:20px} .area-num{font-size:30px} } @media (max-width: 420px) { #site-title h2 a{display: block;} #site-title h2 span{display: none;} #secondary aside, #secondary .widget, #secondary #pageLIST, #pageLIST,.widget,#qrcode,#secondary aside{float: none;width: 96%;margin: 20px auto 0;} #pageLIST ul{margin:0;} #secondary aside:last-child{margin: 20px auto 0} #colophon #fnavi.fn3 > div:first-child li, #colophon #fnavi.fn4 > div:first-child,#colophon #fnavi.fn4 > div:nth-child(2){width: 100%} } @media (max-width: 480px) and (orientation : landscape) {/* スマートフォン横 */ } @media (max-width: 380px) { #colophon .fn3 > div:first-child li{width: 98%;} /* コンテンツ */ .es-table tr{display: inline;} .com-table tr{display: inline;} .mv-catch h2{text-align:center} .catch-tit img {width: 80%;margin:0 auto} } @media (max-width: 320px) { } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body {padding: 0;} #page {margin-top: 0;} #branding {border-top: none;} } /* =Print ----------------------------------------------- */ @media print {.pnone, h1#hedh1,#nav-single,.pagination,#kanrenkiji,#pageLIST,.tagcloud,.widget_twitter,#wp-calendar,.widget_links li a,.widget_search,.edit-link, .commentlist .reply ,.gnavi,.sb-slidebar,.menu-headersubmenu-container, .menu-footermenu-container,.menu-footersubmenu-container,.widget,#back-top a,#back-top,.wpcf7-submit,#respond, #kanrenkiji,#nav-single,.bread_crumb,.snslink,#author-sns,.snsurl.authorlink,.comments-link a,.leave-reply,.morelink, p .tag-links,p .cat-links,#rsslink,.share-button {display: none;} } /* =IE8 ----------------------------------------------- */ #ie8 section.feature-image.large img {width: 100%;} /* SlickSlider */ .slick-slider{position: relative;display: block;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{height:100%;-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);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before,.slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;max-height: 100%;min-height: 1px;background-position:left top;background-repeat:no-repeat;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}.slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;}.slick-arrow.slick-hidden{display: none;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-loading .slick-list{background: #fff url('./js/slick/ajax-loader.gif') center center no-repeat;} /* Arrows */ .slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: calc(50% - 20px );display: block;width: 20px;height: 20px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;z-index:9;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;} .slick-next{margin-left: 0px;right: 16px;left: auto;} .slick-prev:before,.slick-next:before{content:'';width: 100%;height:100%;display: block;background-repeat:no-repeat;} .slick-next:before{ border-top: 4px solid #111; border-right: 4px solid #111; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .slick-prev{margin-right: 0px;right: auto;left: 16px;} .slick-prev:before{ border-top: 4px solid #111; border-right: 4px solid #111; -webkit-transform: rotate(45deg); transform: rotate(225deg);} .program-participants.scroll{overflow-x:scroll} .program-participants table{width: 980px;margin-block: 20px;margin-inline:auto;table-layout: fixed;} .program-participants table tr{border-left:1px solid #efefef} .program-participants table tr:last-of-type{border-bottom:1px solid #efefef;} .program-participants table th{font-size: 14px;font-weight: bold;letter-spacing: .05em;color: #fff;text-align:center;padding-block:1em;padding-inline:8px;background-color: #1B81BA;border-top: none;border-right:1px solid;border-left: none;vertical-align:middle} .program-participants table td{font-size: 14px;font-weight: bold;text-align:center;padding-block:1em;padding-inline:8px;background-color: #fff;border-top: 1px solid #efefef;border-right: 1px solid #efefef;border-left: none;vertical-align:middle} .program-participants.scroll::-webkit-scrollbar {height: 10px;} .program-participants.scroll::-webkit-scrollbar-thumb {background-color: #1B81BA;border-radius: 10px} @media(max-width:680px){ .program-participants table{width:720px!important;} }