@charset "utf-8";
/*
Theme Name: やなか珈琲
*/
/*reset
---------------------------------------*/
* {
 margin: 0;
 padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
 margin: 0;
 padding: 0;
}
a:link {
 color: #EB3200;
}
a:visited {
 color: #821D00;
}
a:hover {
 color: #007CEC;
}
a:active {
 color: #770000;
}
img {
 vertical-align: bottom;
}
ul, ol {
 list-style-type: none;
 padding: 0px;
 text-indent: 0;
 margin: 0px;
}
a img {
 text-decoration: none;
 border: none;
 webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
a img:hover {
 opacity: 0.8;
}
.img_mid {
 vertical-align: middle;
}
address {
 font-style: normal;
}
table {
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.none {
 display: none;
}
.clear {
 clear: both;
}
span.clear {
 clear: both;
 display: block;
}
.no_clear {
 clear: none !important;
}
.clearfix {
 display: block;
 height: 0;
 font-size: 0;
 clear: both;
 visibility: hidden;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
.smart {
 display: none;
}
/*basic style
---------------------------------------*/
.flol {
 float: left;
}
.flor {
 float: right;
}
.txr {
 text-align: right;
}
.txl {
 text-align: left;
}
.txc {
 text-align: center;
}
.nomar {
 margin: 0 !important
}
.bold {
 font-weight: bold;
}
.large {
 font-size: 1.1em;
}
.llarge {
 font-size: 1.2em;
}
.xlarge {
 font-size: 1.3em;
}
.xxlarge {
 font-size: 1.4em;
}
.xxxlarge {
 font-size: 1.7em;
}
.small {
 font-size: 0.9em;
}
.ssmall {
 font-size: 0.8em;
}
.xsmall {
 font-size: 0.7em;
}
.xxsmall {
 font-size: 0.6em;
}
.rela {
 position: relative;
}
.underline {
 text-decoration: underline;
}
.hidden {
 overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
 clear: both;
}
.marker-blue {
 background: linear-gradient(transparent 50%, #CAE9F6 40%);
}
.marker-yellow {
 background: linear-gradient(transparent 50%, #F8FDC3 40%);
}
.marker-red {
 background: linear-gradient(transparent 50%, #ffe4e4 40%);
}
.marker-greem {
 background: linear-gradient(transparent 50%, #D6FFCC 40%);
}
/*body
---------------------------------------*/
body {
 font-size: 14px;
 line-height: 1.4em;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #1b1b1b;
 opacity: 0;
 font-weight: 500;
}
.wrapper {
 max-width: 1000px;
 margin: 0 auto;
}
#header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 98;
 background-color: #fff;
}
.scrolled #header {
 box-shadow: 0 2px 5px #dbdbdb;
}
.admin-bar #header {
 top: 32px;
}
#header a {
 color: #1d1b1a;
 text-decoration: none;
}
#head_shop {
 position: absolute;
 right: 68px;
 top: 12px;
 z-index: 1;
}
#head_insta img, #head_fb img {
 width: 28px;
 height: auto;
}
#head_fb {
 position: absolute;
 right: 0;
 top: 8px;
 z-index: 2;
}
#head_insta {
 position: absolute;
 right: 36px;
 top: 8px;
 z-index: 2;
}
#sitelogo {
 text-align: center;
 padding: 20px 0 45px 0;
 z-index: 0;
 position: relative;
}
#head .wrapper {
 position: relative;
}
#head_shop li:first-child span:after {
 content: "";
 width: 1px;
 height: 50%;
 background-color: #1d1b1a;
 position: absolute;
 top: 25%;
 right: 0;
}
#head_shop li span {
 font-weight: bold;
 display: block;
 padding: 5px 17px;
 line-height: 1em;
 font-size: 0.92em;
 position: relative;
 cursor: pointer;
}
#head_shop li {
 float: left;
}
/**/
#nav li {
 float: left;
 text-align: center;
 width: 11.1%; /*@@@12.5%;*/
 padding: 0 5px;
 box-sizing: border-box;
}
#nav ul {
 overflow: hidden;
}
#nav li a.title, #nav li .title {
 font-size: 1.14em;
 line-height: 1.1em;
 display: block;
 padding: 0 0 15px 0;
 position: relative;
 width: auto;
}
#nav {
 position: relative;
}
#nav li.child_sub:hover .sub_nav {
 opacity: 1;
 visibility: visible;
}
#nav li .sub_nav {
 opacity: 0;
 visibility: hidden;
 position: absolute;
 width: 100%;
 left: 0;
 top: 71px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 background-color: rgba(255, 255, 255, 0.98);
}
#nav li .name {
 font-size: 0.71em;
 line-height: 1em;
 display: block;
}
#nav li a, #nav li .re {
 display: block;
 width: 100%;
 padding: 15px 0;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#nav li a:hover, #nav li .re:hover {
 background-color: #d9c68c;
}
#nav li a#menu-link:hover {
 background-color: transparent;
}
#nav li .title:before {
 content: "";
 width: 28%;
 height: 1px;
 background-color: #b38d19;
 position: absolute;
 bottom: 7px;
 left: 36%;
}
#nav li.child_sub > a .title {
 position: relative;
}
#nav li.child_sub > a .title:after {
 content: "";
 border-style: solid;
 border-color: #1d1b1a transparent transparent transparent;
 border-width: 6px;
 height: 0;
 width: 0;
 position: relative;
 top: 12px;
 margin-left: 7px;
}
#nav .sub_nav li {
 width: 16.66%;
}
#nav li .sub_nav .title {
 font-size: 1rem;
 font-weight: bold;
 padding: 10px 0;
}
#nav li .sub_nav .title:before {
 display: none;
}
.scrolled #sitelogo {
 display: none;
}
.scrolled #nav {
 margin-top: 40px;
 z-index: 0;
 position: relative;
}
.scrolled #nav li a, .scrolled #nav li .re {
 padding: 10px 0;
}
.scrolled #nav li .re a {
 padding: 0 0 15px 0;
}
.scrolled #header {
 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
 background-color: rgba(255, 255, 255, 0.97);
}
.scrolled #nav li .sub_nav {
 top: 61px;
 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
/**/
#mainimage {
 text-align: center;
 margin-bottom: 130px;
}
main {
 display: block;
 padding-top: 255px;
}
#top_information #info_title {
 position: relative;
 margin-bottom: 25px;
}
#top_information #info_title img {
 width: 140px;
 height: auto;
}
#top_information #info_title:after {
 width: calc(100% - 160px);
 height: 1px;
 background-color: #cac4c2;
 position: absolute;
 content: "";
 right: 0;
 top: 50%;
 z-index: 1;
}
#top_information #info_title:before {
 content: "";
 position: absolute;
 height: 3px;
 width: 85px;
 background-color: #b38d19;
 left: 160px;
 top: 47%;
 z-index: 2;
}
#top_information .more {
 text-align: right;
 position: relative;
}
#top_information .more a {
 color: #1d1b1a;
 text-decoration: none;
 padding-right: 22px;
 font-size: 0.85em;
 line-height: 1em;
 position: absolute;
 right: 0;
 top: 8px;
}
#top_information .more a:after {
 content: "";
 border-style: solid;
 border-width: 6px;
 border-color: transparent transparent transparent #b38d19;
 position: absolute;
 right: 0;
 top: 1px;
}
#top_information h3 img {
 width: 100px;
 height: auto;
}
.news_box {
 border: 1px solid #6e6e6e;
 margin: 10px 0 0 0;
 padding: 15px 15px 5px 15px;
}
#top_information .news_box {
 overflow: auto;
}
.news_box li .left {
 float: left;
 width: 160px;
}
.new_box .left, .new_box .right, main img, .news_box li .left img {
 max-width: 100%;
 height: auto;
}
.news_box li {
 overflow: hidden;
 margin-bottom: 10px;
}
.news_box li .right {
 padding-left: 175px;
}
.news_box li h4 {
 font-weight: bold;
 clear: none;
 margin-bottom: 5px;
}
.news_box li h4 a {
 color: #1d1b1a;
 display: block;
 font-size: 1.1em;
}
.new_box {
 padding-top: 15px;
}
.new_box .left {
 float: left;
 width: 45%;
}
#top_box li {
 margin-bottom: 15px;
}
.new_box .right {
 float: right;
 width: 53%;
}
#top_information .right.info h3 img {
 width: 124px;
}
.new_box .right .news_box li {
 border-bottom: 1px solid #bdbdbd;
 padding-bottom: 15px;
 margin-bottom: 15px;
}
.new_box .right .news_box li:last-child {
 border: none;
 margin-bottom: 0;
}
.news_box li .date {
 font-size: 0.9em;
 line-height: 1em;
 margin: 7px 0 4px 0;
}
.top_fb_box {
 max-width: 500px;
 margin: 0 auto;
 display: block;
 margin-top: 15px;
}
.more_info {
 margin: 15px 0;
}
.more_info a {
 display: block;
 text-align: center;
 font-weight: bold;
 background-color: #b48c1a;
 color: #fff;
 text-decoration: none;
 padding: 13px 0;
 font-size: 1.1em;
 line-height: 1em;
 position: relative;
}
#top_about {
 overflow: hidden;
 position: relative;
 max-width: 1170px;
 margin: 130px auto;
 font-size: 1.15em;
 line-height: 1.8em;
 font-family: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-weight: bold;
}
#top_about .first .left {
 float: left;
 width: 48%;
 position: relative;
}
#top_about .clear .left:after, #top_about .first .left:after, #top_about .second .right .img:after {
 -moz-transition: 0.8s cubic-bezier(1, -0.02, 0.58, 1.04);
 -o-transition: 0.8s cubic-bezier(1, -0.02, 0.58, 1.04);
 -webkit-transition: 0.8s cubic-bezier(1, -0.02, 0.58, 1.04);
 transition: 0.8s cubic-bezier(1, -0.02, 0.58, 1.04);
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 background-color: #fff;
}
#top_about.active .clear .left:after, #top_about.active .first .left:after, #top_about.active .second .right .img:after {
 width: 0%;
 height: 100%;
}
#top_about .first .right {
 float: right;
 width: 50%;
}
#top_about .first .right h3 img {
 width: 220px;
 height: auto;
}
#top_about .first .right h3 {
 margin-bottom: 10px;
}
#top_about .first {
 overflow: hidden;
 padding-bottom: 20px;
}
#top_about .second .left {
 float: left;
 width: 50%;
 padding-left: 90px;
 box-sizing: border-box;
}
#top_about .second .right {
 float: right;
 position: relative;
 width: 47%;
}
#top_about .second .right .img {
 position: absolute;
 right: 0;
 top: -210px;
}
#top_about .clear {
 padding-top: 40px;
}
#top_about .clear .left {
 float: left;
 width: 57%;
 position: relative;
}
#top_about .clear .right {
 float: right;
 width: 40%;
}
.about_links li a {
 display: block;
 color: #fff;
 padding: 19px 20px 19px 23px;
}
.about_links li {
 background-color: #0d0000;
 margin-bottom: 10px;
 max-width: 310px;
 box-sizing: border-box;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.about_links li:hover {
 opacity: 0.8;
}
.about_links li:nth-child(1) img {
 width: 260px;
 height: auto;
}
.about_links li:nth-child(2) img {
 width: 206px;
 height: auto;
}
.about_links {
 margin-top: 50px;
}
#top_coffee_beans h3 img {
 width: 220px;
 height: auto;
 margin-bottom: 10px;
}
#top_coffee_beans .ex {
 line-height: 1.8em;
 font-size: 1.15em;
 font-family: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-weight: bold;
}
#area_slide {
 overflow: hidden;
 padding: 25px 0;
 opacity: 0;
}
/*.bx-wrapper {
 width: 100% !important;
 max-width: 100% !important;
}*/
#area_slide li {
 float: left;
 position: relative;
}
#area_slide li a.cv {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 z-index: 2;
}
#area_slide li dl {
 position: relative;
}
#area_slide li dd {
 position: absolute;
 background-color: rgba(50, 12, 3, 0.84);
 color: #fff;
 box-sizing: border-box;
 padding: 10px;
 font-size: 1.14em;
 left: 0;
 z-index: 1;
 width: 100%;
 bottom: 0;
 line-height: 1.3em;
 text-align: right;
 font-weight: bold;
}
#area_slide li:nth-child(odd) dd {
 background-color: rgba(35, 22, 4, 0.84);
}
#top_store_area {
 height: 600px;
}
#top_stores {
 margin: 100px 0;
}
#top_stores h3 {
 margin-bottom: 35px;
}
.gmnoprint img {
 width: 20px !important;
 height: auto !important;
}
#top_store_cover {
 position: relative;
}
#top_store_cover #top_store_detail {
 position: absolute;
 display: none;
 top: 0;
 left: 0;
 background-color: rgba(0, 0, 0, 0.6);
 color: #fff;
 width: 100%;
 height: 100%;
 z-index: 10;
 padding: 20px;
 box-sizing: border-box;
}
#top_store_cover #top_store_detail .in {
 max-width: 500px;
 margin: 0 auto;
 background-color: rgba(0, 0, 0, 0.6);
 box-sizing: border-box;
 padding: 25px;
 line-height: 1.8em;
 border-radius: 2px;
 z-index: 10;
 position: relative;
}
#top_store_cover #top_store_detail .close {
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 1;
 top: 0;
 left: 0;
 display: block;
 cursor: pointer;
}
#top_store_cover #top_store_detail .in h4 .small {
 font-weight: normal;
 font-size: 0.65em;
 margin-left: 15px;
}
#top_store_cover #top_store_detail .in h4 {
 font-size: 1.3em;
 line-height: 1.8em;
 margin: 0 0 3px 0;
}
#top_store_cover #top_store_detail .in .d4 a {
 display: inline-block;
 background-color: #987f31;
 color: #fff;
 padding: 4px 18px;
 border-radius: 2px;
 margin: 6px 0;
 text-decoration: none;
}
#top_store_cover #top_store_detail .in span.cc {
 position: absolute;
 right: 0;
 top: 0;
 width: 30px;
 height: 30px;
 display: block;
 cursor: pointer;
}
#top_store_cover #top_store_detail .in span.cc:after {
 color: #fff;
 font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Brands;
 content: "\f00d";
 font-weight: bold;
 font-size: 24px;
 position: absolute;
 left: 6px;
 top: 3px;
}
/*aside
---------------------------------------*/
#aside {
 float: right;
 width: 28%;
 margin-top: 70px;
}
/*footer
---------------------------------------*/
p#copyright {
 text-align: center;
 font-size: 13px;
 line-height: 1rem;
 margin: 60px 0;
}
#pagetop {
 position: fixed;
 right: 10px;
 bottom: 10px;
 z-index: 100;
}
#pagetop a {
 background-image: url(img/pagetop.png);
 display: block;
 height: 45px;
 width: 37px;
 background-repeat: no-repeat;
}
/*contant
---------------------------------------*/
#content {
 float: left;
 width: 68%;
}
#content.wide {
 float: none;
 width: auto;
}
.page-id-2823 #contents {
 max-width: 1100px;
 width: auto;
}
/*archive
---------------------------------------*/
.archive_post {
 padding-bottom: 20px;
 padding-top: 15px;
}
.archive_post ul {
 overflow: hidden;
}
.archive_post li {
 margin-bottom: 25px;
 padding-bottom: 10px;
 list-style: none;
 width: 33.333%;
 float: left;
 box-sizing: border-box;
 overflow: hidden;
 padding: 10px 1em;
 position: relative;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.archive_post li:hover {
 opacity: 0.7;
}
.archive_post li a.cv {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
}
.archive_post li dt {
 text-align: center;
}
.archive_post li dt img {
 max-width: 100%;
 height: auto;
}
.archive_post li dd .archive_title {
 font-weight: bold;
 font-size: 1.4em;
 line-height: 1.4em;
 margin-bottom: 5px;
}
.archive_post li dd .ex {
 font-size: 0.85em;
 line-height: 1.4em;
 color: #656565;
}
.archive_post li:nth-child(3n+1) {
 clear: both;
}
.archive_post li h4 {
 font-size: 1.2em;
 line-height: 1.3em;
 margin: 0.8em 0 0.4em 0;
}
.archive_post li .date {
 font-weight: bold;
}
/*searchform sou
---------------------------------------*/
#searchform {
 clear: both;
 padding-bottom: 5px;
 padding-top: 5px;
 max-width: 270px;
 margin: 0 auto;
}
#searchform input[type="text"] {
 padding: 5px;
 border-radius: 4px;
 border: #000 solid 1px;
 width: 190px;
 font-size: 18px;
}
#searchform input[type="submit"] {
 padding: 9px 14px;
 border-radius: 9px;
 border: #000 solid 1px;
 line-height: 1em;
 font-size: 1em;
 background-color: #000;
 color: #fff;
}
input[type="submit"] {
 cursor: pointer;
}
input[type="submit"] {
 -webkit-appearance: none;
}
/*---------------------------------------
wp-pagenavi setting
---------------------------------------*/
.pagelink {
 text-align: center;
 margin-bottom: 20px;
 padding-top: 15px;
 clear: both;
 margin-top: 15px;
 padding-left: 10px;
 padding-right: 10px;
}
.wp-pagenavi {
 clear: both;
 padding-top: 10px;
 padding-left: 10px;
 margin-top: 10px;
 font-size: 1.2em;
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 padding: 3px 10px;
 margin: 2px;
 border: #1b1b1b solid 1px;
 display: inline-block;
 background-color: #1b1b1b;
 color: #fff;
 border-radius: 5px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.wp-pagenavi a:hover {
 background-color: transparent;
 color: #1b1b1b;
}
.wp-pagenavi span.current {
 font-weight: bold;
 border: none;
 background-color: transparent;
 color: #1b1b1b;
}
#page_link {
 margin: 10px auto;
 overflow: hidden;
}
.previous {
 clear: both;
 text-align: left;
}
.next {
 text-align: right;
}
.previous a, .next a {
 padding: 9px 12px 10px 12px;
 display: block;
 font-size: 0.9em;
 background-color: #efefef;
 border-radius: 3px;
 margin-bottom: 5px;
 font-weight: bold;
 line-height: 1.3em;
 color: #1b1b1b;
 text-decoration: none;
}
.page_in_links {
 text-align: center;
}
.page_in_links span {
 display: inline-block;
 width: 30px;
 text-align: center;
 padding: 8px 0;
 line-height: 1.1em;
 margin: 0 5px;
}
.page_in_links a span {
 background-color: #000;
 color: #fff;
}
/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block;
}
.alignleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
.alignright {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}
/*
page link
---------------------------------------*/
.singlepostlink {
 padding-top: 20px;
 font-size: 0.9em;
}
span.oldpage {
 float: right;
}
span.newpage {
 float: left;
}
/*
social
---------------------------------------*/
#footer_social, #social {
 padding-right: 10px;
 padding-left: 0;
 display: block;
 margin-top: 5px;
}
#footer_social li, #social li {
 float: left;
 margin-top: 5px;
 margin-left: 5px;
}
/*pankuzu
---------------------------------------*/
#pankuzu {
 padding-bottom: 20px;
 font-size: 0.85em;
 color: #838382;
}
#pankuzu a {
 text-decoration: none;
 color: #838382;
}
/*content post
---------------------------------------*/
.content_post {
 clear: both;
 padding-bottom: 20px;
 padding-top: 5px;
 text-align: left;
 word-wrap: break-word;
 line-height: 1.8em;
 font-size: 1.14em;
}
.single_thumbnail {
 text-align: center;
}
.content_post div, .content_post p {
 margin-bottom: 1.5em;
 line-height: 1.8em;
}
.content_post p span {
 line-height: 1.4em;
}
.content_post ul li.blocks-gallery-item {
 margin: 0 1em 0 0;
 padding: 0;
 box-sizing: border-box;
}
.content_post ul li {
 list-style-type: disc;
 margin-left: 35px;
 margin-bottom: 15px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
}
.content_post ul.nomark li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}
.content_post ol {
 list-style-type: decimal;
}
.content_post ol li {
 margin-left: 35px;
 margin-bottom: 15px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
 list-style-type: decimal;
}
.content_post ul, .content_post ol {
 margin-bottom: 1em
}
.content_post ol.maru_number li {
 list-style: none;
 padding-left: 1.5em;
 position: relative;
}
.content_post ol.maru_number li:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 font-size: 1em;
}
.content_post ol.maru_number li:nth-child(1):after {
 content: "①";
}
.content_post ol.maru_number li:nth-child(2):after {
 content: "②";
}
.content_post ol.maru_number li:nth-child(3):after {
 content: "③";
}
.content_post ol.maru_number li:nth-child(4):after {
 content: "④";
}
.content_post ol.maru_number li:nth-child(5):after {
 content: "⑤";
}
.content_post ol.maru_number li:nth-child(6):after {
 content: "⑥";
}
.content_post ol.maru_number li:nth-child(7):after {
 content: "⑦";
}
.content_post ol.maru_number li:nth-child(8):after {
 content: "⑧";
}
.content_post ol.maru_number li:nth-child(9):after {
 content: "⑨";
}
.content_post ol.maru_number li:nth-child(10):after {
 content: "⑩";
}
.content_post ol.maru_number li:nth-child(11):after {
 content: "⑪";
}
.content_post ol.maru_number li:nth-child(12):after {
 content: "⑫";
}
.content_post ol.maru_number li:nth-child(13):after {
 content: "⑬";
}
.content_post ol.maru_number li:nth-child(14):after {
 content: "⑭";
}
.content_post ol.maru_number li:nth-child(15):after {
 content: "⑮";
}
.content_post .left {
 float: left;
}
.content_post .right {
 float: right;
}
.content_post h1 {
 display: block;
 font-size: 2em;
 font-weight: bold;
 margin: 0.67em 0;
 line-height: 1.2em;
 padding: 0.5em 0;
}
.content_post h2 {
 display: block;
 margin-top: 1.3em;
 margin-right: 0;
 margin-bottom: 0.4em;
 margin-left: 0;
 padding: 0;
 clear: both;
 font-size: 1.75em;
 line-height: 1.2em;
 color: #4e2305;
}
.content_post h3 {
 display: block;
 font-size: 1.3em;
 font-weight: bold;
 margin-top: 1.5em;
 margin-right: 0px;
 margin-bottom: 1em;
 margin-left: 0px;
 padding: 9px 10px 7px 15px;
 clear: both;
 line-height: 1.2em;
 border-left: 6px solid #83422a;
 background-color: #f3f0ed;
}
.content_post h4 {
 display: block;
 font-size: 1.2em;
 clear: both;
 line-height: 1.2em;
 margin: 2em 0 0.8em 0;
 border-bottom: 1px solid #df7113;
 padding: 0 0 5px 0;
 color: #e17111;
}
.content_post h5 {
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1.5em;
 margin-right: 0;
 margin-bottom: 0.8em;
 line-height: 1em;
 padding: 4px 0 4px 29px;
 position: relative;
}
.content_post h5:after {
 content: "";
 position: absolute;
 left: 3px;
 top: 6px;
 width: 10px;
 height: 10px;
 transform: rotate(45deg);
 background-color: #7a3b25;
}
.content_post h6 {
 display: block;
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 padding-top: 3px;
 padding-bottom: 0px;
 border-bottom-width: 3px;
 border-bottom-style: double;
 border-bottom-color: #000;
}
.content_post .nolistmark li {
 list-style-type: none;
}
.content_post table {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 100%;
}
.content_post table caption {
 text-align: left;
 font-weight: bold;
}
.content_post table th {
 background-color: #eee;
}
.content_post table th, .content_post table td {
 padding: 6px;
 border: 1px solid #aaa;
}
.content_post dl dt {
 font-weight: bold;
}
.content_post dl dd {
 margin-bottom: 1em;
 margin-left: 1em;
}
.content_post q, .content_post blockquote {
 margin: 0 auto 1em auto;
 width: 85%;
 padding: 15px 5%;
 background-color: #EEE;
 border-radius: 10px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
blockquote:before, q:before {
 content: "“";
 font-size: 58px;
 top: 20px;
 position: relative;
}
.content_post blockquote p, .content_post q p {
 margin-bottom: 10px;
}
blockquote:after, q:after {
 text-align: right;
 content: "”";
 font-size: 58px;
 display: block;
 position: relative;
 top: 20px;
}
.content_post dl.wp-block-simple-definition-list-blocks-list dt {
 width: 210px;
 box-sizing: border-box;
 padding: 5px 10px;
 font-weight: bold;
 border-bottom: 1px solid #cbcbcb;
 font-size: 0.95em;
}
.content_post dl.wp-block-simple-definition-list-blocks-list {
 display: flex;
 flex-wrap: wrap;
}
.content_post dl.wp-block-simple-definition-list-blocks-list dd {
 width: calc(100% - 210px);
 box-sizing: border-box;
 margin: 0;
 padding: 5px 10px;
 border-bottom: 1px solid #cbcbcb;
}
.content_post dl.wp-block-simple-definition-list-blocks-list dd dt {
 border: none;
 width: 100px;
 padding: 0;
}
.content_post dl.wp-block-simple-definition-list-blocks-list dd dd {
 border: none;
 width: calc(100% - 100px);
 padding: 0;
}
/*------------------------------------
商品・単品
---------------------------------------*/
.sm_name, .sm_name_l {
 display: none;
}
body.product-template.single-product {
 opacity: 1;
}
#page_header #osusume {
 position: relative;
}
#page_header #osusume #osusume-term {
 position: absolute;
 bottom: 4%;
 right: 16%;
 color: #fff;
 font-weight: bold;
 z-index: 1;
 font-size: 1.1em;
}
#page_header #osusume a {
 position: absolute;
 bottom: 4%;
 color: #fff;
 right: 1%;
 z-index: 1;
 font-weight: bold;
 display: block;
}
#product_title {
 /*padding: 10px 15px;
 background-color: #f5d7a0;
 font-size: 1.8em;
 line-height: 1.4em;
 margin: 15px 0;
 border-left: 9px solid #df9d70;*/
}
#product_title {
 background: rgb(129, 43, 13);
 background: linear-gradient(126deg, rgba(129, 43, 13, 1) 24%, rgba(199, 98, 22, 1) 100%);
 line-height: 1.3em;
 font-size: 1.7em;
 padding: 17px 18px 15px 20px;
 border-radius: 9px;
 color: #fff;
}
#product_title_top {
 padding: 5px 15px 5px 0px;
 font-size: 2.2em;
 line-height: 1.4em;
 margin: 15px 0;
}
.content_post .wp-block-columns div {
 margin-bottom: 0;
}
.content_post table.gram_table th, .content_post table.gram_table td, .content_post table.tokucho_table td {
 border: none;
 border-bottom: 1px solid #b2b2b2;
 padding: 6px 10px;
 line-height: 1.3em;
}
.content_post table.gram_table th {
 background-color: transparent;
 text-align: center;
 padding: 10px 10px;
}
.content_post table .tb_beans {
 display: inline-block;
 width: 23px;
 background-image: url(img/SVG/bean.svg);
 background-position: center;
 background-size: auto 98%;
 background-repeat: no-repeat;
 height: 1.5em;
}
.content_post table.tokucho_table tr:last-child td {
 border: none;
}
.content_post table.tokucho_table {
 width: 300px;
}
.content_post table.tokucho_table td.en {
 width: 90px;
 box-sizing: border-box;
 font-style: italic;
 font-size: 0.85em;
}
.content_post table.tokucho_table td.type {
 ont-weight: bold;
 width: 3.2em;
 box-sizing: border-box;
 padding: 6px 5px;
 text-align: center;
}
.content_post #buy {
 position: relative;
 margin-bottom: 10px;
 display: flex;
 flex-wrap: wrap;
 justify-content: right;
}
.content_post #buy #total {
 float: right;
 font-size: 1.5em;
 font-weight: bold;
 padding: 0 15px;
}
.content_post #buy input#btn-buy {
 float: right;
 cursor: pointer;
 display: block;
 padding: 9px 28px;
 line-height: 1em;
 font-weight: bold;
 border-radius: 8px;
 border: 2px solid #22458a;
 background-color: #22458a;
 color: #fff;
 position: relative;
 top: -7px;
 font-size: 1.1em;
}
p.view_cart {
 overflow: hidden;
}
.content_post .view_cart {
 overflow: hidden;
 margin-bottom: 0;
}
.view_cart a {
 float: right;
 color: #555;
 padding-left: 33px;
 background-image: url(img/SVG/cart.svg);
 background-position: left center;
 background-size: 23px auto;
 background-repeat: no-repeat;
}
.attention {
 font-size: 0.9em;
 line-height: 1.6em;
 padding: 25px 0 1px 0;
 border-left: 4px solid #e9a2a2;
 background-color: snow;
}
.content_post .attention ul li {
 margin-bottom: 8px;
}
.content_post table.gram_table td.gram_price {
 font-weight: bold;
 font-size: 1.1em;
 text-align: center;
}
.content_post table.gram_table td.gram {
 text-align: center;
 font-size: 0.95em;
}
.content_post table.gram_table td.tanka_price {
 text-align: center;
 font-size: 0.9em;
 color: #C72811;
}
.content_post table.gram_table td.h1 {
 text-align: center;
 font-size: 0.9em;
 color: #C72811;
}
.content_post table.gram_table {
 width: auto;
 min-width: 480px;
}
#reset {
 text-align: right;
 color: #555;
 margin: 0;
 font-size: 0.95em;
 line-height: 1em;
 border-radius: 8px;
 cursor: pointer;
 font-weight: 500;
}
.rightSide {
 margin-top: 80px;
}
.content_post .reset {
 text-align: right;
 margin-bottom: 5px;
}
.m_links a {
 display: inline-block;
 font-size: 0.9em;
 text-decoration: underline;
 margin: 0 10px 5px 0;
 line-height: 1.3em;
 color: #3888f7;
}
.member_bonus a {
 text-decoration: underline;
 color: #ff4419;
 font-size: 0.9em;
 margin-bottom: 12px;
 display: block;
 cursor: pointer;
}
.content_post .flex {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 0;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
.content_post .product_price_table {
 margin: 0;
}
.content_post .product_price_table th {
 font-weight: bold;
 text-align: center;
 background-color: #efefef;
 border-right: none;
 border-left: none;
 border-bottom: 1px solid #b9b9b9;
 border-top: 1px solid #b9b9b9;
}
.product_price_table th a {
 color: #722828;
}
.content_post .product_price_table td {
 border-right: none;
 border-left: none;
 border-bottom: 1px solid #b9b9b9;
}
.content_post .product_price_table td div {
 margin-bottom: 0;
}
.content_post .product_price_table td#syoukei {
 font-weight: bold;
 text-align: right;
}
.content_post .product_price_table td#tanka {
 text-align: center;
 font-weight: bold;
}
.content_post .product_price_table td select {
 width: 100%;
 box-sizing: border-box;
 font-size: 0.9em;
 padding: 3px 2px;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.content_post .message_area {
 padding: 25px 20px 2px 20px;
 background-color: #f6f6f6;
 border-bottom: 1px solid #b9b9b9;
}
.content_post .select_price {
 margin-bottom: 0;
}
.content_post dl.detail_info {
 clear: both;
 display: flex;
 margin-top: 3px;
}
.content_post .coffe_box dl.detail_info {
 font-size: 0.9em;
}
.content_post dl.detail_info dt {
 width: 100px;
 margin-right: 5px;
 padding: 3px 5px;
 box-sizing: border-box;
 line-height: 1.3em;
 background-color: #b8b8b826;
}
.content_post dl.detail_info dd {
 padding: 4px 5px;
 margin: 0;
 line-height: 1.3em;
 background-color: #ffffffab;
 width: calc(100% - 100px);
 box-sizing: border-box;
}
.content_post .coffe_box {
 background-color: #f4eeeb;
 box-sizing: border-box;
 padding: 20px 25px;
 border-radius: 8px;
 margin-bottom: 1.5em;
}
.content_post > .wp-block-columns {
 clear: both;
}
/*----------------------------------
追加
----------------------------------*/
.content_post .h_before {
 margin-bottom: 12px;
 font-weight: 600;
 padding-left: 10em;
}
.content_post h2.h_under {
 border-bottom: 1px solid #231815;
 padding-bottom: 13px;
 color: #231815;
 font-size: 2em;
 max-width: 800px;
 margin: 0 auto 45px auto;
}
.content_post .h_before .big.red {
 font-size: 1.7em;
 position: relative;
 top: 4px;
 margin-left: 5px;
}
.content_post ul.list_center {
 max-width: 610px;
 margin: 0 auto 2.5em auto;
 font-size: 1.55em;
}
.content_post ul.list_center li {
 margin-bottom: 5px;
}
.map_img_001 {
 position: relative;
 left: -14px;
}
.content_post .list_center2 {
 max-width: 680px;
 margin: 0 auto 2em auto;
 font-size: 1.1em;
}
.content_post .nomikurabe_price {
 max-width: 800px;
 border-top: 1px solid #231815;
 padding-top: 25px;
 color: #231815;
 text-align: center;
 margin: 0 auto 20px auto;
 font-weight: bold;
 font-size: 2.6em;
 line-height: 1.3em;
}
.content_post .nomikurabe_price .red {
 font-size: 0.6em;
 margin: 0 6px;
 position: relative;
 top: -3px;
}
.content_post .nomikurabe_price img {
 position: relative;
 top: -4px;
 margin-right: 5px;
}
.content_post .nomikurabe_price .zeikomi {
 font-size: 0.5em;
}
.content_post .block_btn a {
 display: block;
 max-width: 400px;
 margin: 5px auto;
 border-radius: 11px;
 font-weight: bold;
 padding: 9px 1em;
 box-sizing: border-box;
 font-size: 1.2em;
 line-height: 1.6em;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_post .block_btn a:hover {
 background-color: #670606;
}
.content_post .nomikurabe_column {
 font-size: 1.2em;
 border-bottom: 1px solid #231815;
 padding-bottom: 9px;
}
.content_post .nomikurabe_column a {
 font-size: 1rem;
}
.content_post .nomikurabe_column div, .content_post .nomikurabe_column p {
 margin-bottom: 0;
}
.content_post .nomikurabe_column .wp-block-column {
 display: flex;
 align-items: center;
}
.content_post .nomikurabe_column .wp-block-column:first-child {
 padding-left: 2em;
}
.nomikuarbe_note {
 background-color: #4c4948;
 color: #fff;
 box-sizing: border-box;
 padding: 15px 1.5em;
 font-size: 0.85em;
}
/*----------------------------------
店舗案内
----------------------------------*/
ul.store_index {
 display: flex;
 flex-wrap: wrap;
}
.content_post .store_index li {
 list-style: none;
 width: 16.666666%;
 font-size: 0.85em;
 margin: 0 0.5% 8px 0.5%;
 box-sizing: border-box;
}
.content_post .single_store {
 padding: 15px 20px 10px 20px;
 border: 1px solid #d8b3b3;
 border-radius: 15px;
 margin-bottom: 10px;
}
.content_post .single_store h3 {
 margin: 0 0 10px 0;
 background-color: transparent;
 border: none;
 font-size: 1.4em;
 line-height: 1.4em;
 padding: 0;
}
.content_post .single_store .f_left {
 width: 50%;
 box-sizing: border-box;
 padding-right: 10px;
}
.content_post .single_store .f_right {
 width: 50%;
 box-sizing: border-box;
 padding-left: 10px;
}
.content_post .single_store dl {
 display: flex;
 flex-wrap: wrap;
}
.content_post .single_store dt {
 width: 90px;
 line-height: 1.6em;
 box-sizing: border-box;
 background-color: #f6eeee;
 padding: 7px;
 margin: 0 0 5px 0;
 border-radius: 5px;
}
.content_post .single_store dd {
 width: calc(100% - 90px);
 margin: 0 0 5px 0;
 line-height: 1.6em;
 padding: 7px;
 box-sizing: border-box;
}
.content_post .single_store * {
 margin-bottom: 0;
}
.content_post .single_store .gmap {
 margin-left: 1em;
 display: inline-block;
 font-size: 0.9em;
}
.content_post .single_store dd.wide {
 width: 100%;
 font-size: 0.9em;
 padding: 2px 0 2px 0;
}
dd.wide.label_dd_eatin_note {
 color: #ea2020;
}
/*----------------------------------
一覧表示
----------------------------------*/
.content_post table.archive_b_table td {
 padding: 2px 4px;
 border: none;
 line-height: 1em;
}
.content_post table.archive_b_table td .tb_beans {
 width: 20px;
 background-size: auto 80%;
 position: relative;
 top: 2px;
}
.content_post table.archive_b_table .type {
 font-weight: bold;
 width: 53px;
}
.content_post .archive_b_table {
 margin: 0;
}
a.buy_bttn {
 cursor: pointer;
 display: block;
 padding: 8px 28px;
 font-weight: bold;
 border-radius: 8px;
 border: 2px solid #22458a;
 background-color: #22458a;
 color: #fff;
 position: relative;
 text-align: center;
 font-size: 1em;
 margin: 12px 0 0 0;
 text-decoration: none;
 line-height: 1em;
}
.content_post .price_range {
 text-align: center;
 margin-top: 2px;
 margin-bottom: 0;
}
.content_post .coffe_box .ex {
 line-height: 1.6em;
 font-size: 0.95em;
}
.content_post .coffe_box h3 {
 margin: 0 0 15px 0;
 background-color: transparent;
 border: none;
 padding: 0 0 4px 0;
 border-bottom: 1px solid #892615;
 font-size: 1.5em;
}
.content_post .coffe_box h3 a {
 color: #892615;
 text-decoration: none;
 display: block;
}
.content_post .coffe_box .archive_price {
 text-align: center;
 font-weight: bold;
 margin-bottom: 0;
 font-size: 1.5em;
 line-height: 1.2em;
 margin-top: 5px;
}
.content_post .coffe_box .in1 {
 width: 70%;
 box-sizing: border-box;
 padding-right: 15px;
 margin-bottom: 0;
}
.content_post .coffe_box .in1 img {
 max-width: 120px;
 height: auto;
}
.content_post .coffe_box .in2 {
 width: 30%;
 margin-bottom: 0;
}
/*----------------------------------
レビュー
----------------------------------*/
.review {
 margin: 0 auto;
 box-shadow: 0 0 5px #0000001f;
 padding: 20px;
 box-sizing: border-box;
 border-radius: 12px;
}
.review .rightx {
 float: none;
 width: 50%;
 box-sizing: border-box;
 padding: 0 0 0 20px;
 margin-bottom: 0;
}
.review .rightx input[type="text"], .review .rightx textarea {
 font-size: 15px;
 width: 100%;
 box-sizing: border-box;
 padding: 3px 7px;
 border-radius: 3px;
 border: 1px solid #aaa;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.review .rightx textarea {
 min-height: 12em;
 line-height: 1.5em;
}
.review .rightx div {
 margin-bottom: 5px;
}
.review .rightx input[type="submit"] {
 display: block;
 margin: 20px auto 0 auto;
 max-width: 320px;
 padding: 7px 5px;
 width: 90%;
 border: 1px solid #783e19;
 background-color: #783e19;
 color: #fff;
 font-weight: bold;
 border-radius: 8px;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.review .rightx input[type="submit"]:hover {
 color: #783e19;
 background-color: #fff;
}
.review .top {
 background: rgb(129, 43, 13);
 background: linear-gradient(126deg, rgba(129, 43, 13, 1) 24%, rgba(199, 98, 22, 1) 100%);
 line-height: 1.3em;
 padding: 17px 18px 15px 20px;
 border-radius: 9px;
 color: #fff;
}
.review .top span {
 font-size: 1.2em;
 font-weight: bold;
}
.review .left {
 background-color: #f5f5f5;
 padding: 20px;
 border-radius: 8px;
 width: 50%;
 box-sizing: border-box;
 float: none;
 margin-bottom: 0;
}
.review .left a {
 display: inline-block;
 color: #3d3d3d;
 line-height: 1em;
 padding: 8px 10px;
 box-sizing: border-box;
 border-radius: 7px;
 text-decoration: none;
 font-weight: bold;
 border: 2px solid #3d3d3d;
}
.review .left a#review-prev, .review .left a#review-next {
 color: initial;
 font-weight: bold;
 border: none;
}
.content_post .review .left #page {
 margin-bottom: 15px;
}
.review .left a.sel {
 background-color: #3d3d3d;
 color: #fff;
}
.review .rightx div.m_links {
 margin: 25px 0 0 0;
 text-align: center;
}
/*----------------------------------
よくある質問
----------------------------------*/
.content_post .faq_index {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 80px;
 font-size: 0.95em;
 padding: 20px 5px;
 box-sizing: border-box;
 background-color: #f6f6f6;
 border-radius: 8px;
}
.content_post .faq_index .fbx {
 width: 50%;
 box-sizing: border-box;
 padding: 0 15px;
 margin: 0 0 10px 0;
}
.content_post .faq_index ul {
 margin-bottom: 0;
}
.content_post .faq_index li {
 margin-bottom: 8px;
 margin-left: 30px;
}
.content_post .faq_index h3 {
 margin: 5px 0 10px 0;
 border: none;
 font-size: 1.1em;
 background-color: #fff;
 padding: 5px 10px;
 border-radius: 5px;
}
.content_post .faq_body h3 {
 background-color: transparent;
 border: none;
 font-size: 1.6em;
 padding: 0 2px;
 margin: 80px 0 15px 0;
}
.content_post .faq_body dt {
 font-weight: bold;
 font-size: 1.3em;
 line-height: 1.4em;
 padding: 6px 15px;
 background-color: #f6e9e3;
 margin: 0;
 border-left: 10px solid #ec8e2e;
}
.content_post .faq_body dd {
 padding: 15px;
 margin: 0;
 border: 1px solid #bcbcbc;
}
.content_post .faq_body dd p:last-child {
 margin-bottom: 5px;
}
span.mv {
 position: relative;
}
span.mv span {
 position: absolute;
 top: -135px;
}
.admin-bar span.mv span {
 position: absolute;
 top: -167px;
}
/*----------------------------------
ギフト
----------------------------------*/
#roast-msg {
 font-size: 0.8em;
 color: #ea4848;
}
.content_post ul.gift_list li {
 list-style: none;
 margin: 0 0 5px 0;
 padding: 0;
}
.content_post ul.gift_list li a {
 padding: 8px 15px 8px 17px;
 display: block;
 background-color: #e2dbd5;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.4em;
 text-decoration: none;
 color: #333;
 border-left: 25px solid #9b6742;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_post ul.gift_list li a:hover {
 color: #fff;
 background-color: #6b4a2d;
}
#textCardMsg {
 width: 100%;
 height: 6em;
 box-sizing: border-box;
 font-size: 18px;
 padding: 5px;
}
input#textNagaki {
 width: 100%;
 box-sizing: border-box;
 height: 1.6em;
 font-size: 18px;
 padding: 5px;
}
span.em_brown {
 background-color: #440b0b;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
span.em_green {
 background-color: #064514;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
span.em_red {
 background-color: #A63531;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
span.em_purple {
 background-color: #673B89;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
span.em_yellow {
 background-color: #A48E59;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
.em-south-america {
 background-color: #7e8037;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
.em-south-america-highlands {
 background-color: #3c4b29;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
.em-eastern-africa {
 background-color: #83532a;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
.em-northeasst-africa {
 background-color: #c89f54;
 color: #fff;
 font-size: 12px;
 padding: 5px 15px;
 margin-left: 15px;
 display: inline-block;
 line-height: 1em;
 font-style: italic;
}
.co-south-america {
 color: #7e8037;
}
.co-south-america-highlands {
 color: #3c4b29;
}
.co-eastern-africa {
 color: #83532a;
}
.co-northeasst-africa {
 color: #c89f54;
}
/*----------------------------------
ストレート
----------------------------------*/
.area_links a {
 position: absolute;
 width: 9%;
 height: 19%;
}
.area_links {
 position: relative;
}
#area1, #area2, #area3, #area4, #area5, #area6, #area7, h3.h3a {
 margin-top: 70px !important;
 color: #fff;
 border: none;
 border-radius: 150px;
 padding: 9px 25px;
 font-size: 1.1em;
 margin-bottom: 14px;
}
.content_post .area_select h3 {
 border: none;
 border-radius: 150px;
 padding: 9px 25px 9px 40px;
 font-size: 1.1em;
 position: relative;
 margin-bottom: 5px;
}
.content_post .area_select h3:before {
 content: "";
 position: absolute;
 left: 15px;
 top: 15px;
 border-style: solid;
 border-width: 8px;
 border-color: #fff transparent transparent transparent;
}
.content_post .area1 {
 background-color: #5b7335;
}
.content_post .area2 {
 background-color: #e63939;
}
.content_post .area3 {
 background-color: #7bd6ce;
}
.content_post .area4 {
 background-color: #752ec4;
}
.content_post .area5 {
 background-color: #cea548;
}
.content_post .h3a, .content_post .area_select .h3a {
 background-color: transparent;
 border-radius: 0 !important;
 padding: 10px 2px !important;
 border-bottom-style: solid !important;
 border-bottom-width: 2px !important;
 color: initial !important;
 font-size: 1.3em !important;
 margin-bottom: 15px;
}
.content_post .area_select .h3a:before {
 display: none;
}
.content_post .area_select .h3a a {
 text-decoration: none;
 color: initial;
}
.content_post .area1a, .content_post .area_select .area1a {
 border-color: #7e8430 !important;
}
.content_post .area6a, .content_post .area_select .area5a {
 border-color: #4A6030 !important;
}
.content_post .area2a, .content_post .area_select .area2a {
 border-color: #ae2e24 !important;
}
.content_post .area3a, .content_post .area_select .area3a {
 border-color: #7bd6ce !important;
}
.content_post .area4a, .content_post .area_select .area4a {
 border-color: #674f7b !important;
}
.content_post .area5a, .content_post .area_select .area5a {
 border-color: #cda14c !important;
}
.content_post .area7a, .content_post .area_select .area5a {
 border-color: #906435 !important;
}
.content_post .area8a, .content_post .area_select .area5a {
 border-color: #262625 !important;
}
.content_post .area9a, .content_post .area_select .area5a {
 border-color: #70333f !important;
}
.area1 a, .area2 a, .area3 a, .area4 a, .area5 a {
 text-decoration: none;
 color: #fff;
 display: block;
}
.content_post .area_select h5 {
 margin: 15px 0 9px 0;
}
.content_post .area_select h3:hover {
 opacity: 0.7;
}
/*----------------------------------
ドリップバッグ
----------------------------------*/
.content_post .dripbag {
 clear: both;
 border-top: black 2px dashed;
 margin-top: 30px;
 padding-top: 30px;
 padding-left: 3%;
 padding-right: 3%;
 display: flex;
 flex-wrap: wrap;
}
.content_post .dripbag .left {
 width: 20%;
 box-sizing: border-box;
 padding-right: 10px;
}
.content_post .dripbag .center {
 width: 33%;
}
.content_post .dripbag .right {
 width: 47%;
 padding-top: 10px;
 float: none;
 box-sizing: border-box;
 padding-left: 10px;
}
.content_post .dripbag .left .image {
 clear: both;
 float: none;
}
.content_post .dripbag .left .taste {
 font-size: 0.9rem;
 padding-left: 10px;
}
.content_post .dripbag .center td:first-child {
 width: 67px;
 box-sizing: border-box;
}
.content_post .dripbag .center .coffee {
 clear: both;
 font-size: 1rem;
 line-height: 180%;
}
.content_post .dripbag .center .area {
 font-size: 0.9rem;
}
.content_post .dripbag div {
 margin-bottom: 3px;
}
.content_post .dripbag .center td {
 vertical-align: top;
 border: none;
 padding: 2px;
 line-height: 1.4em;
}
.content_post .dripbag .right .desc {
 float: none;
 width: 50%;
 font-size: 0.9rem;
 line-height: 160%;
 box-sizing: border-box;
}
.content_post .dripbag .right .desc .desc {
 width: auto;
}
.content_post .dripbag .right .image img {
 width: 100%;
}
.content_post .dripbag .right .image {
 float: none;
 width: 50%;
 padding-left: 10px;
 box-sizing: border-box;
}
.content_post .dripbag .right .wrapper {
 clear: both;
 float: none;
 width: 100%;
 /* height: 140px;*/
 overflow: hidden;
 display: flex;
 flex-wrap: wrap;
}
.content_post .dripbag .right .comment {
 clear: both;
 width: auto;
 font-size: 1.1rem;
 line-height: 180%;
}
/*---------------------------------------
福袋
---------------------------------------*/
.content_post .wp-block-buttons {
 display: block;
 text-align: center;
}
.content_post .product_price_table.fuku_table td:last-child {
 padding: 0;
 text-align: center;
}
a.wp-block-button__link {
 color: #fff;
}
#stock {
 text-align: right;
 font-size: 1.5em;
 font-weight: bold;
 color: #ee3939;
 background-color: #ffeded;
}
#stock span#stock-msg3 {
 font-size: 0.8em;
}
/*drip
---------------------------------------*/
.content_post .souryou_box {
 border: 1px solid #275191;
 padding: 0;
 clear: both;
 max-width: 590px;
 font-size: 0.95em;
}
.content_post .souryou_box.center {
 margin: 0 auto 2em auto;
}
.content_post .souryou_box h3 {
 background-color: #275191;
 margin: 0;
 color: #fff;
 border: none;
 text-align: center;
}
.content_post .souryou_box ul {
 padding-top: 20px;
}
.content_post .souryou_box ul ul {
 padding-top: 7px;
}
.content_post .souryou_box p, .content_post .souryou_box dl, .content_post .souryou_box a {
 margin: 7px 1em 0 1em;
}
a.highslide.area_souryou_link {
 margin: 0 15px 0 25px;
}
.content_post .souryou_box div {
 margin-bottom: 5px;
}
.content_post .guide_ex .nav.navdb {
 margin-bottom: 0;
}
.guide_ex {
 opacity: 0;
}
.guide_ex_body {
 position: relative;
}
.content_post .guide_ex_body .coffee {
 position: absolute;
 top: 0;
 background-color: #fff;
 left: 0;
 width: 100%;
 margin-bottom: 0;
}
.content_post .guide_ex_body .coffee.under {
 opacity: 0;
}
.content_post .guide_ex .nav.navdb ul {
 display: flex;
 flex-wrap: wrap;
 border-bottom: 3px solid #3c53a4;
 margin-bottom: 20px;
}
.content_post .guide_ex .nav.navdb ul li {
 list-style: none;
 width: 16.666%;
 margin: 0;
 box-sizing: border-box;
 font-size: 0.8em;
 line-height: 1.4em;
 padding: 0 1px;
 max-width: 320px;
}
.content_post .guide_ex .nav.navdb ul li a {
 background-color: #ffffff;
 display: block;
 padding: 10px 10px;
 cursor: pointer;
 color: #3c53a4;
 font-weight: bold;
 border-radius: 5px 5px 0 0;
 box-sizing: border-box;
 border: 2px solid #3c53a4;
}
.content_post .guide_ex .nav.navdb ul li.active a {
 background-color: #3c53a4;
 color: #fff;
}
.guide_ex_body .coffee .wrapper {
 display: flex;
 flex-wrap: wrap;
}
.guide_ex_body .coffee .leftText {
 width: 40%;
 box-sizing: border-box;
 padding-right: 15px;
}
.guide_ex_body .coffee .rightText {
 width: 30%;
 font-size: 0.9em;
}
.guide_ex_body .coffee .taste {
 width: 30%;
}
.content_post .guide_ex_body .coffee div {
 margin-bottom: 0;
}
.content_post .guide_ex_body .coffee table {
 margin: 0;
}
.content_post .guide_ex_body .coffee td {
 border: none;
 border-bottom: 1px solid #aaa;
 padding: 5px;
 line-height: 1.4em;
}
.content_post .guide_ex_body .coffee .drip_img {
 float: left;
 margin: 0 10px 10px 0;
}
.content_post .wrapping_cover div {
 margin-bottom: 3px;
}
.content_post .wrapping_cover p {
 margin-bottom: 5px;
}
.content_post .wrapping_cover {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 10px;
}
.content_post .wrapping_cover .order {
 width: 100%;
}
.content_post .wrapping_cover .wrapping_body {
 width: 32%;
 box-sizing: border-box;
 padding-right: 15px;
}
.content_post .wrapping_cover .wrapping.card {
 width: 32%;
 box-sizing: border-box;
 margin-bottom: 10px;
 padding-right: 15px;
}
.content_post .wrapping_cover select {
 font-size: 18px;
 width: 100%;
 box-sizing: border-box;
 padding: 5px 10px;
 border-radius: 5px;
 border: 1px solid #aaa;
}
.content_post .order_num {
 margin-bottom: 0;
}
.order_num select {
 font-size: 18px;
 padding: 5px 10px;
 border-radius: 5px;
 border: 1px solid #aaa;
}
.red {
 color: #ea2020;
}
/*--------------------------------------
お問い合わせ
---------------------------------------*/
.hissu {
 color: #DA4525;
 font-size: 0.8em;
 font-weight: bold;
 margin-left: 10px;
}
.content_post #ex_form .wrapper {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 10px;
}
.content_post #ex_form .wrapper .leftText {
 width: 200px;
 padding: 0 10px;
 font-weight: bold;
}
.content_post #ex_form .wrapper .centerText {
 width: calc(60% - 100px);
 padding: 0 10px;
}
.content_post #ex_form .wrapper .centerText2 {
 width: calc(100% - 200px);
}
.content_post #ex_form .wrapper .rightText {
 width: calc(40% - 100px);
 padding: 3px 10px 0 10px;
 font-size: 0.9em;
 line-height: 1.4em;
}
#ex_form input[type="text"] {
 width: 100%;
 font-size: 18px;
 border: 1px solid #aaa;
 border-radius: 5px;
 padding: 8px 8px;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ex_form select {
 box-sizing: border-box;
 font-size: 18px;
 border: 1px solid #aaa;
 border-radius: 5px;
 padding: 5px 8px;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.content_post #ex_form .wrapper * {
 box-sizing: border-box;
 margin-bottom: 0;
}
#ex_form {
 margin: 50px auto;
 max-width: 800px;
}
#ex_form input[type="submit"] {
 display: block;
 cursor: pointer;
 max-width: 320px;
 margin: 0 auto;
 background-color: #ff6c19;
 width: 90%;
 padding: 15px 0;
 font-size: 1.3em;
 font-weight: bold;
 border: 2px solid #ff6c19;
 color: #fff;
 border-radius: 5px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ex_form input[type="submit"]:hover {
 color: #ff6c19;
 background-color: #fff;
}
#ex_form input[name="郵便番号"] {
 width: 12em;
}
#ex_form textarea {
 width: 100%;
 font-size: 18px;
 border: 1px solid #aaa;
 border-radius: 5px;
 padding: 8px 8px;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/*page
---------------------------------------*/
#y_page_title {
 text-align: center;
 font-size: 1.9em;
 line-height: 1.4em;
 margin-bottom: 25px;
}
#page_header {
 margin-top: 35px;
}
#page_title {
 font-size: 1.7em;
 line-height: 1.3em;
 margin: 10px 0 5px 0;
}
#page_title.archive_title {
 text-align: center;
 position: relative;
 padding-bottom: 15px;
 margin-bottom: 15px;
}
#page_title.archive_title:after {
 content: "";
 width: 6%;
 position: absolute;
 left: 47%;
 height: 2px;
 background-color: #b38d19;
 bottom: 0;
}
#page_header time {
 font-size: 1.1em;
 line-height: 1.3em;
}
.content_post .about_dl dt {
 padding: 6px;
 float: left;
 clear: both;
 width: 15%;
}
.content_post .about_dl dd {
 padding: 6px 6px 6px 17%;
 float: none;
 border-bottom: dotted 1px #ddd;
 margin-left: 0;
 margin-bottom: 0;
}
/*single
---------------------------------------*/
.post-categories li {
 float: right;
}
.post-categories li a {
 display: block;
 line-height: 1.3em;
 color: #1b1b1b;
 text-decoration: underline;
 font-size: 0.8rem;
}
.content_post .cat_area {
 overflow: hidden;
 text-align: right;
 line-height: 1.3em;
}
.cat_area .cat_title {
 font-size: 0.8rem;
 line-height: 1.3em;
 display: inline-block;
 margin-right: 10px;
}
.content_post .post-categories {
 overflow: hidden;
 display: inline-block;
 margin-bottom: 0;
 line-height: 1.3rem;
 top: 2.5px;
 position: relative;
}
.content_post .post-categories li {
 list-style: none;
 margin: 0 5px 0 0;
 padding: 0;
 line-height: 1.3em;
}
.nopost {
 clear: both;
 padding: 40px 0;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.6em;
 font-weight: bold;
}
.bottom_tags {
 overflow: hidden;
}
.bottom_tags li {
 float: left;
 list-style: none;
}
.bottom_tags li a {
 display: block;
 background-color: #70dade;
 color: #fff;
 text-decoration: none;
 margin: 0 5px 3px 0;
 border-radius: 0 10px 10px 10px;
 font-size: 0.8rem;
 padding: 3px 12px;
 font-weight: bold;
}
/*Cart
---------------------------------------*/
body .jqResize, body .jqDrag {
 height: 20px;
 display: none;
}
body .cart {
 position: fixed !important;
 top: 5px !important;
 left: 15px !important;
 border: 4px solid #65544d;
 border-radius: 8px;
 box-shadow: 3px 3px 9px #d6d6d6;
 padding: 44px 10px 10px 10px;
 max-width: 1060px;
 width: 95%;
 box-sizing: border-box;
}
body .cart table td {
 font-weight: bold;
}
body .cart .total table {
 width: 99.7%;
 box-sizing: border-box;
}
.content_post .wp-block-columns div, .content_post .wp-block-columns p {
 margin-bottom: 5px;
}
.cart-wrap {
 border-radius: 8px;
 border: none;
 width: 100%;
 padding: 5px;
 float: none;
 box-sizing: border-box;
}
body .cart .total, body .cart .operation, body .cart .details, body .cart .details table {
 width: 100%;
 box-sizing: border-box;
}
body .cart .details {
 overflow: auto;
}
.admin-bar .cart {
 top: 37px !important;
}
.close_cart1 {
 position: absolute;
 height: 35px;
 width: 35px;
 top: 5px;
 right: 5px;
 background-color: #fff;
 border-radius: 50%;
 cursor: pointer;
}
.close_cart1:after {
 font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Brands;
 content: "\f00d";
 font-weight: bold;
 font-size: 24px;
 position: absolute;
 color: #1b1b1b;
 left: 8px;
 top: 7px;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
 vertical-align: top;
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8020;
}
.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.fancybox-opened {
 z-index: 8030;
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
 position: relative;
}
.fancybox-inner {
 overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}
.fancybox-error {
 color: #444;
 margin: 0;
 padding: 15px;
 white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('img/fancybox_sprite.png');
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 8060;
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url('img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 8040;
}
.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 text-decoration: none;
 background: transparent url('img/blank.gif');
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 z-index: 8040;
}
.fancybox-prev {
 left: 0;
}
.fancybox-next {
 right: 0;
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 8040;
 visibility: hidden;
}
.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px;
}
.fancybox-next span {
 right: 10px;
 background-position: 0 -72px;
}
.fancybox-nav:hover span {
 visibility: visible;
}
.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 visibility: hidden;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important;
}
.fancybox-lock {
 overflow: hidden;
}
.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 8010;
 background: url('img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}
.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll;
}
.fancybox-title {
 visibility: hidden;
 position: relative;
 text-shadow: none;
 z-index: 8050;
}
.fancybox-opened .fancybox-title {
 visibility: visible;
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 8050;
 text-align: center;
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
.fancybox-title-inside-wrap {
 padding-top: 10px;
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, .8);
}
.mt10 {
 margin-top: 10px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt100 {
 margin-top: 100px !important;
}
.mt110 {
 margin-top: 110px !important;
}
.mt120 {
 margin-top: 120px !important;
}
.mt130 {
 margin-top: 130px !important;
}
.mt140 {
 margin-top: 140px !important;
}
.mt150 {
 margin-top: 150px !important;
}
.mt160 {
 margin-top: 160px !important;
}
.mt170 {
 margin-top: 170px !important;
}
.mt180 {
 margin-top: 180px !important;
}
.mt190 {
 margin-top: 190px !important;
}
.mt200 {
 margin-top: 200px !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.mb50 {
 margin-bottom: 50px !important;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb90 {
 margin-bottom: 90px !important;
}
.mb100 {
 margin-bottom: 100px !important;
}
.mb110 {
 margin-bottom: 110px !important;
}
.mb120 {
 margin-bottom: 120px !important;
}
.mb130 {
 margin-bottom: 130px !important;
}
.mb140 {
 margin-bottom: 140px !important;
}
.mb150 {
 margin-bottom: 150px !important;
}
.mb160 {
 margin-bottom: 160px !important;
}
.mb170 {
 margin-bottom: 170px !important;
}
.mb180 {
 margin-bottom: 180px !important;
}
.mb190 {
 margin-bottom: 190px !important;
}
.mb200 {
 margin-bottom: 200px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pt50 {
 padding-top: 50px !important;
}
.pt60 {
 padding-top: 60px !important;
}
.pt70 {
 padding-top: 70px !important;
}
.pt80 {
 padding-top: 80px !important;
}
.pt90 {
 padding-top: 90px !important;
}
.pt100 {
 padding-top: 100px !important;
}
.pt110 {
 padding-top: 110px !important;
}
.pt120 {
 padding-top: 120px !important;
}
.pt130 {
 padding-top: 130px !important;
}
.pt140 {
 padding-top: 140px !important;
}
.pt150 {
 padding-top: 150px !important;
}
.pt160 {
 padding-top: 160px !important;
}
.pt170 {
 padding-top: 170px !important;
}
.pt180 {
 padding-top: 180px !important;
}
.pt190 {
 padding-top: 190px !important;
}
.pt200 {
 padding-top: 200px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pb50 {
 padding-bottom: 50px !important;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pb70 {
 padding-bottom: 70px !important;
}
.pb80 {
 padding-bottom: 80px !important;
}
.pb90 {
 padding-bottom: 90px !important;
}
.pb100 {
 padding-bottom: 100px !important;
}
.pb110 {
 padding-bottom: 110px !important;
}
.pb120 {
 padding-bottom: 120px !important;
}
.pb130 {
 padding-bottom: 130px !important;
}
.pb140 {
 padding-bottom: 140px !important;
}
.pb150 {
 padding-bottom: 150px !important;
}
.pb160 {
 padding-bottom: 160px !important;
}
.pb170 {
 padding-bottom: 170px !important;
}
.pb180 {
 padding-bottom: 180px !important;
}
.pb190 {
 padding-bottom: 190px !important;
}
.pb200 {
 padding-bottom: 200px !important;
}