@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/
/*////////////////////////////////////
 COMMON HIGH PRIORITY STYLE*/
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }

.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }

.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }

.fsS { font-size: 80% !important; }
.fsL { font-size: 120% !important; }

.onlyPC { display: inline; }
.onlySP { display: none; }


/*// FONT AWERSOME for OLD STYLE //*/
span.success-bold { 
 position: relative;
}
span.success-bold::before,
p.mapinfo::before {
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 position: absolute;
 z-index:5;
 line-height: 1;
}

@media screen and (max-width: 768px){
/*///*/
.onlyPC { display: none; }
.onlySP { display: inline; }
.noWakuP { padding: 0 5px; }
/*///*/}


/*////////////////////////////////////
 BASE & HEADER & NAVIGATION*/
/*=== WAVE ===*/
*{ padding: 0; margin: 0; }
*::before,
*::after {
    box-sizing: border-box;
}
body { background: rgb(232,196,87,1); }
#header-container {
 background-size: cover;
 background: #feffeb;
}
.header { margin-bottom: -30px; }
canvas {
 width: 100%;
 height: 32px;
 vertical-align: top;
}

.iwe-shadow img, .iwe-shadow amp-img { box-shadow: none; }

@media screen and (max-width: 768px){
/*///*/

/*///*/}


/*=== BUBBLE ===*/
body .content-in > .particle {
  opacity: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-animation: bubbles 3s ease-in infinite;
  animation: bubbles 3s ease-in infinite;
  border-radius: 100%;
}

@-webkit-keyframes bubbles {
  0% { opacity: 0; }
  20% {
   opacity: 1; -webkit-transform: translate(0, -20%);
   transform: translate(0, -20%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%);
    transform: translate(0, -1000%);
  }
}
@keyframes bubbles {
  0% { opacity: 0; }
  20% {
  opacity: 1;
  -webkit-transform: translate(0, -20%);
  transform: translate(0, -20%);
  }
  100% {
  opacity: 0;
  -webkit-transform: translate(0, -1000%);
  transform: translate(0, -1000%);
  }
}

/*=== HEADER ===*/
.translateButton {
 margin-right: 8px;
 float: right;
 }
.translateButton a { margin-left: 2px; }
.logo-text {
 z-index: 1;
 padding: 0;
 }
.tagline { margin-bottom: 0; }

@media screen and (max-width: 768px){
/*///*/
#header .site-name-text {
 font-size: 22px;
 line-height: 1;
 margin: 0;
 }
.tagline {
 font-size: 14px;
 margin: 0;
 line-height: 1.4;
 }
/*///*/}


/*=== NAVIGATION =========*/
.navi { background: none; }
.navi .item-label {
 font-size: 18px;
 font-weight: bold;
 }
.navi .item-label::before {
 font-family: "Font Awesome 5 Free";
 content: "\f0fc";
 margin-right: 6px;
 font-size: 20px;
}
.navi #menu-item-4569 .item-label::before { content: "\f79f" !important; }
.navi #menu-item-4582 .item-label::before {  content: "\f02d" !important; }
.navi #menu-item-10876 .item-label::before {  content: "\f2e7" !important; }

.fa-angle-down:before { font-size: 16px; }

#navi .navi-in>.menu-header .sub-menu {
 min-width: 220px;
 margin: 0 0 0 20px;
 box-shadow: 1px 1px 8px rgb(155, 183, 182, 0.4);
 background: #fff important;
}

.navi #menu-item-10917 .item-label::before,
.navi #menu-item-10918 .item-label::before,
.navi #menu-item-10919 .item-label::before { content: none !important; }

#navi .item-description { display: none; }
#navi .navi-in a:hover {
 color: #d82f2d;
 background: rgb(255,255,255,.5);
 border-radius: 3px;
 }

/*=== ONLY TOP ===*/
.home .sns-share.ss-top { display: none; }

/*////////////////////////////////////
COMMON AREA & PARTS */
.wrap { width: 100%; }
.content { margin-top: 10px; }
#main.main {
 padding: 0;
 background: none;
 }
.sidebar {
 background: none;
 padding: 0 0 16px;
 }

/* TOPICK PATH */
.breadcrumb.sbp-main-before,
.breadcrumb.sbp-main-top,
.breadcrumb.pbp-main-before {
 background: none;
 margin: 0 0 4px;
 border-radius: 3px;
 width: auto;
 padding: 5px;
}
.breadcrumb {
 font-size: 12px;
 line-height: 1.4;
 }
.breadcrumb span.sp { margin: 0 4px; }

/* BLOG PARTS */
.blogcard { padding-bottom: 0; }
.blogcard-footer { font-size: 12px; }
.blogcard-wrap {
 margin: 8px auto;
 width: 100%;
 }
.blogcard-snipet { display: none; }
.blogcard-footer { padding: 0; }

/* SNS */
.bc-brand-color-white.sns-share a, .bc-brand-color-white.sns-follow a { background-color: rgb(255,255,255,.3); }
.sns-share-buttons a .button-caption {
    font-size: 14px;
    margin-left: 10px;
}
.sns-share-buttons a {
 margin-bottom: 8px;
 font-size: 14px;
}
.sns-buttons a { height: 30px; }
.button-caption { display: none; }
.ss-bottom { margin: 0 -4px; }

@media screen and (max-width: 1023px) {
/*///*/
.no-mobile-sidebar .sidebar,
.no-mobile-header-logo .logo-header { display: inline; }
.mobile-button-fmb .go-to-top-button {
 display: block;
 display: flex;
 justify-content: center;
 align-items: center;
}
.mobile-button-fmb .go-to-top {
 right: 10px;
 bottom: 62px;
}
/*///*/}
@media screen and (max-width: 480px){
/*///*/
.sidebar aside.widget-sidebar { padding: 0 8px; }
.sns-share.ss-top { margin: 0 8px; }
/*///*/}

/*////////////////////////////////////
INDEX PAGE PARTS */
/* TITLE */
article.category-content { padding: 0 8px; }




/* ENTRY CARD */
.ect-3-columns .entry-card-wrap {
 width: 32%;
 padding: 0;
 background: rgb(255,255,255,.6);
 }
.entry-card-title, .related-entry-card-title { margin: 0 8px 5px ; }

.main .articleWrap, .main .entry-content {
 padding: 8px 16px;
 margin: 2px 0 20px;
 background: rgb(255,255,255,.7);
 border-radius: 8px;
}

/*THUMB NAIL  */
.ect-vertical-card .entry-card-wrap .entry-card-thumb img { border: 1px solid #ccc; }

a:hover.entry-card-wrap img {
 border: 1px solid #000;
 -webkit-transition: 0.8 0.4s ease-in;
 transition: 0.8 0.4s ease-in;
 opacity: .8;
}

.cat-label {
 top: 0;
 left: 0;
 border: 0;
 font-size: 12px;
 color: #fff;
 background-color: rgba(0, 0, 0, 0.7);
 padding: 1px 4px 0;
}

.ect-3-columns .entry-card-snippet {
 line-height: 1.5;
 margin: 0 8px;
 }

/* ADD */
.ad-label {
 top: 0;
 left: 0;
 border: 0;
 font-size: 12px;
 color: #fff;
 background-color: rgba(0, 0, 0, 0.7);
 }

@media screen and (min-width: 1024px){
/*///*/
 #main.main {
  width: calc(100% - 370px);
  margin: 0 10px;
  }
 .content-in { width: auto; }
 .sidebar { width: 336px; }
/*///*/}

@media screen and (min-width: 1320px){
/*///*/
 #main.main {
  width: 930px;
  margin: 0 10px;
  }
 .content-in { width: 1300px; }
 .sidebar { width: 336px; }
/*///*/}

@media screen and (max-width: 1023px){
/*///*/
.content-in { width: 100%; }
.sidebar { width: 100%; }
.main .articleWrap, .main .entry-content { border-radius: 0; }
/*///*/}

@media screen and (max-width: 768px){
/*///*/
main.main {
 padding: 0;
 margin: 0;
 }
div.sidebar {
 padding: 0;
 margin: 8px 8px;
 }
.widget-entry-cards figure { margin: 0 8px; }
.widget-entry-cards figure { padding-top: -5px; }
.page-template-default .main h2, .post-template-default .main h2 { padding: 0.8em 0 0.8em 8px; }

.entry-categories-tags > div { margin-bottom: 5px; }
.entry-categories-tags { margin: 0; }

.eye-catch img {
 border-top: 4px solid #fff;
 border-bottom: 4px solid #fff;
 border-radiugs: 4px;
 }
 .cat-label { padding: 4px 4px 2px; }
 .pagination-next { margin: 0 8px; }
 
/*///*/}
@media screen and (max-width: 480px){
/*///*/
.content { margin-top: 16px; }
.main .articleWrap, .main .entry-content {
 padding: 8px 0;
 margin: 0 0 8px;
}
.main .entry-content p {
 margin: 0 8px 8px;
 padding-bottom: 4px;
}
.main .articleWrap p { margin: .5em 8px; }
.article h1 {
 font-size: 22px;
 margin-bottom: 8px;
 }
.breadcrumb.sbp-main-before, .breadcrumb.sbp-main-top, .breadcrumb.pbp-main-before { line-height: 1.3; }
.ect-3-columns .entry-card-wrap { width: 100%; }
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
 border-left: none;
 border-right: none;
}
/*///*/}


/*////////////////////////////////////
 HEAD TAG */
/* H1 */
h1.entry-title {
 font-size: 30px;
 color: rgb(0,0,0,.6);
 }
h1.eye-catch  {
  color: #fff;
  font-size: 2em;
  position: absolute;
  top: 0;
  padding: 8px;
  background: linear-gradient(0deg, transparent, #555);
  text-shadow: 1px 1px 8px #000;
}

/* H2 */
h2.entry-card-title, h2.related-entry-card-title { line-height: 1.4; }
.page-template-default .main h2, .post-template-default .main h2 {
 margin: 56px 0 25px 0;
 position: relative;
 padding: 0.8em 0.1em;
 background: none;
 border-left: none !important;
 content: "";
 clear: both;
 display: block;
 border: none;
 line-height: 1.5;
}
.post-template-default .main h2::before, .post-template-default .main h2::after,
.page-template-default .main h2::before, .page-template-default .main h2::after {
 position: absolute;
 left: 0;
 content: '';
 width: 100%;
 height: 6px;
 box-sizing: border-box;
}
.post-template-default .main h2::before,
.page-template-default .main h2::before {
 top: 0;
 border-top: 2px solid #ccc;
 border-bottom: 1px solid #ccc;
}
.post-template-default .main h2::after,
.page-template-default .main h2::after {
 bottom: 0;
 border-top: 1px solid #a5874a;
 border-bottom: 2px solid #ccc;
}

.post-template-default .main .info h2,
.page-template-default .main .info h2 {
 color: #161410;
 padding: .7em .5em .5em;
 font-weight: lighter;
 text-align: center;
 font-size: 20px;
}
.post-template-default .main .info h2::before,
.page-template-default .main .info h2::before { border-top: none; }
.post-template-default .main .info h2::after,
.page-template-default .main .info h2::after {
 height: 1px;
 border-bottom: none;
}

.post-template-defaultt .main .info h2.relation,
.post-template-default .main .info h3,
.post-template-default .main .info .relation,
.page-template-defaultt .main .info h2.relation,
.page-template-default .main .info h3,
.page-template-default .main .info .relation {
 position: relative;
 padding-top: .7em;
 border: none;
 font-size: 20px;
 font-weight: normal;
 text-align: left;
 margin-bottom: .5em;
}

.article h3 {
 color: #333;
 border: none;
 border-top: 1px solid #a5874a;
 padding: 12px 2px;
 }

.post-template-default .main .info .relation,
.page-template-default .main .info .relation {
 border-top: 1px solid #ccc;
}

@media screen and (max-width: 768px){
/*///*/
.post-template-default .main .info .relation,
.page-template-default .main .info .relation,
.page-template-default .main h2,
.post-template-default .main h2 {
 padding: 0.8em 0;
 margin: 50px 8px 20px;
 }
.post-template-default .main .info .relation,
.page-template-default .main .info .relation,
.post-template-default .main .info h2,
.page-template-default .main .info h2 {
 font-size: 22px;
 padding: .7em 0 .5em;
 margin: 0;
 text-align: left;
}
 }/*///*/



/*////////////////////////////////////
ARTICLE & ENTRY */
.breadcrumb a:hover { color: #1e73be !important; }
.breadcrumb.sbp-main-top {
 margin: 0;
 padding-top: 0;
 }
.eye-catch-caption { padding: 2em .8em 0.4em; }
.eye-catch img {
 max-height: 500px;
 object-fit: cover;
 }
 
 /*// TEXT DECORATION //*/
 /* ICON LIST */
ul.beer,
ul.food,
ul.wine,
ul.sake {
 list-style-type: none;
 padding: 0 20px;
 }
ul.beer li,
ul.food li,
ul.wine li,
ul.sake li {
 font-weight: 600;
 color: #666;
 line-height: 1.4;
 padding: 0.5em 0.5em 0.5em 1em;
 text-indent: -1em;
}
ul.beer li:before,
ul.food li:before,
ul.wine li:before,
ul.sake li:before {
 font-family: "Font Awesome 5 Free";
 content: "\f0fc";
 color: #b36536;
 font-size: 18px;
 margin-right: 4px;
 }
ul.food li:before {
 content: "\f2e7";
 color: #b365b4;
 }
ul.wine li:before {
 content: "\f5ce";
 color: #b31d36;
 }
ul.sake li:before {
 content: "\f7a0";
 color: #B39794;
 }

/*// INFORMATION & RELATION //*/
.main .info dt, .main .info dd {
 font-size: 16px;
 padding: 8px 4px;
 }
.main .info dt {
 width: 10em;
 float: left;
 clear: both;
 font-weight: 600;
}
.main .info dd {
 width: calc(100% - 10em);
 margin-left: 10em;
}
.main dl.star dd span {
 color: #a5874a;
 font-size: larger;
 white-space: nowrap;
 margin-right: .8em;
}
.star::before { content: none; }

/* IMG */
.alignleft { margin-top: 0 !important; }
.wp-caption.alignleft {
 border: none;
 background: none;
 }
.wp-caption.alignleft .wp-caption-text {
 margin: -5px 0 0;
 font-weight: 600;
 }

/* SIMPLE MAP */
.main .info .simplemap { border: 1px solid #ddd; }

/* DATA */
.date-tags {
 background: #f2eda8;
 border-radius: 4px;
 margin-bottom: 10px;
 }

a.tag-link:hover {
 background: #e1b233;
 color: #fff;
}

table.bp-info th, table.bp-info td { line-height: 1.3; }
table.bp-info td dd { margin-bottom: 10px; }
.staticmap, .staticmap img { margin-top: 5px; }

/* TOC MOKUJI */
.article .toc {
 border: 1px solid #ddd;
 margin: 0 8px;
 padding: 5px 15px 0;
 }
.toc {
 font-size: 14px;
 border-radius: 4px;
 padding: 5px 15px;
 background: rgb(255,255,255,.5);
 }
.toc-title {
 font-size: 14px;
 color: #333;
 font-weight: 600;
 text-align: left;
 padding: 2px;
}
.toc a { color: #0d7791; }
.article ol.toc-list.open { margin: 6px 8px 8px; }
.article ol.toc-list li {
 line-height: 1.3 !important;
 margin: 0 0 .5em;
 }
.toc-checkbox:checked~.toc-content  { padding: 0 !important; }



/* ENTRY TAG */
.article-footer, .entry-footer { padding: 0 20px; }


/* TEXT */
.article-body a {
 text-decoration: underline;
 color: #0d7791 !important;
}

.main p.alart::before, p.mapinfo::before {
 color: #c00;
 font-size: 16px;
 content: "\f06a";
 left: 30px;
 }
.main p.alart, .main .info p.mapinfo {
 font-size: 14px;
 line-height: 1.4;
 padding-left: 18px;
}
.main .info p.mapinfo { margin-top: 6px; }



/* OLD STYLE */
.important-marker {
 background-color: #fffabb;
 font-weight: bold;
 padding: 1px 2px;
}

/*// TEXT DESIGN //*/
/* AD & BIG LINK */
ul.bnrList {
 list-style: none;
 margin-top: 20px;
 padding-left: 0;
 }
ul.bnrList li { margin: 0; }

.information-box,
.question-box,
.alert-box,
.information,
.question,
.alert,
.memo-box,
.comment-box,
.common-icon-box {
 padding: 0;
 background: none;
 border: none;
 }

/* RESERVASEION=Information */
.information-box::before, .information::before {
 font-family: "Font Awesome 5 Free";
 content: '\f02e';
 color: #a5874a;
 border-right: none;
 top: 11px;
 left: 18px;
 font-size: 27px;
}

.information-box a {
 padding: 13px 8px 11px 35px;
 display: block;
 text-decoration: none !important;
 line-height: 1.3;
 border: 3px double #a5874a;
 font-weight: bold;
 width: auto;
 overflow: hidden;
 margin: 20px;
}

.information-box a:hover, .information a:active {
 background-color: #fbe9c4;
}

/* IMPORTANT=question */
.question-box::before, .question::before {
 font-family: "Font Awesome 5 Free";
 content: '\f005';
 color: #d82f2d;
 border-right: none;
 top: 10px;
 left: -11px;
 font-size: 27px;
}

.question-box a {
 padding: 13px 8px 11px 8px;
 display: block;
 text-decoration: none !important;
 line-height: 1.3;
 border: 3px dotted #d82f2d;
 color: #333;
 font-weight: bold;
 width: auto;
 overflow: hidden;
 margin: 20px 5px;
 border-radius: 6px;
}

.question-box a:hover, .question a:active {
 background-color: #fbe9c4;
}


/* BIG LINK= */
span.success-bold a, .alert-box a {
 padding: 8px 8px 6px 41px;
 margin: 20px;
 display: block;
 background-image: none;
 background: #ededed;
 border-radius: 4px;
 text-decoration: none !important;
 line-height: 1.3;
 overflow: hidden;
}
.alert-box::before, .alert::before,
span.success-bold::before {
 font-size: 42px;
 content: '\f0a4';
 color: #0d9ec9;
 border: none;
 top: 22px;
}

@media screen and (max-width: 768px){
/*///*/
.question-box::before, .question::before { left: 14px; }
.question-box a {
 padding: 13px 10px 10px;
 margin: 20px 10px;
}
/*///*/}

/*// IMAGES //*/
.wp-caption {
 background: rgb(255,255,255,.5);
padding-top: 0;
border-radius: 0 0 3px 3px;
text-align: left;
}

.wp-caption img { box-shadow: 3px 3px 5px #ddd; }


.wp-caption-text, .gallery-caption { 
 margin: -2px 0 2px 6px;
 font-size: 14px;
 }



/*// INFORMATION BOX //*/
.info-box, .sp-info, .info {
 color: #666;
 font-size: 90%;
 background: #FBFAE5/*#f2eda8*/;
 padding: 0 10px 5px;
}
.info-box p { margin: 0 !important; }
.info-box h2, .sp-info h2, .info h2 {
 color: #666;
 font-size: 95%;
 margin-bottom: 0 !important;
 padding-left: 0 !important;
 }
.info-box h2::before, .sp-info h2::before, .info h2::before { display: none; }
.info-box h2::after, .sp-info h2::after, .info h2::after { border-bottom: none !important; }

/*// WARNING BOX //*/
.warning-box a, .sp-warning a, .warning a {
 color: #c00;
 text-decoration: none;
 }
.warning-box a:hover, .sp-warning a:hover, .warning a:hover { color: #e80000;  }

@media screen and (max-width: 768px){
/*///*/
h1.eye-catch { font-size: 24px; }
.eye-catch img, .eye-catch amp-img {
 border: none;
 }
.main .articleWrap { margin: 0; }

.wp-caption {
 background: rgb(255,255,255,.5);
padding-top: 0;
border-radius: 0 0 3px 3px;
text-align: left;
}
.wp-caption-text, .gallery-caption {
 margin: -5px 0 0;
 line-height: 1.6;
}
.wp-caption { border: none; }

/* WARNING */
.warning-box { border-radius: 0; }

/* INFO */
.info-box, .sp-info, .info {
 margin-left: 8px;
 margin-right: 8px;
}
.main .info dt, .main .info dd { padding: 0; }
.main .info dt {
 width: 100%;
 float: none;
 margin-bottom: 0;
}
.main .info dd {
 width: 100%;
 margin: 0 0 .7em;
 padding-bottom: .4em;
 line-height: 1.6;
}
.main .info dd:not(:last-child)  { border-bottom: 1px dotted #ccc; }


/* SIMPLE MAP */
.main .info .simplemap { margin-top: -16px; }

/* ENTRY TAG */
.article-footer, .entry-footer { padding: 0 8px; }
/*///*/}

@media screen and (max-width: 480px){
/*///*/
table.bp-info th, table.bp-info td {
 display: block;
 width: 100%;
 font-size: 100%;
 }
table.bp-info td { border-top: none; border-bottom: none; }
table.bp-info { border-bottom: 1px solid rgba(225,178,51,.5); }
table.bp-info td dt, table.bp-info td dd {
 display: block;
 width: 100%;
 }
table.bp-info td dd { margin-left: 14px; }
/* TEXT DECORATION */
.information-box::before, .information::before {
 top: 11px;
 left: 42px;
 font-size: 30px;
}
/* BIG LINK= */
span.success-bold a, .alert-box a { margin: 0; }
/* DATA */
.date-tags { margin: 0 8px 8px; }
.main p.alart::before, p.mapinfo::before { left: 8px; }
.article .toc { margin: 16px 16px 0; }
/* IMG */
img.size-medium { width: 90% !important; }
/*///*/}


/*////////////////////////////////////
 UNDER ENTRY CONTENTS & PAGE BTM AREA*/
/*// ENTRIES //*/
.related-entries { 
 background: rgb(255,255,255,.6);
 margin: 0;
 border-radius: 4px;
 }
.related-entries .a-wrap { margin-bottom: 1px; }
.related-entries .related-list { margin: 0 10px; }
.related-entry-card-title,
.pager-post-navi a.prev-post .prev-post-title,
.pager-post-navi a.next-post .next-post-title {
 font-size: 14px !important;
 font-weight: normal;
 line-height: 1.4;
}

.single-post .main h2.related-entry-heading {
 color: #666;
 margin: 15px 0;
 padding: 16px 12px 0;
 }
.single-post .main h2.related-entry-heading::before { border: 4px solid #333; }
.single-post .main h2.related-entry-heading::after { border: none; }

.entry-card-content, .related-entry-card-content { padding-bottom: 0;  }
.entry-card-snippet, .related-entry-card-snippet { font-size: 14px; }
.ect-3-columns .entry-card-snippet { max-height: 7em; }
.ect-3-columns .entry-card-snippet { margin: 0 8px 12px; }
a:hover.entry-card-wrap,
a:hover.related-entry-card-wrap { position: relative; }
a:hover.entry-card-wrap::after,
a:hover.related-entry-card-wrap::after {
 display: block;
 position: absolute;
 height: 2em;
 width: 100％ !important;
 text-align: center;
 bottom: 0;
 right: 0;
 padding: 2px 12px 2px 20px;
 color: #d82f2d;
 font-size: 14px;
 font-weight: 600;
 background: rgb(255,255,255,.8);
 content: "続きを読む >";
 }


.page .entry-categories-tags { display: none; }

@media screen and (max-width: 480px){
/*///*/
/*// ENTRIES //*/
.related-entries { padding: 0; }
 }
/*///*/}

/*////////////////////////////////////
 ARCHIVE & OTHER*/
 /*// ARCHIVE //*/
h1.archive-title { margin: 16px 10px 12px; }
.category-7 .fa-folder-open:before { content: "\f0fc" !important; }
.category-8 .fa-folder-open:before { content: "\f79f" !important; }
.category-12 .fa-folder-open:before  {  content: "\f02d" !important; }
.category-1 .fa-folder-open:before  {  content: "\f2e7" !important; }

.related-entries .related-list {
    margin: 0;
}
/*///*/}

/*////////////////////////////////////
 SIDEBAR*/
.search-box { margin: 0 0 20px; }
.sidebar-menu-content {
 background: rgb(242,237,168,.8);
 }
.sidebar h3 {
 color: #1b1614;
 font-size: 18px;
 line-height: 1.2;
 background: none;
 padding: 8px 10px 8px 0;
 margin: 0 0 4px;
 border-bottom: solid 1px #fff;
 position: relative;
}

.sidebar h3:after {
 position: absolute;
 content: " ";
 display: block;
 border-bottom: solid 2px #808080;
 bottom: -2px;
 width: 4.2em;
}


@media screen and (max-width: 768px){
/*///*/

/*///*/}



/*////////////////////////////////////
 WIDGET */
/*// DASHIWAKE //*/
#popular_entries-4 { display: none; }
.home #popular_entries-4 { display: inline; }
.home #new_entries-3 { display: none; }

/*// DETAIL //*/
.widget-entry-card { font-size: 14px; }
.widget-entry-card-title {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden; 
}  }
.card-thumb img { border: 1px solid #ccc; }
.widget-entry-card-thumb { margin-top: 0; }
a.a-wrap:hover {
 background: rgb(255,255,255,0.5);
 border-radius: 2px;
 }
 
/*// NEW&POPULAR ARTICLE //*/
.widget-entry-cards .a-wrap { margin-bottom: 0; }
.card-thumb img { border: 1px solid #ddd; }
.widget-entry-cards figure { line-height: 0; }


/*// INSTAGRAM FEED //*/
#wdi_feed_0 .wdi_feed_container { background-color: none !important; }


/* POPULAR POST */
.widget-entry-cards.ranking-visible .card-thumb::before {
 padding: 2px 0;
 width: 20px;
 height: 20px;
 font-family: Verdana,sans-serif;
}

/*/// AD ///*/
.ad-area { margin-bottom: 20px; }
.widget-entry-cards.ranking-visible { margin-bottom: 20px; }

/* BUGFIX */
.toc .google-auto-placed,
.widget-sidebar .google-a-placed,
header .google-a-placed,
header .google-auto-placed { display: none; }

@media screen and (max-width: 768px){
/*///*/
/*// NEW&POPULAR ARTICLE //*/
.widget-entry-cards { margin: 0; }
.widget-entry-cards .a-wrap { margin: 0 0 2px; }
.widget-entry-cards figure { margin-left: 0; }

/*///*/}
@media screen and (max-width: 480px){
/*///*/

/*///*/}

/*////////////////////////////////////
 FOOTER*/
.footter { padding-top: 0; }
.footer-bottom { margin-top: 0; }
.footer-bottom-logo {
 position: relative;
 float: none;
 margin: 0 auto;
 text-align: center;
 max-width: 100px;
 }
.footer-bottom-logo .site-name-text { padding-bottom: 0; }
.footer-bottom-content {
 float:right;
 position: absolute;
 right: 100px;
 bottom: 10px;
 text-align: center;
 }
.navi-footer-in > .menu-footer { display: inline; }
.navi-footer-in > .menu-footer li:last-child { border-right: 1px solid #ddd; }
.navi-footer-in > .menu-footer li {
 width: 120px;
 border-left: 1px solid #ddd;
}

.go-to-top {
 right: 20px;
 bottom: 20px;
}
a:hover.go-to-top-button { alpha: 50%; }

/* FOR MOBILE */
.mobile-menu-buttons { background: #000; }
.mobile-menu-buttons .menu-button > a { color: #FAF8DC; }
.fa-star:before { content: "\f0fc" !important; /* BEER */ }

@media screen and (max-width: 1023px){
/*///*/
.no-mobile-header-logo .logo-header { display: inline; }
.mobile-menu-buttons > li#menu-item-4569 .fa-star:before { /* EVENT f79f */
 content: "\f79f" !important;
}
.mobile-menu-buttons > li#menu-item-10876 .fa-star:before { /* GOURMET f2e7 */
 content: "\f2e7" !important;
}
/*///*/}

@media screen and (max-width: 768px){
/*///*/
.footer-bottom-content {
 float: none;
 position: relative;
 right: 0px;
 text-align: center;
 }
/*///*/}


/*////////////////////////////////////
 ONLY TOP PAGE*/
/* FRAME */
.top-container { display: flex; }
.top-container .top-left {
 width: 700px;
 }
.top-container .top-right {
 flex: 1;
 margin: 5px 0 0 20px;
 }
.top-bottom {
 margin: 20px 0;
 }

/* PARTS */
.top-page h1 {
 font-size: 52px;
 line-height: 1.2;
 color: rgb(0,0,0,.6);
 text-align: center;
 }
.top-page .top-right h2 { margin: 0; }
.top-page .top-right .menuR a img {
 float: left;
 border: 3px double #ccc;
 margin: 0;
 padding: 0;
 }
.top-page .top-right .menuR a:hover img { border-color: red; }
.top-page .top-right .menuR dl { 
 float: right;
 width: calc(100% - 326px);
 }
.top-page .top-right .menuR dt, .top-page .top-right .menuR dd { width: 100%; }
.top-page .top-right .menuR a dt, .top-page .top-right .menuR a dd { color: #333; }
.top-page .top-right .menuR dt {
 font-size: 22px;
 line-height: 1.2;
 font-weight: 600;
 text-align: left;
 }
.top-page .top-right .menuR dd {
 margin: 0 0 20px;
 }


@media screen and (max-width: 768px){
/*///*/
.top-page h1 {
 font-size: 40px;
 margin-top: -30px;
 }
.top-page .top-right .menuR {
 overflow: hidden;
 margin-bottom: 20px;
 }
.top-page .top-right .menuR a img {
 width: 49%;
 clear: bothl
 }
.top-page .top-right .menuR dl { 
 width: 49%;
 margin: 0;
 }
/*///*/}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1285px以下*/
@media screen and (max-width: 1285px){ 
/*///*/

/*///*/}

/*1030px以下*/
@media screen and (max-width: 1030px){
/*///*/

/*///*/}

/*768px以下*/
@media screen and (max-width: 768px){
/*///*/

/*///*/}

/*480px以下*/
@media screen and (max-width: 480px){
/*///*/

/*///*/}