body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    line-height: 1.825;
    color: #444;
    font-weight: 400;
    position: relative;
    font-size:1rem;
    letter-spacing: none;
}

h1,
h2,
h3,
h4,
h5,
h6{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
/*.site-title img {
    height: 67px;
    width: auto;
    margin: 1rem 0 0 40px;
}*/

a {
    word-wrap: break-word;
}

strong{color:inherit;}

.entry-content p{margin:2rem 0;}
.home .entry-content p{margin: 0;}

.single .content figure {
    margin: 0;
}

.content ul {
    margin-left: 0;
}

.content ul li {
    margin: 0 0 0 0;
}

.home .entry-title {
    font-size: 1.425rem;
    line-height: 1.6;
    margin-top: -.2rem;
}
.home .content h3 {
    text-align: left;
    font-size: 1.25rem;
    font-weight: 600;
}

/*.home-top {
    margin-top: -1.2rem;
}*/


.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__meta{color:#343434;}

.widgettitle {
    font-size: 1rem;
}
.widget.widget_categories ul li {
    font-size: 1rem;
}

.content figure figcaption {
    font-style: normal;
    margin-top: -.5rem;
    font-size:.75rem;
}

.content figure figcaption em{
    font-style: normal;
    
}

.entry-meta {
    font-size: .9rem;
    margin: .25rem 0 .75rem;
}
.entry-meta a {
    color: #525252;
}
.archive .entry-header .entry-meta {
    margin-bottom: 15px;
}
.archive .entry-content p{font-size:.925rem;}

.entry-content ul li {
    margin: 0 0 17px 0;
}
.entry-content ol li {
    margin: 0 0 17px -.5rem;
}

.content h1 {
    font-size: 1.5rem;
    margin-top: .3rem;
    margin-bottom: .5em;
    font-weight: 600;
    text-transform: none !important;
}

.single .content h2 {
    font-size: 1.325rem;
    line-height: 1.7;
    letter-spacing: 1px;
    border-left: 6px solid #808080;
    padding-left: 8px;
    margin: 2rem 0;
}

.content h3 {
    text-align: left;
    font-size: 1.35rem;
    font-weight: 600;
}

h3.ab-block-post-grid-title a {
    text-align: left;
    font-size: 1.25rem;
}

.widget-title {
    text-transform: capitalize;
}

.site-footer {
    text-transform: capitalize;
}

.article-end {
    width: 100%;
}
.article-end img {
    text-align: center;
    margin: 0 auto 1.8rem;
}
.entry-footer .entry-meta {
    padding: 37px 0 0;
}




#breadcrumbs a {
    display: inline;
    padding: 0 .25rem 0 0;
}
#breadcrumbs {
    font-size: .725rem;
    white-space: normal;
    margin: 1rem 0 .0rem 0;
    font-weight: 400;
    border-bottom:none;
    padding-bottom: .8rem;
}
#breadcrumbs:not(:last-child) {
    margin-bottom: 0;
}


.entry-title a {
    line-height: 1.6;
}
.entry-header {
    margin: .5rem 0;
}

.pagination {
    display: block;
}
.pagination-next,
.pagination-previous {
    white-space: normal;
}

.content ul li {
    margin: 0 0 0 1.5rem;
}

.single .content figure img {
    margin: 0 auto;
}

.single .content .first-image img {
    margin: 0 auto 1rem auto !important;
}


.related-posts-wrap {
    margin-bottom: 3rem;
}
/*.related-posts::before{content:'この記事を読んだあなたにオススメの記事';display:block;font-size:1rem;font-weight:bold;}*/
ul.related-posts-list li {
    margin: 0 0 0 .5rem;
    list-style-type: none;
    float: left;
    width: 30%;
}
.related-posts-list li p.title {
    font-size: .9rem;
}
.related-posts-list li .thumb {
    height: 120px;
    overflow: hidden;
    margin: 0 0 .5rem .5rem;
    position: relative;
}
.related-posts-list li .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.nav-secondary .wrap {
	border-bottom: none;
    max-width:1024px;
    margin-top:10px;
}
.site-header .wrap {
	border-bottom: none;
	padding: 15px 0;
}




.site-container {max-width: 100%;margin: 0 auto;}
.wrap{max-width:100%;}
.site-inner{max-width:1024px;}
.page .content{max-width:640px;margin:0 auto;float:left;}
.home .content{max-width:640px;float:left;}
.archive .content{max-width:640px;float:left;}
.sidebar-primary{max-width:300px; }
.single .content-sidebar-wrap .content{max-width: 640px;}
.footer-widgets{padding:30px 10px; }


.site-header {max-width: 1024px;margin:0 auto;}
.site-description{width:400px;height:18px;clip: inherit;font-size:.756rem;margin-top:-3px;margin-left:-80px;}
.site-header .search-form{margin-top:0;}
.site-inner {
        padding-top: 20px !important;
    }
.nav-primary {
    float: right;
    margin-right: 1.2rem;
}


/*.genesis-nav-menu{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#98d6d0+0,bedde5+100&1+0,0.51+100 */
/*background: -moz-radial-gradient(center, ellipse cover, rgba(152,214,208,1) 0%, rgba(190,221,229,0.51) 100%); /* FF3.6-15 */
/*background: -webkit-radial-gradient(center, ellipse cover, rgba(152,214,208,1) 0%,rgba(190,221,229,0.51) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: radial-gradient(ellipse at center, rgba(152,214,208,1) 0%,rgba(190,221,229,0.51) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d6d0', endColorstr='#82bedde5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/*font-family: Maru Folk Medium;
}*/

.genesis-nav-menu {
    border-top:1px solid #e5e5e5;border-bottom:1px solid #aaaaaa;
text-align: left;text-transform: none;font-family: "Yu Gothic",YuGothic,"Hiragino Sans",sans-serif;}
}
.nav-secondary .wrap{max-width:1024px;}

.header-full-width .title-area,
.header-full-width .site-title {
    text-align: left;
}

.genesis-nav-menu a {
	border: 0;
	font-size:.725rem;
    font-weight:600;
	display: block;
	padding: 18px 25px 18px 8px;
	position: relative;
    color:#404040;
    letter-spacing: 2px;
}

.nav-secondary .genesis-nav-menu .current-menu-parent > a > span,
.nav-secondary .genesis-nav-menu .current-menu-item > a > span,
		.nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a:focus,
		.nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
		    color: #4a4a4a;
            border-bottom:2px solid #c8361e;
            padding-bottom:16px;
		}


.sidebar .widget-title{background:#fff;color:#333;font-weight:600;padding:0;margin:15px 0 10px;}
.sidebar .featured-content .entry-title{font-size:1rem;}

.after-entry{border:none;margin-top:20px;}
.after-entry .simple-social-icons{background:#f2f2ed;padding:40px 0 20px;}
.after-entry .simple-social-icons h3{text-align: center;}
.addtoany_share_save_container .addtoany_list::before{content:"記事をシェア！&colon;";}
.widget_a2a_share_save_widget h3{display: inline;font-size:1rem;}



.single h1{font-family:A1 Mincho;font-weight:800;font-size:1.925rem;letter-spacing: -2px;line-height: 1.25;}

.archive-description{background:#fff;text-align:center;padding-bottom:40px;}
.archive-description h1{font-family:A1 Mincho;font-size:1.725rem;}
.archive h2.entry-title{font-size:1.4rem;}
.archive .entry-meta{font-size:.9rem;}

.archive .site-description{width:400px;height:18px;clip: inherit;font-size:.756rem;margin-top:-3px;margin-left:-80px;}


.footer-widgets .wrap{max-width:1024px;margin:0 auto;color:#333;}
.footer-widgets{background-color:#ddd;}
.site-footer{background:#b9b9b9;}
.site-footer, .site-footer a {color:#333;}
.footer-widgets .widget-title{color:#222;}

.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__category{text-transform: capitalize;font-weight:600;}



.home .ugb-blog-posts__category a{font-weight:600;}
.home h3.ugb-blog-posts__title a{font-weight:700;}
/*.home .kb-advanced-slide-inner-wrap::before{
	透過した黒を重ねる
	
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8));
    background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8));
	どの範囲に重ねるかを指定 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}*/
.kb-advanced-slide-inner, .kb-advanced-slide-inner a{color:#fff;z-index: 20;font-weight:700;margin:5px 0 -5px;}
.home .content .kb-advanced-slide-inner figure{margin:0;}
.home .posts-grid-post-blog{padding:0;}
.home .wp-block-themeisle-blocks-posts-grid .posts-grid-post-blog .posts-grid-post .posts-grid-post-image img{box-shadow:none;border-radius:0;}

.home .wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post .posts-grid-post-image {padding:10px 10px 0 0;}
.home .wp-block-themeisle-blocks-posts-grid.is-list .posts-grid-post .posts-grid-post-body {padding:5px 0 0 0;}
.posts-grid-post-description{font-size:.8rem;}
.home .ugb-main-block .ugb-block-title{margin-bottom:12px;}
.home .pagination{display:none;}



#breadcrumbs a{#2a2a2a;}





.kt-blocks-carousel .slick-prev, .kt-blocks-carousel .slick-next
{height:30px;border-radius:50%;}

.ugb-blog-posts.ugb-blog-posts--v2 .ugb-block-content{grid-row-gap:28px;}
.ugb-blog-posts.ugb-blog-posts--v2.ugb-blog-posts--design-list .ugb-blog-posts__item{grid-gap:28px;}
.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__featured-image{padding-top:6px;}






.sidebar a.alignleft{margin:12px 12px 4px 0}
.archive-description p
{
    margin-bottom: 0;
    text-align: left;
    font-size: .925rem;
    margin-bottom: 1.5rem;}


.post-page-numbers{background:#eee;;padding:8px 13px;margin:8px;}
.post-page-numbers.current{border-bottom:2px solid #ff0000;}
.entry-pagination .pagination a:hover {border-bottom:2px solid #ff0000;}



.single .entry-categories a{font-weight:700;color:#333;}
.single .content h1:not(:first-child) {margin-top:.5rem;}
.single .single-next-page{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;padding:20px;margin-bottom:-1rem;margin-top:3rem;}
.single .pagination {padding:0 20px 20px 20px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:-1rem 0 0 0;}



.archive .entry-content .pagination{display:none;}
.archive p{display:block;margin:0;}
.archive img.alignleft{float:left;}



.scroll-nav{display:none;}



.avatar {
    border-radius: 50%
}
.author-box-title {
    display: none;
}

.author-archive-description {
    margin-bottom: 0;
}
.autherlist img {
    margin-bottom: 0;
}
.author-list-image img {
    border-radius: 50%;
    margin-bottom: -1rem;
}

.uagb-column__inner-wrap img {
    margin: 0 !important;
}
.blue-btn a {
    color: #fff;
    font-weight: 600;
}



/*h4.amb-profile::after{
    background-image: url('//olivenote.jp/wp-content/uploads/2019/08/instagram-52.png');
    background-size: 20px 20px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    content:"";}*/
h4 {
    text-transform: none;
}

h2.ab-post-grid-section-title {
    background: #fff;
    color: #333;
    font-weight:300;
    font-size:1.5rem;
}


/*--blockquote -- */
.quote-caption {
    margin-bottom: 0;
}

blockquote::before {
    content: none;
}
blockquote {
    color: #333;
}
blockquote.wp-block-quote p {
    margin-bottom: 0;
}




/*--sidebar -- */
.sidebar .entry-image{border:1px solid #e5e5e5;}
.sidebar .featured-content .entry {
    padding: 0;
}
.sidebar .widget.widget_instagram-feed-widget {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.sidebar #custom_html-1 {
    padding-bottom: 0;
    margin: 11px auto 13px;
    border: none;
    text-align: center;
}
.sidebar-ad-01 {
    text-align: center;
    margin-top: 3rem;
}

.uagb-post__text {
    padding: 9px !important;
}

h4.uagb-post__title {
    font-weight: 300;
    font-size: .9rem;
}
.sidebar a {
    color: #000;
}

/*
.wp-block-embed {height: 0;overflow: hidden;padding-bottom: 100%;position: relative;}
.wp-block-embed iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
*/


.embed-container {
    height: 0;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 の高さなので 56.25% (= 9 ÷ 16) */
    position: relative;
    margin-bottom: 1rem;
}
.embed-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.embed-insta-container {
    height: 0;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 1rem;
}
.embed-insta-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.sidebar .widget_categories .children {
    margin: .5rem 0 1.2rem;
}
.sidebar .widget_categories .children li::before {
    content: none;
}
.sidebar .widget_categories .children li a {
    margin-bottom: 0;
}
.sidebar .widget_categories .children li a {
    font-weight: 500;
    margin-left: 1.5rem;
    font-size: .85rem;
}



.pagination-next {
    font-size: .8rem;
    color: #aaa;
}
.pagination-previous {
    font-size: .8rem;
    color: #aaa;
}

.share-after {
    text-align: center
}
.share-after .box {
    box-shadow: none;
}
#search-6 {
    /*display: none;
    visibility: hidden;*/
}
.archive-description {
    padding: 0;
}
.featured-content .entry {
    padding: 0;
    margin-bottom: 0;
}

.archive-description {
    padding: 15px 0;
    margin-bottom: 0;
}


/*タグクラウドのデザイン*/
.tagcloud a {
    font-size: 11px !important;
    border: solid 1px #ffffff;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 8px;
}

.entry{margin-bottom:0px;}


.home #breadcrumbs{display:none;}
.archive #breadcrumbs{display:none;}
.search  #breadcrumbs{display:none;}


@media only screen and (max-width: 940px) {
    .site-title {
        text-align: center;
    }
    .site-description {
        font-size: 12px;
        margin-left: 18px;
        margin-top: 1rem;
        color: #444;
        width:100%;
    }
    .single .site-description {}
    .site-inner {
        padding-top: 0 !important;
    }
    .next-arrow {
        top: -5px;
    }
    nav {
        position: absolute;
        z-index: 18;
        width: 100%;
        background: #fff;
        top: 0;
        padding: 70px 0;

    }

    .genesis-nav-menu a {
        text-transform: capitalize;
    }
    .genesis-nav-menu{border:none;background:#eee;}
    .genesis-nav-menu .search-form {

        border-bottom: 1px solid #333 !important;
        padding: 20px;
        margin-left: 10px;
    }
    .foodie-search.menu-item {
        width: 90%;
        margin-left: 10px;
    }
    #search-6 {
        display: block;
        visibility: visible;
        margin-top: 2rem;
    }


    .genesis-nav-menu{background:#fff;}
    .sidebar-primary{max-width:100%; }
    .entry{margin-bottom:60px;}
}

/*@media screen and (max-width: 767px){
.uagb-post-grid .uagb-post__columns-mobile-1 article{width:50%}
}*/

.archive .archive-pagination{margin:40px 0 !important}




/* QLQL start */
@media only screen and (max-width: 767px) {
    .site-container {
        max-width: 100%;
    }
    .home .sidebar-instagram {
        display: none;
    }

    /*タブ切り替え全体のスタイル*/
    .tabs {
        margin-top: 50px;
        padding-bottom: 10px;
        background-color: #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        max-width: 700px;
        margin: 0 auto;
        border: 1px solid #ddd;
        display: block;
    }
    /*タブのスタイル*/
    .tab_item {
        width: calc(100%/3);
        height: auto;
        border-bottom: 2px solid #b9b9b9;
        background-color: #fff;
        line-height: 30px;
        font-size: 16px;
        text-align: center;
        color: #565656;
        display: block;
        float: left;
        font-weight: bold;
        transition: all 0.2s ease;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .tab_item:hover {
        opacity: 0.75;
    }

    /*ラジオボタンを全て消す*/
    input[name="tab_item"] {
        display: none;
    }

    /*タブ切り替えの中身のスタイル*/
    .tab_content {
        display: none;
        padding: 10px;
        clear: both;
        overflow: hidden;
    }

    .tab_content a {
        border: none;
        padding: 0;
        text-align: left;
        justify-content: left !important;
        line-height: 1.6;
    }

    /*選択されているタブのコンテンツのみを表示*/
    #all:checked ~ #all_content,
    #programming:checked ~ #programming_content,
    #design:checked ~ #design_content {
        display: block;
    }

    /*選択されているタブのスタイルを変える*/
    .tabs input:checked + .tab_item {
        background-color: #eee;
        color: #333;
        border-bottom: 2px solid #333;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .adjacent-entry-pagination .pagination-previous,
    .adjacent-entry-pagination .pagination-next {
        padding: 0;
    }
    

.archive .archive-pagination.pagination{margin:40px 0 !important}

    
nav.scroll-nav {
    display:block;
  /* スクロールバーを見えなくするため */
  height: 36px; /* 実際に表示する高さ */
  overflow-y: hidden;
    z-index:28;
    position: absolute;
    top:95px;
    padding: 8px;
    margin-bottom:1rem;
}
/* 中身がスクロールするビュー */
.scroll-nav__view {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}
/* 実際にスクロールするオブジェクト */
.scroll-nav__list {
  /* tableにすることで、横幅指定をすることなくmargin: autoによる中央寄せが可能になる */
  display: table;
  list-style: none;
  margin: 0 auto;
  /* 下方向に余分なpadding部分を持たせ、そこにスクロールバーが表示される */
  padding: 0 0 24px 0;
}
.scroll-nav__item {
  /* itemを横並びに、かつ親要素がその親要素の横幅からはみだすことが可能になる */
  display: table-cell;
    margin: 0 12px;
}
.scroll-nav a {
  display: block;
  padding: 0 12px 0 0;
  /* 文字列の自動改行を禁止 */
  white-space: nowrap;
    color:#fff;
    font-size:13px;
    font-weight: 600;
    
}
.scroll-nav{background:#626262;}
    
    .prblock{margin-left:5px;}
    
/* 以下サンプル用デザイン */

/*.scroll-nav {
  background: -moz-radial-gradient(center, ellipse cover, rgba(152,214,208,1) 0%, rgba(190,221,229,0.51) 100%); /* FF3.6-15 */
/*background: -webkit-radial-gradient(center, ellipse cover, rgba(152,214,208,1) 0%,rgba(190,221,229,0.51) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: radial-gradient(ellipse at center, rgba(152,214,208,1) 0%,rgba(190,221,229,0.51) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d6d0', endColorstr='#82bedde5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/*font-family: Maru Folk Medium;color:#333;
}*/

/*.scroll-nav a {
  color: #333;
  font-family: Maru Folk Medium;
  font-size: 14px;
  /* 行高が24pxになるように調整 24/14 */
  /*line-height: 1.71428;
  text-decoration: none;
}*/
    
/*タグクラウドのデザイン*/
.tagcloud a {
    font-size: 11px !important;
    border: solid 1px #ffffff;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 8px;
}

/* QLQL end */


@media only screen and (min-width: 768px) {
   

    #menu-item-6416 {
        display: none;
    }


}

/*@media only screen and (max-width: 600px){
.ab-block-post-grid .is-grid.columns-2 {-ms-grid-columns:auto;grid-template-columns:2 !important;}
.ab-block-post-grid div[class*="columns"].is-grid{grid-template-columns:2;}}*/

@media only screen and (max-width: 480px) {
    
    .relatedopost20{padding: 0px 20px;}
    
 .site-inner{padding:3%;}
    .home .site-inner{padding:0;}
    .home-contents{padding:0 1.5%;}
    .home .sidebar{padding:3%;}
    .home .wp-block-kadence-slider{position: relative;margin-top:7px; ;width:100%;padding:0px;}
    .home .kt-blocks-carousel .slick-dots{display: none !important;}

    .home .kb-advanced-slide p{margin:0;}
    .home .kb-advanced-slide h3{margin:0;}
    .home .kb-advanced-slide-inner-wrap{padding-bottom:8px;}
    .home .kt-blocks-post-grid-item-inner-wrap{padding:10px;}
    .home .kb-advanced-slide-inner-wrap::before{
	/* 透過した黒を重ねる */
 
}
    .home .kt-blocks-carousel{margin-bottom:0;padding-bottom: 1rem;}
    .home .kt-blocks-carousel .slick-dotted.slick-slider{margin-bottom:0;}
    .home .ugb-blog-posts__excerpt{display: none;}
    .home .ugb-blog-posts__title{font-size:10px;}
    .sidebar-primary{max-width:100%;}

    
    .kt-blocks-carousel .slick-prev, .kt-blocks-carousel .slick-next
{height:20px;width:20px;border-radius:50%;}
.kb-advanced-slide-inner, .kb-advanced-slide-inner a{color:#fff;z-index: 20;font-weight:700;margin:9px 0 -5px;}

    .home .ugb-blog-posts.ugb-blog-posts--v2 .ugb-block-content{grid-row-gap:10px;}
    
    .archive img.alignleft{float:none;text-align:center;margin:0 auto;width:100%;}
    .archive article.entry{marginbottom:1.5rem;}
    .nav-secondary{z-index:30;top:50px;padding-top:30px;}
    .nav-secondary wrap{margin-top:0;}
    
    .foodie-search {
        max-width: 100%;
    }

    .prev-arrow {
        position: absolute;
        z-index: 100;
        width: 20px;
        height: 20px;
        margin-top: 150px;
        opacity: 0.7;
    }

    .entry {
        margin-bottom: -1rem;
    }

    .home .sidebar-ad-01 {
        text-align: center;
        margin-top: -2rem !important;
    }

    .sidebar .widget {
        padding: 0;
    }

    .sidebar .widget-title {
        margin: 12px !important;
        font-size:.8rem;
    }
    .ugb-blog-posts.ugb-blog-posts--v2.ugb-blog-posts--design-list .ugb-blog-posts__item{grid-gap:16px;}
    

    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thi {
        margin-left: 0;
        width: 50%;
        padding: 2px;
    }

    .site-header {
        padding: 0;
    }

    .site-title img {
        height: 45px;
        margin-left: 1rem;
    }

    .head-cat {
        margin-bottom: 1.5rem;
    }

    .featured-content .entry {
        padding: 3px;
    }

    .category-recipe .entry {
        padding: 3px;
    }

    a img {
        margin-bottom: 0;
    }

    .home .entry-title,
    .auther .entry-title {
        font-size: .725rem;
        line-height: 1.6;
    }

    .archive .entry-title,
    .auther .entry-title {
        font-size: .725rem;
        line-height: 1.6;
        margin-top: 0;
    }

    .archive .entry-header h2 {
        margin: 12px 0 0 !important;
    }
    .archive .entry-content p{font-size:13px;}
    .author-box p {
        font-size: 1rem;
    }

    .site-title {
        text-align: left;
        z-index: 20;
        margin-right: 1rem;
        margin-top: 0;
        position: relative;
    }

    .menu-toggle {
        border: none;
        width: 30px;
        z-index: 21;
        position: absolute;
        top: 10px;
        right: .5rem;
    }

    .first-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .archive .content .entry{padding:20px 0;}

    h1.entry-title {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .single .content h1 {
        font-size: 1.3rem;
    }

    .related-posts-list li .thumb {
        height: 70px;
    }
    .header-widget-area .search-form{display: none;}
    .site-description{max-width:100%;margin:0 auto;}
    .archive .site-description{max-width:100%;margin:0 auto;}
    .archive .entry-header .entry-meta {margin-bottom: 00px;}
    .archive .entry-header {letter-spacing: -1px;}
    .archive-description {
    padding: 30px 0 0;
    margin-bottom: 0;}
    .after-entry .simple-social-icons h3{text-align: center;font-size:1rem;}
    .site-footer .wrap p{word-break: keep-all;}
    .prblock{margin-left:5px;}
}

@media only screen and (max-width: 412px) {
    
    .relatedopost20{padding: 0px !important;}
    .prblock{margin-left:5px;}
    }
    
    
    @media only screen and (min-width: 414px) and (max-width: 480px) {
    
    
    .prblock{margin-left:25px;}
    }