【家飲みに最適】お手頃なおすすめワイン10選
コロナの影響で外食や飲み会が憚…
/* Global Styling */ body{ background: #f1f1f1; font: 16px/1.4 Sans-serif; } a { color: #312C7E; text-decoration: none } .clearfix, .cb { clear: both } amp-iframe{ max-width: 100%; margin-bottom : 20px; } amp-anim { max-width: 100%; } .alignleft{ margin-right: 12px; margin-bottom:5px; float: left; } .alignright{ float:right; margin-left: 12px; margin-bottom:5px; } .aligncenter{ text-align:center; margin: 0 auto } #statcounter{width: 1px;height:1px;} /* Template Styles */ .amp-wp-content, .amp-wp-title-bar div { max-width: 1000px; margin: 0 auto; } /* Slide Navigation code */ .nav_container{ padding: 18px 15px; background: #312C7E; color: #fff; text-align: center } amp-sidebar{ width: 250px; } .amp-sidebar-image{ line-height: 100px; vertical-align:middle; } .amp-close-image{ top: 15px; left: 225px; cursor: pointer; } .toggle-navigationv2 ul{ list-style-type: none; margin: 0; padding: 0; } .toggle-navigationv2 ul ul li a{ padding-left: 35px; background: #fff; display: inline-block } .toggle-navigationv2 ul li a{ padding: 15px 25px; width: 100%; display: inline-block; background: #fafafa; font-size: 14px; border-bottom: 1px solid #efefef; } .close-nav{ font-size: 12px; background: rgba(0, 0, 0, 0.25); letter-spacing: 1px; display: inline-block; padding: 10px; border-radius: 100px; line-height: 8px; margin: 14px; left: 191px; color: #fff; } .close-nav:hover{ background: rgba(0, 0, 0, 0.45);} .toggle-navigation ul{ list-style-type: none; margin: 0; padding: 0; display: inline-block; width: 100% } .menu-all-pages-container:after{ content: ""; clear: both } .toggle-navigation ul li{ font-size: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.11); padding: 11px 0px; width: 25%; float: left; text-align: center; margin-top: 6px } .toggle-navigation ul ul{ display: none } .toggle-navigation ul li a{ color: #eee; padding: 15px; } .toggle-navigation{ display: none; background: #444; } .toggle-text{ color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; display: inherit; text-align: center; } .toggle-text:before{ content: "..."; font-size: 32px; position: ; font-family: georgia; line-height: 0px; margin-left: 0px; letter-spacing: 1px; top: -3px; position: relative; padding-right: 10px; } .nav_container:hover + .toggle-navigation, .toggle-navigation:hover, .toggle-navigation:active, .toggle-navigation:focus{ display: inline-block; width: 100%; } /* Category 2 */ .category-widget-wrapper{ padding:30px 15% 10px 15% } .amp-category-block ul{ list-style-type:none;padding:0 } .amp-category-block-btn{ display: block; text-align: center; font-size: 13px; margin-top: 15px; border-bottom: 1px solid #f1f1f1; text-decoration: none; padding-bottom: 8px;} .category-widget-gutter h4{ margin-bottom: 0px;} .category-widget-gutter ul{ margin-top: 10px; list-style-type:none; padding:0 } .amp-category-post{ width: 32%;display: inline-block; word-wrap: break-word;float: left;} .amp-category-post amp-img{ margin-bottom:5px; } .amp-category-block li:nth-child(3){ margin: 0 1%;} .searchmenu{ right: 10px; top: 31%; position: absolute; } .searchmenu button{ background:transparent; border:none } .closebutton{ background: transparent; border: 0; color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 30px; width: 32px; height: 32px; font-size: 12px; text-align: center; position: absolute; top: 12px; right: 20px; outline:none } amp-lightbox{ background: rgba(0, 0, 0,0.85); } /* CSS3 icon */ [class*=icono-]:after, [class*=icono-]:before { content: ''; pointer-events: none; } .icono-search:before{ position: absolute; left: 50%; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 2px; height: 9px; box-shadow: inset 0 0 0 32px; top: 0px; border-radius: 0 0 1px 1px; left: 14px; } [class*=icono-] { display: inline-block; vertical-align: middle; position: relative; font-style: normal; color: #f42; text-align: left; text-indent: -9999px; direction: ltr } .icono-search { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .icono-search { border: 1px solid; width: 10px; height: 10px; border-radius: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 4px 4px 8px 8px; } .searchform label{ color: #f7f7f7; display: block; font-size: 10px; letter-spacing: 0.3px; line-height: 0; opacity:0.6 } .searchform{ background: transparent; left: 20%; position: absolute; top: 35%; width: 60%; max-width: 100%; transition-delay: 0.5s; } .searchform input{ background: transparent; border: 1px solid #666; color: #f7f7f7; font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: 0.3px; text-transform: capitalize; padding: 20px 0px 20px 30px; margin-top: 15px; width: 100%; } #searchsubmit{opacity:0} .hide{display:none} .headerlogo a, [class*=icono-]{ color: #F42F42 } /* Pagination */ .amp-wp-content.pagination-holder { background: none; padding: 0; box-shadow: none; height: auto; min-height: auto; } #pagination{ width: 100%; margin-top: 15px; } #pagination .next{ float: right; margin-bottom: 10px; } #pagination .prev{ float: left } #pagination .next a, #pagination .prev a{ margin-bottom: 12px; background: #fefefe; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05); box-shadow: 0 2px 3px rgba(0,0,0,.05); padding: 11px 15px; font-size: 12px; color: #666; } /* Header */ header.container{line-height: 0;} #header{ background: #fff; text-align: center;padding:17px 0px 17px 0px;display: inline-block;width: 100%;position:relative} #header h1{ text-align: center; font-size: 20px; font-weight: bold; line-height: 1; padding: 4px 3px; margin: 0; } .amp-logo{left: 0;right: 0;display:inline-block} .amp-logo amp-img{ margin: 15px 0px 10px 0px; } .amp-logo amp-img{max-width: 190px;margin: 0 auto;width:px ;} main { padding: 30px 15% 10px 15%; } .amp-wp-content.widget-wrapper{padding: 0px 15%;} main .amp-wp-content{ margin-bottom: 12px; padding: 15px; } .amp-loop-list, .featured-image-content, .the_content, .taxonomy-description{background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05); box-shadow: 0 2px 3px rgba(0,0,0,.05);} .home-post_image{ float: right; margin-left: 15px; margin-bottom: -6px; } .amp-wp-title{ margin-top: 0px; } h2.amp-wp-title{ line-height: 30px; } h2.amp-wp-title a{ font-weight: 300; color: #000; font-size: 20px; } h2.amp-wp-title , .amp-wp-post-content p{ margin: 0 0 0 5px; } /* For Excerpt */ .amp-wp-post-content .small-screen-excerpt{ display: none; } .amp-wp-post-content .large-screen-excerpt { display: block; } .amp-wp-post-content p{ font-size: 12px; color: #999; line-height: 20px; margin: 3px 0 0 5px; } main .amp-archive-heading{ background : none; box-shadow: none; padding: 5px; } .amp-sub-archives li{width: 50%;} .amp-sub-archives ul{padding: 0;list-style: none;display: flex;font-size: 12px;line-height: 1.2;margin: 5px 0 10px 0px;}.page-title{font-size: 1.17em;padding: 6px 0;} /* Footer */ #footer{ background : #fff; font-size: 13px; text-align: center; letter-spacing: 0.2px; padding: 20px 0; } #footer p:first-child{ margin-bottom: 12px; } #footer p{ margin: 0 } .footer_menu ul{ list-style-type: none; padding: 0; text-align: center; margin: 0px 20px 25px 20px; line-height: 27px; font-size: 13px } .footer_menu ul li{ display:inline; margin:0 10px; } .footer_menu ul li:first-child{ margin-left:0 } .footer_menu ul li:last-child{ margin-right:0 } .footer_menu ul ul{ display:none } /* Responsive */ @media screen and (min-width: 650px) { table {display: inline-table;} } @media screen and (max-width: 800px) { .single-post main{ padding: 12px 10px 10px 10px } } @media screen and (max-width: 630px) { .related_posts ol li p{ display:none } .related_link { margin: 16px 18px 20px 19px; } .amp-category-post {line-height: 1.45;font-size: 14px; } .amp-category-block li:nth-child(3) {margin:0 0.6%} } @media screen and (max-width: 510px) { .ampforwp-tax-category span{ display:none } .related_posts ol li p{ line-height: 1.6; margin: 7px 0 0 0; } .related_posts .related_link { margin: 17px 18px 17px 19px; } .comments_list ul li .comment-body{ width:auto } } @media screen and (max-width: 425px) { .related_posts .related_link p{ display:none } .alignright, .alignleft {float: none;} .related_posts .related_link { margin: 13px 18px 14px 19px; } .related_posts .related_link a{ font-size: 18px; line-height: 1.7; } .amp-meta-wrapper{ display: inline-block; margin-bottom: 0px; margin-top: 8px; width:100% } .ampforwp-tax-category{ padding-bottom:0 } h1.amp-wp-title{ margin: 16px 0px 13px 0px; } .amp-wp-byline{ padding:0 } .related_posts .related_link a { font-size: 17px; line-height: 1.5; } } @media screen and (max-width: 375px) { #pagination .next a, #pagination .prev a{ padding: 10px 6px; font-size: 11px; color: #666; } .related_posts .related-title, .comments_list h3{ margin-top:15px; } #pagination .next{ margin-bottom:15px;} .related_posts .related_link a { font-size: 15px; line-height: 1.6; } } @media screen and (max-width: 340px) { .related_posts .related_link a { font-size: 15px; } .single-post main{ padding: 10px 5px 10px 5px } .the_content .amp-ad-wrapper{ text-align: center; margin-left: -13px; } .amp-category-post {line-height: 1.45;font-size: 12px; } .amp-category-block li:nth-child(3) {margin:0%} } @media screen and (max-width: 320px) { .related_posts .related_link a { font-size: 13px; } h1.amp-wp-title{ font-size:17px; padding:0px 4px } } @media screen and (max-width: 400px) { .amp-wp-title{ font-size: 19px; margin: 21px 10px -1px 10px; } } @media screen and (max-width: 767px) { .amp-wp-post-content .large-screen-excerpt { display: none; } .amp-wp-post-content .small-screen-excerpt { display: block; } main, .amp-category-block, .category-widget-wrapper{ padding: 15px 18px 0px 18px; } .toggle-navigation ul li{ width: 50% } } @media screen and (max-width: 495px) { h2.amp-wp-title a{ font-size: 17px; line-height: 26px;} } .amp-wp-tax-tag a, a, .amp-wp-author, .headerlogo a, [class*=icono-] { color: #0a89c0;; } body a {color: #0a89c0 } .amp-wp-content blockquote{ border-color:#0a89c0;; } .nav_container, .comment-button-wrapper a { background: #0a89c0;; } .nav_container a{ color:#fff } amp-user-notification { border-color: #0a89c0;; } amp-user-notification button { background-color: #0a89c0;; } .single-post footer { padding-bottom: 40px; } .amp-ad-2{ margin-bottom: 50px; } /**/ .amp-wp-author:before{ content: " By "; } .ampforwp-tax-category span:first-child:after { content: ' '; } .ampforwp-tax-category span:after,.ampforwp-tax-tag span:after { content: ', '; } .ampforwp-tax-category span:last-child:after, .ampforwp-tax-tag span:last-child:after { content: ' '; } .amp-wp-article-content img { max-width: 100%; } .tablepress-table-description { clear: both; display: block; } .tablepress { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 1em; border: none; } .tablepress th, .tablepress td { padding: 8px; border: none; background: none; text-align: left; } .tablepress tbody td { vertical-align: top; } .tablepress tbody td, .tablepress tfoot th { border-top: 1px solid #dddddd; } .tablepress tbody tr:first-child td { border-top: 0; } .tablepress thead th { border-bottom: 1px solid #dddddd; } .tablepress thead th, .tablepress tfoot th { background-color: #d9edf7; font-weight: bold; vertical-align: middle; } .tablepress .odd td { background-color: #f9f9f9; } .tablepress .even td { background-color: #ffffff; } .tablepress .row-hover tr:hover td { background-color: #f3f3f3; } @media (min-width: 768px) and (max-width: 1600px) {.tablepress { overflow-x: none; } } @media (min-width: 320px) and (max-width: 767px) {.tablepress { display: inline-block; overflow-x: scroll; } } .design_2_wrapper .amp-loop-list .amp-wp-meta {display: none;} .amp-menu > li > a > amp-img, .sub-menu > li > a > amp-img { display: inline-block; margin-right: 4px; } .menu-item amp-img {width: 16px; height: 11px; display: inline-block; margin-right: 5px;} .amp-carousel-container {position: relative;width: 100%;height: 100%;} .amp-carousel-img img {object-fit: contain;} /******* Paste your Custom CSS in this Editor *******//* Inline styles */ .amp-wp-inline-02c80414b21ff977924eb3135c9e3525{margin:0px 0px 0px 3px;}.amp-wp-inline-8795cf240f4b6babd0a704b3ae891834{margin:0px 0px 0px 2px;}.amp-wp-inline-138d714e6265bd8f1acd98fc68074908{clear:both;}.amp-wp-inline-dc34a6fc5b2b6a280671d6705bb4c36e{height:250px;max-width:300px;}.amp_pb{display: inline-block;width: 100%;} .row{display: inline-flex;width: 100%;} .col-2{width:50%;float:left;} .amp_blurb{text-align:center} .amp_blurb amp-img{margin: 0 auto;} .amp_btn{text-align:center} .amp_btn a{background: #f92c8b;color: #fff;padding: 9px 20px;border-radius: 3px;display: inline-block;box-shadow: 1px 1px 4px #ccc;}