@charset "UTF-8"; /* 7.5.7 framework 8.1.9 */ /*/css/base.min.css*/ :where(.tf_loader){width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}:where(.tf_overflow){overflow:hidden}.tf_box{box-sizing:border-box}:where(.tf_abs){position:absolute;inset:0}:where(.tf_abs_t){position:absolute;top:0;left:0}:where(.tf_abs_b){position:absolute;bottom:0;left:0}:where(.tf_abs_c){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}:where(.tf_opacity){opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:2.5em;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain} /*/css/themify-common.css*/ iframe{border:0}a{cursor:pointer}:is(button,a,input,select,textarea,.button):focus{outline:1px dotted hsla(0,0%,59%,.2)}.tf_focus_heavy :is(button,a,input,select,textarea,.button):focus{outline:2px solid rgba(0,176,255,.8)}.tf_focus_none a,.tf_focus_none:is(button,a,input,select,textarea,.button):focus{outline:0}.tf_large_font{font-size:1.1em}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-to-content:focus{clip-path:none}.post-image .themify_lightbox{display:block;max-width:100%;position:relative}.post-image .themify_lightbox .zoom{background:rgba(0,0,0,.3);border-radius:100%;height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.post-image .themify_lightbox .zoom .tf_fa{color:#fff;vertical-align:middle;stroke-width:1px;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.post-image .themify_lightbox:hover .zoom{background:rgba(0,0,0,.6)}.pswp:not(.pswp--open){display:none}:is(.ptb_map,.themify_map) button{border-radius:0;max-width:inherit} /*/css/modules/search-form.css*/ .tf_s_dropdown input[type=text]{background-color:#fff;box-shadow:none;color:#000;display:inline-block;height:auto;margin:0;max-width:100%;min-height:auto;min-width:auto;width:auto}.tf_search_icon{border-radius:50em;cursor:pointer;line-height:normal;padding:9px 11px 10px}.tf_search_icon:hover{background:hsla(0,0%,59%,.15)}.tf_search_icon .tf-ti-search{stroke-width:1.5}.tf_icon_wrap{font-size:1.2em;left:2px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.tf_icon_wrap+.tf_loader+input[type=text],.tf_icon_wrap+input[type=text]{padding-left:2.2em}.tf_s_dropdown .tf_icon_wrap{left:12px} /*/css/grids/list-post.css*/ .loops-wrapper.list-post>.post,.woocommerce .loops-wrapper.products.grid1>.product,.woocommerce .loops-wrapper.products.list-post>.product{clear:both;float:none;margin:0 0 2.5em;min-height:0;width:100%}.loops-wrapper.list-post.no-gutter>.post,.loops-wrapper.list-post.products.no-gutter>.product{padding:0} /*/wordpress/wp-content/themes/grido/style.css*/ /*! Theme Name:Themify Grido Theme URI:https://themify.me/themes/grido Version:7.5.7 Description:Created by Themify. Author:Themify Author URI:http://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) 2016 Themify. Tags:featured-images, translation-ready, custom-menu Text Domain:themify Requires PHP:7.2 Changelogs: https://themify.org/changelogs/grido.txt --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,legend,li,map,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}fieldset,img{border:0}img{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,iframe,object{max-width:100%}@font-face{font-display:swap;font-family:themify_theme_icons;src:url(data:application/octet-stream;base64,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) format("woff")}html{-webkit-font-smoothing:antialiased}body{background:#dadee0 url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/body-bg.png);color:#666;color:rgba(0,0,0,.6);font:.8em/150% Lucida Sans Unicode,Lucida Grande,sans-serif;overflow-wrap:break-word}a{color:#b16642;outline:none;text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 1.2em;padding:0}small{font-size:87%}blockquote{font:italic 110%/130% Times New Roman,Times,serif;padding:8px 30px 15px}ol,ul{line-height:140%;margin:1em 0 1.4em 24px}li,ol,ul{padding:0}li{margin:0 0 .5em}h1,h2,h3,h4,h5,h6{color:#000;font-family:Oswald,Lucida Sans Unicode,Lucida Grande,sans-serif;font-weight:400;line-height:1.4em;margin:20px 0 .4em;overflow-wrap:normal;text-shadow:0 2px 0 rgba(0,0,0,.1);text-transform:uppercase}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.8em}h4{font-size:1.6em}h5{font-size:1.4em}h6{font-size:1.2em}button,input,input[type=search],select,textarea{font-family:inherit;font-size:100%}input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:5px 10px}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{max-width:100%;width:240px}textarea{line-height:150%;width:100%}input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{border-color:#4ec6f6;box-shadow:0 0 10px rgba(78,198,246,.3);outline:none}button,input[type=reset],input[type=submit]{-webkit-appearance:none;background-color:#222;background-image:linear-gradient(180deg,hsla(0,0%,87%,.1) 0,transparent);border:0;border-radius:5px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 2px rgba(0,0,0,.7);color:#ccc;cursor:pointer;line-height:100%;padding:8px 20px}button:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#111;color:#fff}#body,#content,#footer,#footerwrap,#header,#headerwrap,#layout,#main-nav,#pagewrap,#sidebar,.author-box,.pagewidth,.post,.post-nav,.widget{box-sizing:border-box}.pagewidth,.row_inner{width:978px}#body,.pagewidth,.row_inner{margin:0 auto;max-width:100%}#body{padding-bottom:40px}#content{float:left;width:676px}#content,#sidebar{margin:20px 0 60px}#sidebar{width:260px}#sidebar,.sidebar-left #content{float:right}.sidebar-left #sidebar{float:left}.sidebar-none #content{float:none;width:100%}.full_width #layout{max-width:100%;width:100%}.full_width #content{padding:0}.full_width #content,.full_width #sidebar{float:none;width:auto}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{float:left;margin-left:3.2%}.col4-1{width:22.6%}.col2-1,.col4-2{width:48.4%}.col4-3{width:74.2%}.col3-1{width:31.2%}.col3-2{width:65.6%}.col.first,.col2-1.first,.col3-1.first,.col3-2.first,.col4-1.first,.col4-2.first,.col4-3.first{clear:left;margin-left:0}#header{height:170px;position:relative;z-index:100}#nav-bar{background-color:#fff;border-bottom:1px solid #c1c1c1;box-shadow:0 2px 0 rgba(0,0,0,.07);height:45px;left:0;position:absolute;top:0;width:100%}.admin-bar #nav-bar{top:32px}.social-widget{float:right;position:absolute;right:0;top:10px;z-index:100}.social-widget a{vertical-align:middle}.social-widget a,.social-widget a:hover{text-decoration:none}.social-widget .widget{display:inline-block;margin:0}.social-widget .widget div{display:inline}.social-widget .widgettitle{background:0;border:0;box-shadow:none;display:inline-block;font:700 100% Arial,Helvetica,sans-serif;letter-spacing:0;margin:5px 8px 2px 0;padding:0;position:static;text-transform:none;width:auto}.social-widget ul{display:inline;margin:6px 0 0!important;padding:0}.social-links.horizontal li{border:0!important;clear:none;display:inline-block;line-height:100%;margin:0;padding:0 2px 5px 0}.social-widget li img{margin-top:-2px;max-width:24px;vertical-align:middle}.social-widget ul li{display:inline-block}.social-widget div.rss{display:inline}.social-widget div.rss a{background:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/rss.png) no-repeat 0;display:inline-block;padding:2px 0 4px 30px}#header #searchform{position:absolute;right:0;top:100px;width:160px}#header #searchform #s{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/search.png);background-position:8px;background-repeat:no-repeat;border-radius:11px;color:#a5a099;float:right;padding:4px 5px 4px 28px;transition:width .7s;width:90px}#header #searchform #s:focus{color:#333;width:140px}#main-nav{left:0;margin:0;padding:0;position:absolute;top:10px;z-index:100}#main-nav li{float:left;list-style:none;margin:0;padding:0;position:relative}#main-nav a{color:#707679;display:block;margin:0 0 0 5px;padding:5px 15px;text-decoration:none}#main-nav a:hover{color:#000}#main-nav .current-menu-item a,#main-nav .current_page_item a{border-bottom:4px solid #a3d39c}#main-nav .current-menu-item a:hover,#main-nav .current_page_item a:hover{color:#000}#main-nav .current-menu-item ul a,#main-nav .current_page_item ul a,#main-nav ul .current-menu-item a,#main-nav ul .current_page_item a,#main-nav ul a{background:0;border:0;border-radius:0;box-shadow:none;color:#666;font-weight:400;margin:0;padding:7px 0 7px 15px;text-shadow:none;width:180px}#main-nav .current-menu-item ul a:hover,#main-nav .current_page_item ul a:hover,#main-nav ul .current-menu-item a:hover,#main-nav ul .current_page_item a:hover,#main-nav ul a:hover{background-color:#f3f3f3;color:#000}#main-nav ul{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:none;list-style:none;margin:0;padding:5px 0;position:absolute;z-index:100}#main-nav ul li{background:0;float:none;margin:0;padding:0}#main-nav ul ul{left:190px;top:-2px}#main-nav li:hover>ul{display:block}#main-nav .dropdown-open>.sub-menu{opacity:1!important;transform:none!important}#main-nav .has-mega-column>.sub-menu .child-arrow{display:none}@media (hover:none){#main-nav .child-arrow{border-radius:100%;margin-left:7px;padding:0 7px}#main-nav ul .child-arrow{float:right;margin-right:15px}#main-nav .child-arrow:before{margin:0}#main-nav .child-arrow:hover{background:hsla(0,0%,84%,.4)}}.slider{margin-top:20px;padding-bottom:10px}.slider .slides{line-height:120%;margin:0;padding:0}.slider .slides .tf_swiper-slide{float:left}.slider .post-video{margin-bottom:20px}.slider .slide-feature-image{margin-bottom:10px}.slider .slide-post-title{font-size:120%;line-height:120%;margin:0 0 4px}.slider .slide-post-title a{text-decoration:none}.slider .slide-post-title a:hover{text-decoration:underline}.slider .slide-excerpt{font-size:80%;line-height:130%}.slider .slide-content-wrap{margin-bottom:10px}.slider audio{max-width:100%}.slider .gallery img{max-width:40px;width:40px}.slider .carousel-nav-wrap{border:0;margin:15px auto 10px;text-align:center}.slider .carousel-next,.slider .carousel-prev{background-color:#f5f5f5;background-image:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1));border:1px solid #ccc;border-radius:10em;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4);color:#666;display:inline-block!important;font:12px/100% Arial,Helvetica,sans-serif!important;height:24px!important;margin:0 3px;padding:4px 0 0;position:static!important;text-align:center;text-decoration:none;text-shadow:0 1px 0 hsla(0,0%,100%,.8);width:24px!important}.slider .carousel-next:before,.slider .carousel-prev:before{border:0;transform:none}.slider .carousel-prev:before{content:"\00ab"}.slider .carousel-next:before{content:"\00bb"}.slider .carousel-next:hover,.slider .carousel-prev:hover{background-color:#f4f4f4}.carousel-nav-wrap .disabled{cursor:default;opacity:1}.carousel-pager{clear:both;display:inline-block;height:8px;margin-top:-4px;text-align:center;vertical-align:middle}#header-slider .tf_carousel_bullets .tf_carousel_bullet{background-color:#ccc;background-color:rgba(0,0,0,.2);border:2px solid #666;border-radius:10em;box-sizing:unset;cursor:pointer;display:inline-block;height:8px;margin:0 3px;text-indent:-900em;width:8px}#header-slider .carousel-pager a.selected{background-color:#fff;background-color:hsla(0,0%,100%,.6);border-color:#ccc}#header-slider .slides .slide-container{background-color:#f5f5f5;background-image:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1));border:1px solid #c1bfbf;border-radius:10px;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.4),0 1px 1px rgba(0,0,0,.1);padding:10px 15px 0}#header-slider .slides .orange .slide-container{background-color:#fff4e9;border-color:#d6c2ab}#header-slider .slides .green .slide-container{background-color:#effcdd;border-color:#b8ce9a}#header-slider .slides .pink .slide-container{background-color:#ffebfe;border-color:#ebbdd1}#header-slider .slides .lavender .slide-container{background-color:#eeedff;border-color:#c5c1de}#header-slider .slides .yellow .slide-container{background-color:#fdfad5;border-color:#cecaa0}#header-slider .slides .blue .slide-container{background-color:#e6f8ff;border-color:#b7d2dd}#header-slider .slides .gray .slide-container{background-color:#dddcdc;border-color:#b8b7b7}#header-slider .slides .black .slide-container{background-color:#222;border-color:#111;color:#999}#header-slider .slides .black .slide-container a{color:#d0f2ff}.author-bio{margin:0 0 30px}.author-bio .author-avatar{float:left;margin:0 15px 0 0}.author-bio .author-avatar img{background-color:#fff;border:1px solid #ccc;padding:4px}.author-bio .author-name{font-size:160%;margin:0 0 5px;padding:0}.author-posts-by{border-color:#ccc hsla(0,0%,46%,.3) hsla(0,0%,46%,.3);border-top:4px double hsla(0,0%,46%,.3);font-size:140%;margin:0 0 20px;padding:10px 0 0;text-transform:uppercase}.page-title{font-size:360%;line-height:110%;margin:0 0 25px;padding:0}.category-section{clear:both;margin-bottom:30px}.category-section-title{font-size:120%;margin:0 0 20px;text-transform:uppercase}.loops-wrapper,.loops-wrapper.grid2,.loops-wrapper.grid3,.loops-wrapper.grid4{overflow:visible!important}.post{box-sizing:border-box;display:block;margin-bottom:20px;position:relative}.post-inner{padding:0 15px 10px}.post-content{min-width:120px}.post-title{font:230%/130% Oswald,Lucida Grande,Arial,Lucida Sans Unicode,sans-serif;margin:8px 20px 10px 0;padding:0;text-transform:uppercase}.post-title a{color:#000;text-decoration:none}.post-image{margin:0 0 10px;max-width:100%}.post-meta{font-size:85%;margin:20px 0 0}.post-meta span{margin-right:7px}.post-meta .post-author{background:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/post-author.png) no-repeat 0 2px;padding-left:16px}.post-meta .post-category{background:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/post-category.png) no-repeat 0 2px;padding-left:16px}.post-meta .post-tag{background:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/post-tag.png) no-repeat 0 2px;padding-left:16px}.post-meta .post-comment{background:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/post-comment.png) no-repeat 0 2px;padding-left:16px}.post-date{background-color:#a3d39c;border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.2),inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.08);color:#fff;display:inline-block;font-size:10px;line-height:100%;padding:5px 10px;position:relative;text-transform:uppercase;top:-1px}.loops-wrapper.grid4 .post-title{font-size:145%;padding:0}#body .loops-wrapper.grid4 .gallery img{max-width:40px}.loops-wrapper.grid3 .post-title{font-size:160%;padding:0}.loops-wrapper.grid2 .post-title{font-size:170%;padding:0}.loops-wrapper.grid2 .post-comment{font-size:70%}.loops-wrapper.grid2-thumb .post-title{font-size:150%;margin:0 0 5px}.loops-wrapper.grid2-thumb .post-image{float:left;margin:5px 14px 10px 0}.loops-wrapper.grid2-thumb .post-content{overflow:hidden}.loops-wrapper.list-thumb-image .post-image{float:left;margin:7px 16px 10px 0}.loops-wrapper.list-thumb-image .post-content{overflow:hidden}.loops-wrapper.list-large-image .post-image{float:left;margin:7px 22px 10px 0}.loops-wrapper.list-large-image .post-title{font-size:200%;margin:0 0 5px;padding:0}.loops-wrapper.list-large-image .post-content{overflow:hidden}.post-inner{background-image:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1));border:1px solid #c1bfbf;border-radius:10px;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.4),0 1px 2px rgba(0,0,0,.1)}.post.orange .post-inner{background-color:#fff4e9;border-color:#d6c2ab}.post.green .post-inner{background-color:#effcdd;border-color:#b8ce9a}.post.pink .post-inner{background-color:#ffebfe;border-color:#ebbdd1}.post.lavender .post-inner{background-color:#eeedff;border-color:#c5c1de}.post.yellow .post-inner{background-color:#fdfad5;border-color:#cecaa0}.post.blue .post-inner{background-color:#e6f8ff;border-color:#b7d2dd}.post.gray .post-inner{background-color:#dddcdc;border-color:#b8b7b7}.post.black .post-inner{background-color:#222;border-color:#111}.post.black{color:#999}.post.black a{color:#d0f2ff}.format-audio .audio-image img{float:left;margin:0 20px 10px 0}.format-audio .audio-player{margin:8px 0 10px;overflow:hidden}.post audio{max-width:100%}.format-quote .quote-content{font:italic 120%/130% Baskerville,Georgia,Times,serif}.format-quote .quote-author{font-family:Baskerville,Georgia,Times,serif;font-style:normal;font-variant:small-caps;letter-spacing:.1em;margin:0 0 10px;text-align:right}.format-link .post-title a{background:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/link-arrow.png) no-repeat 100%;padding-bottom:2px;padding-right:23px}.embed-youtube,.post-video{font-size:.9em;height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}.embed-youtube embed,.embed-youtube iframe,.embed-youtube object,.post-video embed,.post-video iframe,.post-video object{height:100%;left:0;position:absolute;top:0;width:100%}.twitter-tweet-rendered{max-width:100%!important}.post-icon{background:#a3d39c url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-post.png) no-repeat 50%;border-radius:20em;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1);display:block;height:38px;position:absolute;right:-3px;top:-9px;width:38px}.format-audio .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-audio.png)}.format-gallery .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-gallery.png)}.format-link .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-link.png)}.format-quote .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-quote.png)}.format-status .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-status.png)}.format-aside .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-aside.png)}.format-video .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-video.png)}.format-image .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-image.png)}.format-chat .post-icon{background-image:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-chat.png)}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{transition-duration:.8s}.isotope{transition-property:height,width}.isotope .isotope-item{transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{transition-duration:0s}.isotope{overflow:visible!important}.isotope-hidden{display:none!important}.author-box{margin:15px 0}.author-box .author-avatar{float:left;margin:0 15px 5px 0}.author-box .author-name{margin:0 0 5px}.post-pagination{margin:.5em 0 2em;text-align:right}.post-pagination strong{margin-right:3px}.post-pagination a{margin-left:3px;margin-right:3px}.post-nav{clear:both;margin:0 0 30px;padding:15px 0}.post-nav .next,.post-nav .prev{position:relative;width:47%}.post-nav a{display:block}.post-nav a,.post-nav a:hover{text-decoration:none}.post-nav .prev{float:left}.post-nav .next{float:right;text-align:right}.post-nav .arrow{background-color:#f9f9f9;background-image:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1));border:1px solid #ccc;border-radius:10em;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4);color:#666;display:block;float:left;font:normal 20px/100% Times New Roman,Times,serif;height:28px;margin:-8px 10px 17px 0;padding:4px 0 0;text-align:center;width:32px}.post-nav .next .arrow{float:right;margin-left:10px;margin-right:0}.post-nav a:hover span{background-color:#fff}.commentwrap{clear:both;margin:40px 0 20px;padding:10px 0 0;position:relative}.comment-title{font-size:170%;margin:0 0 15px;padding:0}.commentwrap .pagenav{border:0;box-shadow:none;margin:10px 0}.commentwrap .pagenav.top{margin:0;position:absolute;right:0;top:10px}.commentlist{border-top:1px solid #ddd;margin:0;padding:5px 0 0}.commentlist li{list-style:none;margin:0;padding:15px 0 0;position:relative}.commentlist .comment-author{margin:2px 0 5px;padding:0}.commentlist .avatar{float:left;margin:0 15px 0 0}.commentlist cite{font:italic 19px/120% Times New Roman,Times,serif}.commentlist cite a{text-decoration:none}.commentlist cite .tf_fa{margin-right:10px}.commentlist .bypostauthor>.comment-author cite{background:url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/icon-author-comment.png) no-repeat 0 2px;padding-left:18px}.commentlist .comment-time{font-size:75%;text-transform:uppercase}.commentlist .commententry{border-bottom:1px solid #ddd;min-height:40px;overflow:hidden;overflow-wrap:break-word;padding-bottom:5px;position:relative}.commentlist ol,.commentlist ul{margin:0 0 0 90px;padding:0}.commentlist .reply{position:absolute;right:10px;top:16px}.commentlist .comment-reply-link{font-size:11px;text-decoration:none;text-transform:uppercase}.commentlist .comment-reply-link:hover{text-decoration:none}#respond{clear:both;margin:40px 0 30px;padding:10px 0 0;position:relative}#respond #cancel-comment-reply-link{background-color:#e83903;background-image:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.1));border:1px solid #9b3313;border-radius:10em;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.1);color:#fff;display:block;font-size:75%;line-height:100%;padding:5px 12px;position:absolute;right:0;text-decoration:none;top:20px}#respond #cancel-comment-reply-link:hover{background-color:#333;border-color:#000}#commentform{margin:15px 0 0}#commentform label{font-weight:700}#commentform label small{font-weight:400}#commentform textarea{box-sizing:border-box;height:140px;width:100%}#commentform .comment-form-author,#commentform .comment-form-email{box-sizing:border-box;clear:none;float:left;width:50%}#commentform p.comment-form-author{padding-right:2%}#commentform .comment-form-email{padding-left:2%}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url]{box-sizing:border-box;max-width:none;width:100%}#commentform input#submit{padding:7px 20px}.widget{margin:0 0 30px;overflow-wrap:break-word}.widgettitle{font-size:150%;margin:0 0 10px;padding:0}.widget ul{margin:0;padding:0}.widget li{clear:both;list-style:none;margin:0;padding:6px 0}.widget ul ul{border-top:none;margin:6px 0 -6px;padding:0}.widget ul ul li{margin:0;padding-left:10px}.widget #wp-calendar caption{font-weight:700;padding-bottom:10px}.widget #wp-calendar td{padding:4px 2px;text-align:center;width:31px}.widget .feature-posts-list br{display:none}.widget .feature-posts-list .post-img{float:left;margin:4px 12px 10px 0}.widget .feature-posts-list small{display:block;font:italic 90% Times New Roman,Times,serif;margin:0 0 3px}.widget .feature-posts-list .feature-posts-title{margin:4px 0 3px}.widget .feature-posts-list .post-excerpt{display:block}.widget .twitter-list .twitter-timestamp{font:italic 90% Times New Roman,Times,serif}.widget .follow-user{margin:0;padding:5px 0}.widget .links-list img,.widget_links img{vertical-align:middle}.recent-comments-list .avatar{float:left;margin-right:12px}.widget .flickr_badge_image{margin-top:10px}.widget .flickr_badge_image img{float:left;height:50px;margin-bottom:12px;margin-right:12px;width:50px}.shortcode .flickr_badge_image{float:left;margin:0 1.5% 1.5% 0;width:23.8%}.shortcode .flickr_badge_image:nth-of-type(4n){margin-right:0}.shortcode .flickr_badge_image img{margin:0}#sidebar #searchform{position:static}#sidebar #searchform #s{width:93%}#content .twitter-tweet-rendered,#content .twt-border{max-width:100%!important}#content .twt-border{min-width:180px!important}.widget .textwidget ul{margin:0 0 1.4em 1.6em}.widget .textwidget li{display:list-item}.widget .textwidget ul li{list-style:disc}.widget .textwidget ol li{list-style:decimal}#load-more{clear:both;margin:30px 0 10px}#load-more a{background:#ababab url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/load-more.png) no-repeat 20px;border-radius:10px;box-shadow:inset 0 -1px 1px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);color:#fff;display:none;font-size:120%;line-height:100%;padding:15px 20px 15px 45px;text-decoration:none}#infscr-loading{background-color:#fff;background-color:hsla(0,0%,100%,.9);border-radius:10px;bottom:30px;height:41px;left:50%;margin-left:-25px;overflow:hidden;padding-top:9px;position:fixed;text-align:center;width:50px;z-index:100}.widget .social-links{line-height:100%;margin:0 0 20px;padding:0}.widget .social-links li{border:0;display:inline-block;list-style:none;margin:0 5px 5px 0;padding:0}.widget .social-links img{vertical-align:middle}#footerwrap{background-color:#d5d8da;border-top:1px solid #babdbf}#footer{clear:both;padding:20px 0 40px}#footer .widget li{border:0}#footer-logo{clear:both;font:32px/100% Oswald,Arial,Helvetica,sans-serif;margin:5px 0 15px;text-shadow:0 2px 0 rgba(0,0,0,.1);text-transform:uppercase}#footer-logo a{color:#000}#footer-logo a,#footer-logo a:hover{text-decoration:none}.footer-nav{float:left;margin:5px 0 25px;padding:0}.footer-nav li{float:left;list-style:none;margin:0 15px 0 0;padding:0;position:relative}.footer-nav a{color:#718792;font:16px/100% Oswald,Arial,Helvetica,sans-serif;text-transform:uppercase}#footer-nav ul a{background:0;color:#666;display:block;font-size:13px;font-weight:400;margin:0;padding:7px 0 7px 15px;text-transform:none;width:150px}#footer-nav ul a:hover{background-color:#f3f3f3;color:#000}#footer-nav ul{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:none;list-style:none;margin:0 0 0 -15px;padding:5px 0;position:absolute;z-index:100}#footer-nav ul li{background:0;float:none;margin:0;padding:0}#footer-nav ul ul{left:170px;top:-2px}#footer-nav li:hover>ul{display:block}.back-top{float:left;margin-right:15px}.back-top a{background:#879297 url(https://www.shinoby.net/wordpress/wp-content/themes/grido/images/arrow-up.png) no-repeat 50%;border-radius:10em;display:block;height:30px;text-indent:-900em;width:30px}.back-top a:hover{background-color:#000}.footer-text{font-size:85%}img.aligncenter,img.alignleft,img.alignnone,img.alignright{margin-bottom:15px}.alignleft{float:left;margin-right:30px}.alignright{float:right;margin-left:30px}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-caption{margin-bottom:15px;max-width:100%;text-align:center}.wp-caption-text{font:normal 95%/120% Georgia,Times New Roman,Times,serif;margin:6px 0}#body .gallery img,.attachment img,.commentlist .avatar,.image-wrap img,.module .post-image img,.module .slide-image img,.recent-comments-list .avatar,.shortcode .flickr_badge_image img,.slide-image img,.widget .feature-posts-list .post-img,.widget .flickr_badge_image img,.wp-caption img,img.aligncenter,img.alignleft,img.alignnone,img.alignright{background-color:#fff;border-bottom-color:#ddd;box-shadow:0 1px 2px rgba(0,0,0,.2);padding:2px}.attachment.single-attachment,.single-attachment .attachment{float:none;margin:0;text-align:left}.module-post .post-date{display:inline-block;margin:0!important}.module-portfolio .post-date{background:0;box-shadow:none;color:inherit;padding:0}.module-post .post-title{margin:8px 20px 10px 0!important}.module.loops-wrapper.grid2,.module.loops-wrapper.grid2-thumb,.module.loops-wrapper.grid3,.module.loops-wrapper.grid4{margin-left:0;width:auto}.module.loops-wrapper.grid2-thumb .post-content,.module.loops-wrapper.list-thumb-image .post-content{overflow:visible}.module.loops-wrapper.grid2-thumb .post-inner,.module.loops-wrapper.list-thumb-image .post-inner{overflow:hidden}.module .new-items{position:relative}.clear{clear:both}.left{float:left}.right{float:right}.textleft{text-align:left}.textright{text-align:right}.textcenter{text-align:center}#body:after,#content:after,#footer:after,#main-nav:after,.menu:after,.widget li:after,footer:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}#body,#footer,#main-nav,.menu,.widget li,footer{display:block}@media(max-width:1260px){.default_width #layout .row_inner{max-width:100%}} /*/wordpress/wp-content/themes/grido/media-queries.css*/ @media (max-width:1200px){ @media(max-width:980px){#pagewrap{max-width:100%}.pagewidth,.row_inner{max-width:90%}#content{margin:7% 0 5%}.sidebar1 #content{max-width:68%}#sidebar{margin:7% 0 5%;max-width:27%}#sidebar .secondary{max-width:47%}.loops-wrapper{max-width:105%}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{margin-left:2%}.col4-1{max-width:23%}.col2-1,.col4-2{max-width:48%}.col4-3{max-width:72%}.col3-1{max-width:31%}.col3-2{max-width:62%}}@media(max-width:760px){#sidebar,.sidebar1 #content{clear:both;float:none;max-width:100%;width:100%}#sidebar .secondary{width:48%}.loops-wrapper.list-post{max-width:100%}}@media(max-width:680px){.module-post .post-content,.post-content{min-width:0!important}html{-webkit-text-size-adjust:none}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{margin-left:0;max-width:100%;width:100%}.loops-wrapper,.post{margin-left:0!important;width:auto!important}.post{float:none!important;max-width:100%!important}.post-nav .next,.post-nav .prev{clear:both;display:block;margin-bottom:10px;width:100%}.commentlist{padding-left:0}.commentlist .commententry{clear:left}.commentlist .avatar{float:left;height:40px;margin:0 10px 10px 0;width:40px}.commentlist ol,.commentlist ul{margin:0 0 0 7%}#footer-logo{position:static}.footer-nav{padding:0}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary{float:none!important;width:100%!important}} } /*/wordpress/wp-content/themes/grido/skins/orange/style.css*/ /*! Skin Name:Orange Version:1.0 Description:Skin for Grido */#main-nav .current-menu-item a,#main-nav .current_page_item a{border-color:#ff8920}.post-date,.post-icon{background-color:#ff8920} /*/wordpress/wp-content/themes/grido-child/style.css*/ /* Theme Name: Themify Grido Child Description: Child theme for Themify Grido Author: E.Tabuchi Template: themify-grido */ /* Theme Name: Grido Theme URI: http://themify.me/themes/grido Version: 1.4.2 Description: Created by Themify. Author: Themify Author URI: http://www.themify.me License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: (c) 2014 Themify. Tags: themify, featured-images, translation-ready, custom-menu, sidebar --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { max-width: 100%; height: auto; -moz-box-sizing: border-box; box-sizing: border-box; } /* ie 8 img max-width */ @media \0screen { img { width: auto;} } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* audio */ audio { max-width: 100%; } /* iframes and objects max-width */ iframe, object { max-width: 100%; } /************************************************************************************ GENERAL STYLING *************************************************************************************/ /* 親 body { background: #dadee0 url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/body-bg.png); color: #666; color: rgba(0, 0, 0, .6); font: .8em/150% Lucida Sans Unicode, Lucida Grande, sans-serif; overflow-wrap: break-word } */ body { font: 13px/150% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; background-color: #f0f0f0; word-wrap: break-word; color: #4e4e4e; } /* 親 E.Tabuchi a { color: #b16642; outline: none; text-decoration: none } */ a { text-decoration: none; outline: none; color: #ED7D29; } a:hover { text-decoration: underline; } p { margin: 0 0 1.2em; padding: 0; line-height: 1.7; font-size: 1.2em; } small { font-size: 87%; } blockquote { font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px; } /* list */ ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; } li { margin: 0 0 .5em 0; padding: 0; font-size: 1.1em; } /* headings */ /* 親 20250702 E.Tabuchi h1, h2, h3, h4, h5, h6 { color: #000; font-family: Oswald, Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight: 400; line-height: 1.4em; margin: 20px 0 .4em; overflow-wrap: normal; text-shadow: 0 2px 0 rgba(0, 0, 0, .1); text-transform: uppercase } */ h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: normal; text-transform: uppercase; color: #000; /* edit 2025.07.17 E.Tabuchi */ /* text-shadow: 0 2px 0 rgba(0,0,0,.1); */ text-shadow: 0 0 0; } h1 { font-size: 2.4em; } h2 { font-size: 2em; } h3 { font-size: 1.8em; } h4 { font-size: 1.6em; } h5 { font-size: 1.4em; } h6 { font-size: 1.2em; } /* form input */ input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] { background: #fff; border: solid 1px #ddd; padding: 5px 10px; /*border-radius: 5px;*/ -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } input[type=text], input[type=search], input[type=email], input[type=url] { width: 240px; max-width: 90%; } /* text area */ textarea { line-height: 150%; width: 94%; } /* form input:focus */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus { outline: none; border-color: #4ec6f6; box-shadow: 0 0 10px rgba(78,198,246,.3); } /* form button */ input[type=reset], input[type=submit], button { color: #ccc; line-height: 100%; border: none; padding: 8px 20px; cursor: pointer; border-radius: 5px; background-color: #222; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background-image: -moz-linear-gradient(top, rgba(221,221,221,0.1) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient(top, rgba(221,221,221,0.1) 0%,rgba(0,0,0,0) 100%); background-image: linear-gradient(to bottom, rgba(221,221,221,0.1) 0%,rgba(0,0,0,0) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.7); } /* form button:hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover { background: #111; color: #fff; } /************************************************************************************ STRUCTURE *************************************************************************************/ .pagewidth { width: 978px; margin: 0 auto; } /* body (middle container) */ #body { margin: 0 auto; max-width: 100%; padding-bottom: 40px; } /* content */ #content { margin: 20px 0 60px; width: 676px; float: left; } /* sidebar */ #sidebar { width: 240px; float: right; margin: 20px 0 60px; } #sidebar p { font-size: 103%; margin-bottom: 20px; line-height: 1.7; } #sidebar ul li { font-size: 103%; line-height: 2; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /* sidebar-none content */ .sidebar-none #content { width: 100%; float: none; } /* fullwidth content */ .full_width #layout { width: 100%; } .full_width #content { padding: 0; width: auto; float: none; } .full_width #sidebar { width: auto; float: none; } /* books */ #sidebar #books img.pic { margin-right: 10px; } #sidebar #books p a { color: #4e4e4e; } #sidebar #archives-3 li a { color: #4e4e4e; } #sidebar #text-5 a { color: #4e4e4e; } #sidebar #text-4 { margin-bottom: 20px; } #sidebar #themify-social-links-2 ul { margin-bottom: 10px; } /************************************************************************************ GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ HEADER *************************************************************************************/ /* header */ /*　親 20250702 E.Tabuchi #header { height: 170px; position: relative; z-index: 100 } */ #header { position: relative; height: 150px; z-index: 100; } /* site logo */ #site-logo { font: 45px/100% Oswald, "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; position: absolute; top: 40px; left:10px; margin: 0; line-height: 1.1; } #site-logo a { color: #000; text-decoration: none; } #site-logo a:hover { text-decoration: none; } #site-logo span { font-size: 40%; } /* site description */ #site-description { font: 100%/160% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: bold; color: #000; text-transform: none; text-shadow: none; position: absolute; top:85px; left:10px; } #site-description span { font-size: 90%; font-weight: normal; } /* nav bar */ #nav-bar { width: 100%; height: 45px; background: #fff; border-bottom: solid 1px #c1c1c1; position: absolute; top: 0; left: 0; box-shadow: 0 2px 0 rgba(0,0,0,.07); display: none; } .admin-bar #nav-bar { top: 32px; /* push down for admin bar */ } @media screen and (min-width: 768px) { .main-nav { display: none !important; } } /* START E.Tabuchi 20250820 */ /* @media only screen and (min-width: 320px) and (max-width: 479px) { */ /* #sidebar { */ /* width: 100%; */ /* } */ } */ /* END E.Tabuchi 20250820 */ /* START E.Tabuchi 20250906 */ @media (max-width: 1200px) { @media (max-width: 760px) { #sidebar, .sidebar1 #content { clear: both; float: none !important; max-width: 100%; width: 100% !important; } } } /* END E.Tabuchi 20250906 */ /************************************************************************************ SOCIAL WIDGET *************************************************************************************/ .social-widget { float: right; position: absolute; top: 10px; right: 0; z-index: 100; } .social-widget a { text-decoration: none; } .social-widget a:hover { text-decoration: none; } .social-widget .widget { display: inline-block; zoom:1; *display:inline; margin: 0; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { width: auto; font: bold 100% Arial, Helvetica, sans-serif; text-transform: none; border: none; letter-spacing: 0; position: static; display: inline-block; zoom:1; *display:inline; margin: 5px 8px 2px 0; padding: 0; background: transparent; box-shadow: none; } .social-widget ul { margin: 6px 0 0 !important; padding: 0; display: inline; } .social-widget ul li { padding: 0 2px 5px 0; margin: 0; display: inline-block; zoom:1; *display:inline; border: none !important; clear: none; line-height: 100%; } .social-widget li img { vertical-align: middle; margin-top: -3px; } /* rss */ .social-widget .rss { display: inline; } .social-widget .rss a { background: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/rss.png) no-repeat left center; padding: 2px 0 4px 30px; display: inline-block; zoom:1; *display:inline; } /************************************************************************************ SEARCH FORM *************************************************************************************/ #header #searchform { position: absolute; right: 0; top: 80px; width: 160px; } #header #searchform #s { width: 90px; color: #a5a099; background-image: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/search.png); background-repeat: no-repeat; background-position: 8px center; padding: 3px 5px 3px 28px; float: right; /* border-radius: 11px;*/ -webkit-transition: width .7s; -moz-transition: width .7s; transition: width .7s; } #header #searchform #s:focus { width: 140px; color: #333; } /************************************************************************************ MAIN NAVIGATION *************************************************************************************/ #main-nav { margin: 0; padding: 0; position: absolute; top: 14px; left: 0; z-index: 100; } #main-nav li { margin: 0; padding: 0; list-style: none; float: left; position: relative; } /* main level link */ #main-nav a { color: #707679; display: block; padding: 5px 15px; margin: 0 0 0 5px; text-decoration: none; } /* main level link :hover */ #main-nav a:hover, #main-nav li:hover > a { color: #000; } /* current link */ #main-nav .current_page_item a, #main-nav .current-menu-item a { border-bottom: solid 4px #a3d39c; } /* current link :hover */ #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover { color: #000; } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { color: #666; font-weight: normal; padding: 7px 0 7px 15px; margin: 0; width: 180px; background: none; border: none; text-shadow: none; border-radius: 0; box-shadow: none; } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { background: #F3F3F3; color: #000; color: black; } /* dropdown ul */ #main-nav ul { margin: 0; padding: 5px 0; list-style: none; position: absolute; background: #fff; border: solid 1px #ccc; z-index: 100; display: none; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.2); } #main-nav ul li { background: none; padding: 0; margin: 0; float: none; } /* sub-levels dropdown */ #main-nav ul ul { left: 190px; top: -2px; } /* show dropdown ul */ #main-nav li:hover > ul { display: block; } /************************************************************************************ SLIDER *************************************************************************************/ #header-slider { height: 0px; visibility: hidden; } /* slider general style */ .slider { margin-top: 20px; padding-bottom: 10px; } .slider .slides { margin: 0; padding: 0; line-height: 120%; } .slider .slides li { list-style: none; margin: 0 5px; padding: 0; float: left; } .slider .post-video { margin-bottom: 20px; } .slider .slide-feature-image { margin-bottom: 10px; } .slider .slide-post-title { font-size: 120%; line-height: 120%; margin: 0 0 4px; } .slider .slide-post-title a { text-decoration: none; } .slider .slide-post-title a:hover { text-decoration: underline; } .slider .slide-excerpt { font-size: 80%; line-height: 130%; } .slider .slide-content-wrap { margin-bottom: 10px; } .slider audio { max-width: 100%; } .slider .gallery img { width: 40px; max-width: 40px; } /* carousel nav */ .slider .carousel-nav-wrap { text-align: center; margin: 15px auto 10px; border: none; } .slider .carousel-prev, .slider .carousel-next { position: static !important; display: inline-block !important; font: 12px/100% Arial, Helvetica, sans-serif !important; width: 24px !important; height: 20px !important; line-height: 100%; text-decoration: none; text-align: center; margin: 0 3px; padding: 4px 0 0; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 10em; border: solid 1px #ccc; background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); box-shadow: inset 0 -1px 1px rgba(255,255,255,.4); } .slider .carousel-prev:hover, .slider .carousel-next:hover { background: #f4f4f4; } /* carousel nav disabled */ .carousel-nav-wrap .disabled, .carousel-nav-wrap .disabled { opacity: 6; cursor: default; } /* carousel pager */ .carousel-pager { clear: both; text-align: center; display: inline-block; zoom:1; *display:inline; vertical-align: middle; height: 8px; margin-top: -4px; } .carousel-pager a { text-indent: -900em; width: 8px; height: 8px; display: inline-block; zoom:1; *display:inline; margin: 0 3px; background: #ccc; background: rgba(0,0,0,.2); border: solid 2px #666; border-radius: 10em; cursor: pointer; } .carousel-pager a.selected { background: #fff; background: rgba(255,255,255,.6); border-color: #ccc; } #header-slider .slides li { padding: 10px 15px 0; } /* default */ #header-slider .slides li { border: solid 1px #c1bfbf; border-radius: 10px; box-shadow: inset 0 -1px 0 rgba(255,255,255,.4), 0 1px 1px rgba(0,0,0,.1); background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); } /* orange */ #header-slider .slides li.orange { border-color: #d6c2ab; background-color: #fff4e9; } /* green */ #header-slider .slides li.green { border-color: #b8ce9a; background-color: #effcdd; } /* pink */ #header-slider .slides li.pink { border-color: #ebbdd1; background-color: #ffebfe; } /* lavender */ #header-slider .slides li.lavender { border-color: #c5c1de; background-color: #eeedff; } /* yellow */ #header-slider .slides li.yellow { border-color: #cecaa0; background-color: #fdfad5; } /* blue */ #header-slider .slides li.blue { border-color: #b7d2dd; background-color: #e6f8ff; } /* gray */ #header-slider .slides li.gray { border-color: #b8b7b7; background-color: #dddcdc; } /* black */ #header-slider .slides li.black { border-color: #111; background-color: #222; } #header-slider .slides li.black { color: #999; } #header-slider .slides li.black a { color: #d0f2ff; } /************************************************************************************ AUTHOR PAGE *************************************************************************************/ .author-bio { margin: 0 0 30px; } .author-bio .author-avatar { float: left; margin: 0 15px 0 0; } .author-bio .author-avatar img { background: #fff; padding: 4px; border: solid 1px #ccc; } .author-bio .author-name { margin: 0 0 5px; padding: 0; font-size: 160%; } .author-posts-by { margin: 0 0 20px; padding: 10px 0 0; font-size: 140%; text-transform: uppercase; border-top: double 4px #ccc; border-color: rgba(118,118,118,.3); } /************************************************************************************ PAGE TITLE *************************************************************************************/ /* 親 .page-title { font-size: 360%; line-height: 110%; margin: 0 0 25px; padding: 0 } */ .page-title { margin: 0 0 25px; padding: 0; font-size: 260%; line-height: 110%; } /************************************************************************************ CATEGORY SECTIONS *************************************************************************************/ .category-section { clear: both; margin-bottom: 30px; } .category-section-title { font-size: 120%; text-transform: uppercase; margin: 0 0 20px; } /************************************************************************************ LOOP WRAPPER *************************************************************************************/ .loops-wrapper { overflow: visible !important; } /************************************************************************************ POST *************************************************************************************/ .post { margin-bottom: 20px; position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; } .post-inner { padding: 0 15px 10px; } .post-content { min-width: 120px; } /* post title */ .post-title { margin: 20px 0 15px 0; padding: 0; font: 250% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; text-transform: uppercase; font-weight: bold; line-height: 1.3; } #content .new-items .post-inner .post-title { font-size: 200%; margin-bottom: 15px; } /* 下層ページのみ */ #content .post-inner .post-title { font-size: 200%; margin-bottom: 25px; } .post-title a { color: #000; text-decoration: none; } /* post image */ .post-image { max-width: 100%; margin: 0 0 10px; } /* lightbox zoom image */ .post-image .lightbox { position: relative; display: inline-block; zoom:1; *display:inline; max-width: 100%; } .post-image .lightbox .zoom { width: 40px; height: 40px; background: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/icon-zoom.png) no-repeat center center; margin: -20px 0 0 -20px; position: absolute; top: 50%; left: 50%; border-radius: 10em; } /* post meta */ .post-meta { font-size: 85%; margin: 20px 0 0; } .post-meta span { margin-right: 7px; } .post-meta .post-author { background: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/post-author.png) no-repeat 0 2px; padding-left: 16px; } .post-meta .post-category { background: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/post-category.png) no-repeat 0 2px; padding-left: 16px; } .post-meta .post-tag { background: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/post-tag.png) no-repeat 0 2px; padding-left: 16px; } .post-meta .post-comment { background: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/post-comment.png) no-repeat 0 2px; padding-left: 16px; } /* post date */ /* 2025.07.17 E.Tabuchiテーマアップデート前の情報を入れると色がおかしくなるので入れない */ /************************************************************************************ POST COLORS *************************************************************************************/ /* default post color */ .post-inner { border: solid 1px #c1bfbf; border-radius: 10px; box-shadow: inset 0 -1px 0 rgba(255,255,255,.4), 0 1px 1px rgba(0,0,0,.1); background-color: #ffffff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); } /* orange */ .post.orange .post-inner { border-color: #d6c2ab; background-color: #fff4e9; } /* green */ .post.green .post-inner { border-color: #b8ce9a; background-color: #effcdd; } /* pink */ .post.pink .post-inner { border-color: #ebbdd1; background-color: #ffebfe; } /* lavender */ .post.lavender .post-inner { border-color: #c5c1de; background-color: #eeedff; } /* yellow */ .post.yellow .post-inner { border-color: #cecaa0; background-color: #fdfad5; } /* blue */ .post.blue .post-inner { border-color: #b7d2dd; background-color: #e6f8ff; } /* gray */ .post.gray .post-inner { border-color: #b8b7b7; background-color: #dddcdc; } /* black */ .post.black .post-inner { border-color: #111; background-color: #222; } .post.black { color: #999; } .post.black a { color: #d0f2ff; } /************************************************************************************ POST FORMATS *************************************************************************************/ /* audio format */ .format-audio .audio-image img { float: left; margin: 0 20px 10px 0; } .format-audio .audio-player { margin: 8px 0 10px; overflow: hidden; } .post audio { max-width: 100%; } /* quote format */ .format-quote .quote-content { font: italic 120%/130% "Baskerville", Georgia, Times, serif; } .format-quote .quote-author { margin: 0 0 10px; font-style: normal; font-variant: small-caps; text-align: right; letter-spacing: .1em; font-family: "Baskerville", Georgia, Times, serif; } /* format link */ .format-link .post-title a { background: url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/link-arrow.png) no-repeat right center; padding-right: 23px; padding-bottom: 2px; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; font-size:.9em; margin-bottom: 15px; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ POST EMBEDS (css for various fluid elements) *************************************************************************************/ .twitter-tweet-rendered { max-width: 100% !important; } /************************************************************************************ POST ICON *************************************************************************************/ /* 2025.07.17 E.Tabuchiテーマアップデート前の情報を入れると色がおかしくなるので入れない */ /************************************************************************************ ISOTOPE *************************************************************************************/ /* 2025.07.17 E.Tabuchi何の定義か不明なため入れない */ /************************************************************************************ PAGE NAVIGATION *************************************************************************************/ .pagenav { clear: both; padding-bottom: 20px; text-align: right; } .pagenav a, .pagenav span { min-width: 24px; min-height: 20px; line-height: 100%; text-decoration: none; text-align: center; margin: 0 3px; padding: 4px 0 0; vertical-align: middle; display: inline-block; zoom:1; *display:inline; border-radius: 10em; } .pagenav a { color: #333; text-shadow: 0 1px 0 rgba(255,255,255,.8); border: solid 1px #ccc; background: #f9f9f9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); } .pagenav a:hover { background: #fff; } .pagenav .current { color: #fff; background: #666; box-shadow: inset 0 1px 0 rgba(0,0,0,.5); text-decoration: none; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin: 15px 0; } .author-box .author-avatar { float: left; margin: 0 15px 5px 0; } .author-box .author-name { margin: 0 0 5px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 0 0 30px; padding: 15px 0; clear: both; } .post-nav span { width: 47%; position: relative; } .post-nav a { text-decoration: none; display: block; } .post-nav a:hover { text-decoration: none; } .post-nav .prev { float: left; } .post-nav .next { float: right; text-align: right; } /* post nav arrow */ .post-nav span span { color: #666; font: normal 20px/100% "Times New Roman", Times, serif; display: block; width: auto; float: left; width: 32px; height: 28px; padding: 4px 0 0; text-align: center; margin: -8px 10px 17px 0; border-radius: 10em; border: solid 1px #ccc; background: #f9f9f9; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); box-shadow: inset 0 -1px 1px rgba(255,255,255,.4); } .post-nav .next span { float: right; margin-left: 10px; margin-right: 0; } .post-nav a:hover span { background: #fff; } /************************************************************************************ COMMENTS *************************************************************************************/ /* 2025.07.17 E.Tabuchi カスタマイズ不要な気がするので入れない */ /************************************************************************************ SIDEBAR *************************************************************************************/ .widget { margin: 0 0 40px; word-wrap: break-word; } .widgettitle { margin: 0 0 10px; padding: 0; font-size: 140%; font-weight: bold; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0 0 8px; list-style: none; clear: both; } .widget ul ul { margin: 1px; padding: 0 0 0 20px; border-top: none; } .widget ul ul li { margin: 0; /* padding-left: 10px;*/ } /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* feature posts widget */ .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 4px 12px 10px 0; float: left; } .widget .feature-posts-list small { font: italic 90% "Times New Roman", Times, serif; display: block; margin: 0 0 3px; } .widget .feature-posts-list .feature-posts-title { margin: 4px 0 3px; } .widget .feature-posts-list .post-excerpt { display: block; } /* twitter widget */ .widget .twitter-list .twitter-timestamp { font: italic 90% "Times New Roman", Times, serif; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { margin-top: 10px; } .widget .flickr_badge_image img { width: 50px; height: 50px; margin-right: 12px; margin-bottom: 12px; float: left; } /* flickr shortcode */ .shortcode .flickr_badge_image { width: 23.8%; margin: 0 1.5% 1.5% 0; float: left; } .shortcode .flickr_badge_image:nth-of-type(4n) { margin-right: 0; } .shortcode .flickr_badge_image img { margin: 0; } /* search widget */ #sidebar #searchform { position: static; } #sidebar #searchform #s { width: 93%; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width: 100% !important; } #content .twt-border { max-width: 100% !important; min-width: 180px !important; } /************************************************************************************ INFINITE SCROLL ELEMENTS *************************************************************************************/ /* 2025.07.17 E.Tabuchi カスタマイズ不要な気がするので入れない */ /************************************************************************************ FOOTER *************************************************************************************/ #footerwrap { background: #d5d8da; border-top: solid 1px #babdbf; } #footer { clear: both; padding: 20px 0 40px; } /* footer widget */ #footer .widget li { border: none; } /* footer logo */ #footer-logo { font: 32px/100% Oswald, "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; clear: both; margin: 5px 0 15px; /* edit 2025.07.17 E.Tabuchi */ /* text-shadow: 0 2px 0 rgba(0,0,0,.1); */ text-shadow: 0 0 0; } #footer-logo a { color: #000; text-decoration: none; } #footer-logo a:hover { text-decoration: none; } /* footer nav */ .footer-nav { float: left; margin: 5px 0 25px; padding: 0; } .footer-nav li { padding: 0; margin: 0 15px 0 0; list-style: none; float: left; position: relative; } .footer-nav a { font: 16px/100% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; text-transform: uppercase; color: #718792; } /* footer nav sub-levels link */ #footer-nav ul a { display: block; color: #666; font-weight: normal; text-transform: none; font-size: 13px; padding: 7px 0 7px 15px; margin: 0; width: 150px; background: none; } /* footer nav sub-levels link :hover */ #footer-nav ul a:hover { background: #F3F3F3; color: #000; color: black; } /* footer nav dropdown ul */ #footer-nav ul { margin: 0 0 0 -15px; padding: 5px 0; list-style: none; position: absolute; background: #fff; border: solid 1px #ccc; z-index: 100; display: none; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.2); } #footer-nav ul li { background: none; padding: 0; margin: 0; float: none; } /* footer nav sub-levels dropdown */ #footer-nav ul ul { left: 170px; top: -2px; } /* footer nav show dropdown ul */ #footer-nav li:hover > ul { display: block; } /* back to top */ .back-top { float: left; margin-right: 15px; } .back-top a { background: #879297 url(https://www.shinoby.net/wordpress/wp-content/themes/grido-child/images/arrow-up.png) no-repeat center center; display: block; width: 30px; height: 30px; text-indent: -900em; border-radius: 10em; } .back-top a:hover { background-color: #000; } /* footer text */ .footer-text { font-size: 85%; } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; } .alignleft { float: left; margin-right: 30px; } .alignright { float: right; margin-left: 30px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text { font: italic 95%/120% Georgia, "Times New Roman", Times, serif; margin: 6px 0; } /* *********************************************************************************** IMAGE STYLES *************************************************************************************/ img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img, .widget .feature-posts-list .post-img, .widget .flickr_badge_image img, .shortcode .flickr_badge_image img, .commentlist .avatar, .recent-comments-list .avatar, #body .gallery img, .attachment img, .image-wrap img, .slide-image img, .module .slide-image img, .module .post-image img { /* padding: 2px; background: #fff; border-bottom-color: #ddd; box-shadow: 0 1px 2px rgba(0,0,0,.2);*/ } /************************************************************************************ ATTACHMENT SINGLE VIEW *************************************************************************************/ /* 2025.07.17 E.Tabuchi カスタマイズ不要な気がするので入れない */ /************************************************************************************ GALLERY *************************************************************************************/ /* 2025.07.17 E.Tabuchi カスタマイズ不要な気がするので入れない */ /************************************************************************************ BUILDER *************************************************************************************/ /* builder row */ .full_width .themify_builder_row .row_inner { width: 978px; /* same width as .pagewidth */ max-width: 100%; margin: auto; } .full_width .themify_builder_row.fullwidth .row_inner { width: auto; padding: 0; } /* post date */ .module-post .post-date { margin: 0 !important; } .module-portfolio .post-date { background: none; color: inherit; padding: 0; box-shadow: none; } /* post title */ .module-post .post-title { margin: 8px 20px 10px 0 !important; } /* grid2-thumb and list-thumb-image posts */ .module.loops-wrapper.grid2-thumb .post-content, .module.loops-wrapper.list-thumb-image .post-content { overflow: visible; } .module.loops-wrapper.grid2-thumb .post-inner, .module.loops-wrapper.list-thumb-image .post-inner { overflow: hidden; } /* post container */ .module .new-items { position: relative; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: inline-block; } /* clearfix for ie7 */ .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: block; zoom: 1; } /************************************************************************************ THEMIFY-SOCIAL-LINKS *************************************************************************************/ .themify-social-links { margin: 0; display: block; zoom: 1; } .themify-social-links h4 { width: 120px; float: left; } .themify-social-links ul { float: right; } .themify-social-links:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /************************************************************************************ 追加 *************************************************************************************/ .autopagerize_page_separator_blocks hr { border: none; } .post-inner { position: relative; } .more-link { position: absolute; right: 20px; bottom: 5px; } #footer{ overflow: hidden; } .back-top { float: right; } .footerinner { float: left; } @media only screen and (min-width: 320px) and (max-width: 479px) { #header { position: relative; z-index: 100; } #header hgroup { width: 320px; } /* site description */ #site-description { font: 120%/130% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: bold; width: 300px; position: absolute; } #site-description span { font-size: 85%; } #sidebar p { font-size: 108%; } #sidebar ul li { font-size: 108%; } /* post title */ .post-title { line-height: 1.3; } /* 下層ページのみ */ #content .post-inner .post-title { margin-bottom: 15px; } .widgettitle { font-size: 120%; } /*/wordpress/wp-content/uploads/themify-customizer-8.1.9-7.5.7.css*/ /* Themify Customize Styling */ #sidebar { text-align:center; } #sidebar .widgettitle { text-align:center; } /* START MOBILE MENU CSS */ @media screen and (max-width:1100px){ /*/wordpress/wp-content/themes/grido/mobile-menu.css*/ #header{height:auto!important}#nav-bar{display:none}.header-widget{clear:both;float:none;margin:0;position:static!important;text-align:left}.header-widget .widget{margin:0 0 10px}.social-widget{padding:5px 0 0}#main-nav,#site-description,#site-logo,.social-widget{clear:both;float:none;position:static}#site-logo{font-size:42px;margin:10px 0;padding:0 90px 0 0;text-align:left;width:auto}#site-logo a{font-size:30px}#site-description{margin:0 0 10px;text-align:left}.social-widget{float:none;margin:10px 0;padding:0;position:static!important}.mobile-button{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.2);cursor:pointer;display:block;float:right;height:30px;margin-bottom:3px;margin-right:3px;position:relative;width:32px}.mobile-button:before{color:#000;content:"\f0c9";font:normal 21px/1em themify_theme_icons;height:1em;left:50%;margin:-.5em 0 0 -.5em;position:absolute;text-align:center;top:50%;width:1em}.mobile-button.active:before{color:#555}#headerwrap #main-nav .menu-item-has-children>a .child-arrow,#headerwrap #main-nav .page_item_has_children>a .child-arrow{display:none!important}#main-nav-wrap{position:absolute;right:0;top:10px;z-index:1000}#main-nav{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 12px rgba(0,0,0,.3);clear:both;display:none;height:auto;margin:10px 0;max-height:70vh;overflow:auto;padding:5px 0;position:static;width:200px;z-index:1000;-webkit-overflow-scrolling:touch}#main-nav li{border:0;box-shadow:none;clear:both;float:none;margin:0 0 1px;padding:0}#main-nav a,#main-nav ul a{background:0;border:0;box-shadow:none;color:#666;display:block;font:inherit;margin:0;padding:6px 15px;text-shadow:none;text-transform:inherit;width:auto}#main-nav a:hover,#main-nav ul a:hover{background:rgba(0,0,0,.05);color:#000}#main-nav ul a{padding-left:30px}#main-nav ul{background:0;border:0;border-radius:0;box-shadow:none;display:block;margin:0;padding:0;position:static}#searchform-wrap{position:absolute;right:40px;top:10px;z-index:1000}#search-icon:before{content:"\e800";font-size:19px}#header #searchform{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 1px 4px rgba(0,0,0,.2);clear:both;display:none;overflow:hidden;padding:5px;position:static;width:auto}#header #searchform #s{background-color:#eaeaea!important;color:#444!important}#header #searchform input#s:focus{width:150px} } /* END MOBILE MENU CSS */