@charset "UTF-8";

/* Theme Common
----------------------------------- */
.card-thumb img {
  display: block;
}
.entry-card-title {
  margin: 0.75em 0 0.5em;
}

/* ヘッダ
----------------------------------- */
.tagline, .logo {
  display: none;
}

/* ヘッダ画像
----------------------------------- */
a.appeal-wrap {
  text-decoration: none;
  color: #5a5a5a;
}
a.appeal-wrap .appeal {
  background-size: cover;
  background-position: 50% 50%;
}
a.appeal-wrap .appeal .appeal-in {
  /*
  height: 0;
  padding: 0 0 16.679688%; /* 427/2560 */
  min-height: 427px;
}
a.appeal-wrap .appeal .appeal-in .appeal-content .appeal-title {
  font-size: 1.25em;
  letter-spacing: 0.05em;
  border-bottom: solid 1px #5a5a5a;
  padding: 0 0 5px;
  line-height: 1.4;
}
a.appeal-wrap .appeal .appeal-in .appeal-content .appeal-message {
  font-size: 0.9em;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 10px 0 0;
  line-height: 1.4;
}

@media screen and (max-width: 480px){
  a.appeal-wrap .appeal .appeal-in {
    min-height: 375px;
  }
}

/* Common
----------------------------------- */
.home .article .entry-header {
  display: none;
}
.tac {
  text-align: center;
}
.rcmd-level {
  font-size: 1.25em;
}
.eye-catch {
  width: 70%;
  margin: 0 auto .6em;
}
.clearfix::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
}

.item-sp {
  display: none;
}
@media screen and (max-width:480px) {
  .eye-catch {
    width: 90%;
  }
  .item-pc {
    display: none;
  }
  .item-sp {
    display: block;
  }
}

/* 一覧
----------------------------------- */
/*
.home .main .widget-entry-cards {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home .main .widget-entry-cards.card-large-image .a-wrap  {
  max-width: initial;
}
*/
.main .widget-entry-cards .a-wrap {
  padding: 0;
  margin-bottom: 15px;
  box-sizing: border-box;
  line-height: 1.4;
}
.main .widget-entry-cards .widget-entry-card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.main .widget-entry-cards .widget-entry-card .widget-entry-card-thumb {
  width: 200px;
  float: none;
  margin: 0;
}
.main .widget-entry-cards .widget-entry-card .widget-entry-card-content {
  width: calc(100% - 200px);
  margin-left: 0;
}
.main .widget-entry-cards .widget-entry-card .widget-entry-card-content .card-title {
  display: none;
}
.main .widget-entry-cards .widget-entry-card .widget-entry-card-content .widget-entry-card-snippet {
  margin: 0;
  padding: 1em;
  font-size: 15px;
  opacity: 0.8;
  text-align: justify;
}

.main .new-entry-cards .new-entry-card .new-entry-card-content .new-entry-card-title.widget-entry-card-title.card-title {
  display: none;
}

@media screen and (max-width:480px) {
  .main .widget-entry-cards .widget-entry-card {
    display: block;
  }
  .main .widget-entry-cards .widget-entry-card .widget-entry-card-thumb {
    width: 100%;
  }
  .main .widget-entry-cards .widget-entry-card .widget-entry-card-content {
    width: 100%;
  }
  .main .widget-entry-cards .widget-entry-card .widget-entry-card-content .widget-entry-card-snippet {
    font-size: 14px;
  }
}

/* Home
----------------------------------- */
.hbs01 img {
  width: 80%;
}
.hbs-features dt {
  margin: 0 0 0.25em;
}
.hbs-features dd {
  margin: 0 0 1em;
  padding: 0 0 0 1.35em;
}
.hbs02 img {
  width: 80%;
}
.hbs03 img {
  width: 80%;
}

/* Post
----------------------------------- */
/* Table Common */
.hbs-spec {
  width: 90%;
  margin: 0 auto;
  border: 0;
}
.hbs-spec th {
  color: #ffffff;
  background-color: #5b9bd5;
  border-top: 0;
  border-bottom: solid 3px #ffffff;
  border-left: 0;
  border-right: 0;
  padding: 0.5em 0.75em;
  text-align: left;
}
.hbs-spec th:first-of-type {
  border-right: solid 1px #ffffff;
}
.hbs-spec td {
  border-top: 0;
  border-bottom: solid 1px #ffffff;
  border-left: 0;
  border-right: 0;
  padding: 0.5em 0.75em;
}
.hbs-spec td:first-of-type {
  border-right: solid 1px #ffffff;
}
.hbs-spec tr:nth-of-type(odd) td {
  background-color: #d2deef;
}
.hbs-spec tr:nth-of-type(even) td {
  background-color: #eaeff7;
}

/* FAQ Common */
.beer-faq dt h4 {
  margin: 0;
  padding: 0 0 10px 50px;
  text-indent: -25px;
  line-height: 1.4;
}
.beer-faq dt {
  margin: 0 0 15px;
}
.beer-faq dd {
  padding: 0 28px 0 55px;
  margin: 0 0 40px;
  text-indent: -28px;
}

/* Section - Blade */
.post-86 .hbs-spec th {
  width: 50%;
}
.post-86 .hbs-spec td {
  width: 50%;
}
.beer-blade h5 {
  text-align: center;
}
.beer-blade img {
  width: 70%;
  margin: 0 auto;
  display: block;
}

/* Section - Kirin Home Tap */
.post-115 .hbs-spec th {
  width: 50%;
}
.post-115 .hbs-spec td {
  width: 50%;
}
.beer-kht h4, .beer-kht h5 {
  text-align: center;
}
.beer-kht dl dd {
  margin: 30px 0 0;
}
.beer-regular {
  width: 50%;
  margin: 0 auto;
  display: block;
}
.beer-season {
  width: 60%;
  margin: 0 auto;
  display: block;
}

/* Section - DREAMBEER */
.post-145 .hbs-spec th {
  border-bottom: solid 1px #ffffff;
  vertical-align: top;
}
.post-145 .hbs-spec td {
  vertical-align: top;
}
.post-145 .hbs-spec.regular th {
  width: 20%;
}
.post-145 .hbs-spec.regular td {
  width: 40%;
}
.post-145 .hbs-spec.case-by-case th {
  width: 20%;
}
.post-145 .hbs-spec.case-by-case td {
  width: 80%;
}

/* おいしさ重視の選び方 - post-267 */
.post-267 .clearfix img {
  width: 250px;
  float: right;
  border: solid 1px #ededed;
  margin: 0 0 15px 30px;
}

/* どのビール、どのタイミングでも使える！「使いやすさ」- post-332 */
.post-332 .clearfix img {
  width: 250px;
  float: right;
  border: solid 1px #ededed;
  margin: 0 0 15px 30px;
}

@media screen and (max-width:480px) {
  .post-267 .clearfix img,
  .post-332 .clearfix img {
    float: none;
    display: block;
    margin: 0 auto 20px;
  }
}

/* Widget
----------------------------------- */
.custom-html-widget ul,
.custom-html-widget ol {
  padding: 0 15px 0 25px;
}
.custom-html-widget ul li {
  line-height: 1.3;
  margin: 0 0 0.75em;
}
.custom-html-widget ul li a {
  color: #5a5a5a;
}
.custom-html-widget ul li a:hover {
  text-decoration: none;
}
.custom-html-widget ul li > ul {
  margin: 0.75em 0 0;
}
@media screen and (max-width:480px) {
  .custom-html-widget ul,
  .custom-html-widget ol {
    padding: 0 0 0 20px;
  }
}

/* 新着記事ウィジェット（デフォルト）
----------------------------------- */
@media screen and (max-width:480px) {
  .widget-entry-cards figure {
    width: 100px;
  }
  .widget-entry-card {
    font-size: 14px;
    line-height: 1.3;
  }
  .widget-entry-card-content {
    margin-left: 110px;
  }
}

/* Affiliate Banner
----------------------------------- */
.bnr {
  text-align: center;
}
.bnr-mc {
  display: none;
}
@media screen and (max-width:1023px) {
  .bnr-sb {
    display: none;
  }
  .bnr-mc {
    display: inherit;
  }
}

/* Twitter Embedded
----------------------------------- */
.twitter-tweet {
  margin: 0 auto;
}