@charset "UTF-8";
/*SUBPAGE*/
/*color*/
/**/
#company-overview h1, #privacypolicy h1, #agreement h1, #tokusyhoho h1, .guideCommon h1 {
  margin: 120px auto 90px;
  text-align: left;
  font-size: 25px; }
  @media (max-width: 480px) {
    #company-overview h1, #privacypolicy h1, #agreement h1, #tokusyhoho h1, .guideCommon h1 {
      margin: 35px auto 30px;
      font-size: 20px;
      text-align: center; } }

.subpage {
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 900px) {
    .subpage {
      padding: 0 15px; } }

/*-----------------▼▼▼▼▼会社概要▼▼▼▼▼--------------------*/
#company-overview dl {
  width: 100%;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 70px;
  border-top: 1px solid #999999; }
  @media (max-width: 480px) {
    #company-overview dl {
      font-size: 10px;
      margin-bottom: 30px; } }
  #company-overview dl dt {
    width: 30%;
    border-bottom: 1px solid #999999;
    padding: 40px 0; }
    @media (max-width: 480px) {
      #company-overview dl dt {
        padding: 10px 0;
        width: 25%; } }
  #company-overview dl dd {
    width: 70%;
    border-bottom: 1px solid #999999;
    padding: 40px 0; }
    @media (max-width: 480px) {
      #company-overview dl dd {
        padding: 10px 0;
        width: 75%; } }
#company-overview ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 90px; }
  @media (max-width: 480px) {
    #company-overview ul {
      margin-bottom: 80px; } }
  #company-overview ul li {
    width: 15%; }
    #company-overview ul li img {
      border: 1px solid #cccccc; }
      @media (max-width: 900px) {
        #company-overview ul li img {
          width: 100%; } }
    @media (max-width: 900px) {
      #company-overview ul li {
        width: 48%;
        padding-bottom: 10px; } }

/*-----------------▲▲▲▲▲会社概要▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼プライバシーポリシー▼▼▼▼▼--------------------*/
#privacypolicy h2 {
  font-size: 16px;
  font-weight: 400; }
  @media (min-width: 1024px) {
    #privacypolicy h2 {
      font-size: 20px; } }
#privacypolicy ol {
  padding: 0;
  list-style-type: none; }
  @media (min-width: 1024px) {
    #privacypolicy ol {
      font-size: 18px; } }
  #privacypolicy ol li h3 {
    border-top: 1px solid #999999;
    text-indent: -1rem;
    font-weight: 400;
    padding: 20px 0 20px 1em; }
    @media (min-width: 1024px) {
      #privacypolicy ol li h3 {
        font-size: 18px; } }
  #privacypolicy ol li p {
    padding: 0 0 20px 0; }
    @media (min-width: 1024px) {
      #privacypolicy ol li p {
        padding: 0 0 20px 100px; } }
  #privacypolicy ol ul {
    padding: 0 0 20px 50px;
    list-style-type: disc; }
    @media (min-width: 1024px) {
      #privacypolicy ol ul {
        font-size: 16px;
        padding: 0 0 20px 100px; } }
  @media (min-width: 1024px) {
    #privacypolicy ol ol {
      font-size: 16px;
      padding-left: 100px; } }
  #privacypolicy ol ol li {
    padding: 0 0 10px 50px;
    text-indent: -1rem; }
    @media (min-width: 1024px) {
      #privacypolicy ol ol li {
        padding: 0 0 10px 1rem; } }
#privacypolicy .pv-contact {
  margin-bottom: 80px; }
  @media (min-width: 1024px) {
    #privacypolicy .pv-contact {
      margin-bottom: 90px; } }
  #privacypolicy .pv-contact h3 {
    padding: 20px 0 0;
    border-top: 1px solid #999999;
    font-size: 16px;
    font-weight: 400; }
    @media (min-width: 1024px) {
      #privacypolicy .pv-contact h3 {
        font-size: 20px; } }
  #privacypolicy .pv-contact p {
    padding-top: 20px; }
    @media (min-width: 1024px) {
      #privacypolicy .pv-contact p {
        font-size: 16px; } }

/*-----------------▲▲▲▲▲プライバシーポリシー▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼利用規約▼▼▼▼▼--------------------*/
#agreement {
  margin-bottom: 80px; }
  #agreement h2, #agreement h3 {
    font-weight: 400;
    border-bottom: 1px solid #999999;
    padding: 0 0 10px;
    margin: 0 0 10px; }
    @media (min-width: 1024px) {
      #agreement h2, #agreement h3 {
        margin: 0 0 30px; } }
  #agreement h2 {
    font-size: 16px;
    font-weight: 400; }
    @media (min-width: 1024px) {
      #agreement h2 {
        font-size: 20px; } }
  #agreement h3 {
    font-size: 14px; }
    @media (min-width: 1024px) {
      #agreement h3 {
        font-size: 18px; } }
  #agreement h4 {
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 5px; }
    @media (min-width: 1024px) {
      #agreement h4 {
        font-size: 18px; } }
  #agreement .agContainer {
    font-size: 12px;
    margin: 0 0 30px; }
    @media (min-width: 1024px) {
      #agreement .agContainer {
        font-size: 16px; } }
    #agreement .agContainer p {
      margin-bottom: 30px; }
      @media (min-width: 1024px) {
        #agreement .agContainer p {
          margin-bottom: 45px; } }
    #agreement .agContainer .no-bottom {
      margin-bottom: 5px; }
    #agreement .agContainer .p-left {
      padding-left: 50px; }
      @media (min-width: 1024px) {
        #agreement .agContainer .p-left {
          padding-left: 60px; } }
    @media (min-width: 1024px) {
      #agreement .agContainer .p-left02 {
        padding-left: 40px; } }
    #agreement .agContainer .ulDisc {
      list-style: disc; }
  #agreement ol {
    margin: 0;
    padding-left: 50px; }
    @media (min-width: 1024px) {
      #agreement ol {
        padding-left: 80px; } }
  #agreement ol li p {
    margin: 0 0 30px 1rem; }
  #agreement .p-indent p {
    padding-left: 40px; }
    @media (min-width: 1024px) {
      #agreement .p-indent p {
        padding-left: 70px; } }
  #agreement .p-indent02 div {
    margin-bottom: 30px; }
  #agreement .p-indent02 p {
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -1em; }
  #agreement .p-indent02 .no-indent {
    padding-left: 1em;
    text-indent: 0; }
  #agreement .agday {
    text-align: right; }
    @media (min-width: 1024px) {
      #agreement .agday {
        font-size: 18px; } }

/*-----------------▲▲▲▲▲利用規約▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼特定商取引法に基づく表示▼▼▼▼▼--------------------*/
#tokusyhoho {
  margin-bottom: 80px; }
  #tokusyhoho h2 {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #999999;
    padding: 0 0 10px;
    margin: 0 0 10px; }
    @media (min-width: 1024px) {
      #tokusyhoho h2 {
        font-size: 20px;
        margin: 0 0 25px; } }
  #tokusyhoho .tokuteiContainer {
    font-size: 12px;
    margin: 0 0 30px; }
    @media (min-width: 1024px) {
      #tokusyhoho .tokuteiContainer {
        font-size: 18px; } }
    #tokusyhoho .tokuteiContainer p {
      margin-bottom: 30px; }
      @media (min-width: 1024px) {
        #tokusyhoho .tokuteiContainer p {
          margin-bottom: 70px; } }
    @media (min-width: 1024px) {
      #tokusyhoho .tokuteiContainer .m-bottom {
        margin-bottom: 35px; } }
    @media (min-width: 1024px) {
      #tokusyhoho .tokuteiContainer .h-bottom {
        margin-bottom: 70px; } }
    #tokusyhoho .tokuteiContainer .p-left {
      padding-left: 30px; }
    #tokusyhoho .tokuteiContainer .ulDisc {
      list-style: disc; }
  #tokusyhoho .agday {
    font-size: 12px;
    text-align: right; }
    @media (min-width: 1024px) {
      #tokusyhoho .agday {
        font-size: 18px; } }

/*-----------------▲▲▲▲▲特定商取引法に基づく表示▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼飲酒の注意点▼▼▼▼▼--------------------*/
#point {
  margin-bottom: 80px;
  color: #333; }
  #point h1 {
    margin: 30px auto;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 11px;
    background-color: #fe651a;
    border-radius: 5px; }
    @media (min-width: 1024px) {
      #point h1 {
        padding: 20px;
        margin: 120px auto 90px;
        font-size: 25px; } }
  #point #noBlock {
    text-align: center;
    padding: 20px 0;
    background-color: #eee;
    margin-bottom: 35px; }
    @media (min-width: 1024px) {
      #point #noBlock {
        padding-bottom: 50px;
        margin-bottom: 50px; } }
    #point #noBlock h2 {
      text-align: center;
      font-size: 40px;
      font-weight: 400;
      color: #333; }
      @media (min-width: 1024px) {
        #point #noBlock h2 {
          font-size: 48px; } }
      #point #noBlock h2 img {
        vertical-align: bottom;
        max-width: 100%;
        height: auto;
        display: inline; }
    #point #noBlock ul {
      display: inline-block;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      list-style-type: none;
      padding: 30px 45px; }
      #point #noBlock ul li {
        box-sizing: border-box;
        text-align: left;
        font-size: 1.8rem; }
        #point #noBlock ul li::before {
          content: "";
          display: inline-block;
          width: 20px;
          height: 20px;
          position: relative;
          top: 2px;
          background-image: url(../images/socializing/icon-no.png);
          background-repeat: no-repeat;
          background-size: contain;
          margin-right: 10px; }
        #point #noBlock ul li:last-child::before {
          background-image: url(../images/socializing/icon-caution.png); }
  #point #linkList {
    text-align: center;
    margin-bottom: 80px; }
    @media (min-width: 1024px) {
      #point #linkList {
        margin-bottom: 107px; } }
    #point #linkList h2 {
      color: #333;
      padding-top: 14px;
      font-size: 20px;
      font-weight: 400;
      padding-bottom: 10px;
      margin-bottom: 12px;
      border-bottom: 1px solid #999; }
      @media (min-width: 1024px) {
        #point #linkList h2 {
          font-size: 24px;
          margin-bottom: 0; } }
    #point #linkList ul {
      padding: 0;
      margin-top: 0; }
      @media (min-width: 1024px) {
        #point #linkList ul {
          width: 80%;
          margin: 0 auto;
          padding-top: 25px; } }
      #point #linkList ul li {
        box-sizing: border-box;
        text-align: left;
        font-size: 16px;
        margin-bottom: 10px;
        list-style-type: disc;
        list-style-position: inside;
        padding-left: 1rem;
        text-indent: -1rem; }
        @media (min-width: 1024px) {
          #point #linkList ul li {
            font-size: 20px;
            padding: 0;
            margin-bottom: 10px;
            list-style: disc; } }
      #point #linkList ul a {
        text-decoration: none;
        color: #333; }
  #point #catch {
    width: 96%;
    box-sizing: border-box;
    font-size: 20px;
    padding: 28px;
    margin: 0 auto 80px;
    border: 3px solid #fe651a;
    text-align: center;
    font-weight: 400; }
    @media (min-width: 1024px) {
      #point #catch {
        width: 80%;
        font-size: 30px;
        padding: 35px;
        margin-bottom: 140px; } }

/*-----------------▲▲▲▲▲飲酒の注意点▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼ご利用ガイド▼▼▼▼▼--------------------*/
#guide {
  font-family: "Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  margin: 0 0 80px; }
  @media (min-width: 1024px) {
    #guide {
      max-width: 745px;
      margin: 0 auto 100px auto; } }
  #guide h1 {
    margin: 34px auto 30px; }
    @media (min-width: 1024px) {
      #guide h1 {
        margin: 70px auto 50px; } }
  #guide p {
    font-size: 16px;
    font-weight: 400; }
  #guide .guideCaution {
    line-height: 1.8;
    margin: 0 0 52px; }
  #guide article h2 {
    background-color: #80440D;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 10ox 0;
    margin: 0 0 30px;
    font-weight: 600;
    align-content: center;
    height: 35px; }
    @media (min-width: 1024px) {
      #guide article h2 {
        font-size: 18px; } }
  #guide article ul {
    margin: 0 0 30px; }
    @media (min-width: 1024px) {
      #guide article ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 0 60px; } }
    #guide article ul li {
      font-size: 16px;
      padding: 10px 0 10px 10px;
      border-bottom: 1px solid #FE651A;
      border-left: 5px solid #FE651A;
      margin: 0 0 10px; }
      @media (min-width: 1024px) {
        #guide article ul li {
          width: 48%; } }
      #guide article ul li a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: #000000; }
  #guide article .support-center {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #FE651A;
    border-left: 5px solid #FE651A;
    margin: 10px 0 80px; }
    @media (min-width: 1024px) {
      #guide article .support-center {
        width: 48%; } }
    #guide article .support-center a {
      text-decoration: none;
      color: #000000; }

/*-----------------▲▲▲▲▲ご利用ガイド▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼ご利用ガイド【下層ページ共通】▼▼▼▼▼--------------------*/
.guideCommon {
  font-size: 16px;
  margin-bottom: 80px;
  /* guide01 */
  /* guide04 */
  /* guide05 */
  /* guide07 */ }
  .guideCommon .guideSubContainer {
    margin-bottom: 45px; }
  @media (min-width: 1024px) {
    .guideCommon {
      max-width: 1000px;
      margin: 0 auto 100px; } }
  @media (min-width: 1024px) {
    .guideCommon h1 {
      margin: 70px auto 50px;
      text-align: center;
      font-size: 20px; } }
  .guideCommon h2 {
    font-size: 16px;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #FE651A;
    border-left: 5px solid #FE651A;
    margin: 0 0 20px; }
  .guideCommon p {
    line-height: 1.8; }
  .guideCommon ol {
    padding-left: 30px; }
    @media (min-width: 1024px) {
      .guideCommon ol {
        margin-top: 0; } }
  .guideCommon .registBottom {
    width: 200px;
    height: 50px;
    font-weight: 600;
    margin: 24px auto;
    border-radius: 25px;
    background-image: linear-gradient(90deg, #ffdd55, #fe651a); }
    .guideCommon .registBottom a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #fff;
      text-decoration: none; }
      .guideCommon .registBottom a span::after {
        content: "\25B6"; }
    @media (min-width: 1024px) {
      .guideCommon .registBottom {
        margin: 25px 0 25px auto; } }
  .guideCommon .subPageAnchor::before {
    content: "\0bb"; }
  .guideCommon .textRight {
    text-align: right; }
    @media (min-width: 1024px) {
      .guideCommon .textRight {
        text-align: inherit; } }
  .guideCommon .guideCaution {
    color: #D91215;
    margin-bottom: 50px; }
  .guideCommon .guideBox01 {
    padding-left: 15px; }
    @media (min-width: 1024px) {
      .guideCommon .guideBox01 {
        padding-left: 40px; } }
    .guideCommon .guideBox01 p {
      margin-bottom: 15px; }
  .guideCommon h3 {
    font-size: 16px;
    margin-top: 25px; }
  .guideCommon .textBlock {
    margin: 50px 0; }

#guide09 p {
  margin-bottom: 15px; }

/*-----------------▲▲▲▲▲ご利用ガイド【下層ページ共通】▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼下層ページMV▼▼▼▼▼--------------------*/
#headline-mv {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 80px; }
  @media (min-width: 1024px) {
    #headline-mv {
      width: 100%;
      margin: 0 auto 100px; } }
  #headline-mv h1 {
    font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 ProN","ヒラギノ明朝 Pro","Yu Mincho","游明朝","MS PMincho",serif;
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 786 / 500;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    margin-bottom: 40px; }
    @media (min-width: 1024px) {
      #headline-mv h1 {
        aspect-ratio: 3024 / 500;
        margin-bottom: 60px; } }

.subscription-headline h1 {
  background-image: url(../images/article/subscription/mv-subscription-sp.jpg); }
  @media (min-width: 1024px) {
    .subscription-headline h1 {
      background-image: url(../images/article/subscription/mv-subscription-pc.jpg); } }

.list-bar-headline h1 {
  background-image: url(../images/article/list-bar/mv-bar-sp.jpg); }
  @media (min-width: 1024px) {
    .list-bar-headline h1 {
      background-image: url(../images/article/list-bar/mv-bar-pc.jpg); } }

.about-headline h1 {
  background-image: url(../images/about/mv-about-sp.jpg); }
  @media (min-width: 1024px) {
    .about-headline h1 {
      background-image: url(../images/about/mv-about-pc.jpg); } }

/*-----------------▲▲▲▲▲下層ページMV▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼BAR向け定期購入▼▼▼▼▼--------------------*/
#subscription {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 80px; }
  @media (min-width: 1024px) {
    #subscription {
      max-width: 1000px;
      width: 100%;
      margin: 0 auto 100px; } }
  #subscription h2 {
    background-color: #80440D;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    align-content: center;
    height: 35px;
    margin-bottom: 28px; }
    @media (min-width: 1024px) {
      #subscription h2 {
        font-size: 18px;
        height: 45px;
        margin-bottom: 30px; } }
  #subscription .contactBtn {
    width: 250px;
    height: 54px;
    font-weight: 600;
    margin: 24px auto;
    border-radius: 25px;
    background-image: linear-gradient(90deg, #ffdd55, #fe651a); }
    #subscription .contactBtn a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #fff;
      text-decoration: none; }
      #subscription .contactBtn a::after {
        content: "\25B6"; }
  #subscription .subscription-box, #subscription #subscription-faq {
    margin-bottom: 45px; }
    @media (min-width: 1024px) {
      #subscription .subscription-box, #subscription #subscription-faq {
        margin-bottom: 60px; } }
    #subscription .subscription-box p, #subscription #subscription-faq p {
      margin-bottom: 30px; }
      @media (min-width: 1024px) {
        #subscription .subscription-box p, #subscription #subscription-faq p {
          margin-bottom: 50px; } }
  #subscription .subscription-box02 h3 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin: 30px 0; }
    @media (min-width: 1024px) {
      #subscription .subscription-box02 h3 {
        margin-bottom: 45px; } }
  #subscription .subscription-box02 ol {
    padding-left: 0;
    list-style: none; }
    #subscription .subscription-box02 ol h4 {
      color: #FE651A;
      font-size: 20px;
      border-bottom: 1px solid #FE651A;
      padding: 0 0 0 10px;
      margin-bottom: 22px; }
      #subscription .subscription-box02 ol h4 span {
        font-size: 30px;
        padding-right: 10px; }
        @media (min-width: 1024px) {
          #subscription .subscription-box02 ol h4 span {
            padding-right: 20px; } }
    @media (min-width: 1024px) {
      #subscription .subscription-box02 ol .merit-box {
        display: flex; } }
    #subscription .subscription-box02 ol .merit-box .box-left {
      flex: 1; }
    #subscription .subscription-box02 ol .merit-box .box-right img {
      width: 100%;
      height: auto;
      display: block; }
    @media (min-width: 1024px) {
      #subscription .subscription-box02 ol .merit-box .box-right {
        width: 246px;
        margin-left: 37px;
        flex-shrink: 0; } }
  #subscription #subscription-faq .cp_qa {
    border: solid #6c6c6c;
    border-width: 1px 1px 0 1px; }
    @media (min-width: 1024px) {
      #subscription #subscription-faq .cp_qa {
        width: 746px;
        margin: 0 auto; } }
    #subscription #subscription-faq .cp_qa * {
      box-sizing: border-box; }
    #subscription #subscription-faq .cp_qa .cp_actab {
      position: relative;
      overflow: hidden;
      width: 100%;
      margin-bottom: 1px;
      color: #1b2538; }
      #subscription #subscription-faq .cp_qa .cp_actab input {
        position: absolute;
        opacity: 0; }
      #subscription #subscription-faq .cp_qa .cp_actab label {
        line-height: 1.6;
        position: relative;
        display: block;
        margin: 0;
        padding: 1em 2em 1em 1em;
        cursor: pointer;
        border-bottom: 1px solid #6c6c6c; }
        #subscription #subscription-faq .cp_qa .cp_actab label::after {
          content: '▼';
          line-height: 1.6;
          position: absolute;
          top: 50%;
          right: 0;
          display: block;
          width: 3em;
          margin-top: -12.5px;
          transition: all 0.5s ease;
          text-align: center; }
        @media (min-width: 1024px) {
          #subscription #subscription-faq .cp_qa .cp_actab label {
            padding: 1.2em 3em 1.2em 1.2em; }
            #subscription #subscription-faq .cp_qa .cp_actab label::after {
              width: 2em; } }
      #subscription #subscription-faq .cp_qa .cp_actab input:checked + label {
        color: #fe651a; }
        #subscription #subscription-faq .cp_qa .cp_actab input:checked + label::after {
          transform: rotateX(180deg); }
      #subscription #subscription-faq .cp_qa .cp_actab .cp_actab-content {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease;
        background-color: #ffe3d2;
        font-weight: 500;
        color: #000;
        border-bottom: 1px solid #6c6c6c; }
        #subscription #subscription-faq .cp_qa .cp_actab .cp_actab-content p {
          margin: 1em; }
        @media (min-width: 1024px) {
          #subscription #subscription-faq .cp_qa .cp_actab .cp_actab-content {
            background-color: #ffe3d2; } }
      #subscription #subscription-faq .cp_qa .cp_actab input:checked ~ .cp_actab-content {
        max-height: 40em; }
  #subscription .subscription-container03 h2 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-align: left;
    background-color: #fff;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-bottom: 24px;
    justify-content: flex-start; }
    @media (min-width: 1024px) {
      #subscription .subscription-container03 h2 {
        padding-bottom: 14px;
        margin-bottom: 26px; } }
  @media (min-width: 1024px) {
    #subscription .subscription-container03 p {
      margin-bottom: 68px; } }

/*-----------------▲▲▲▲▲BAR向け定期購入▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼記事一覧▼▼▼▼▼--------------------*/
@media (min-width: 1024px) {
  #article-list {
    max-width: 1000px;
    margin: 0 auto; } }
#article-list h1 {
  margin: 30px auto 20px;
  text-align: center; }
  @media (min-width: 1024px) {
    #article-list h1 {
      font-size: 25px;
      margin: 70px auto 40px; } }
@media (min-width: 1024px) {
  #article-list ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 95px; } }
#article-list ul li {
  width: 90%;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    #article-list ul li {
      width: 32%; } }
  #article-list ul li img {
    width: 100%; }
    @media (min-width: 1024px) {
      #article-list ul li img {
        height: 215px; } }
  #article-list ul li a {
    text-decoration: none; }
    #article-list ul li a h2 {
      font-size: 16px;
      font-weight: bold;
      margin: 10px 0 50px; }
      #article-list ul li a h2 span {
        display: block;
        color: #fff;
        padding: 2px 6px;
        font-size: 12px; }
      #article-list ul li a h2 .report-tag {
        background-color: #80440D;
        width: 60px; }
      #article-list ul li a h2 .event-tag {
        background-color: #FE651A;
        width: 60px; }
      #article-list ul li a h2 .distillery-tag {
        background-color: #C42F2F;
        width: 50px; }
      #article-list ul li a h2 .bar-tag {
        background-color: #FBBC04;
        width: 40px; }

/*-----------------▲▲▲▲▲記事一覧▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼記事ページ▼▼▼▼▼--------------------*/
.article-page {
  padding: 0 15px; }
  @media (min-width: 1024px) {
    .article-page {
      max-width: 745px;
      margin: 0 auto; }
      .article-page .pc-none {
        display: none; } }
  .article-page h1 {
    color: #fff;
    background-color: #80440D;
    padding: 10px;
    font-size: 16px;
    margin: 30px auto 20px; }
    @media (min-width: 1024px) {
      .article-page h1 {
        text-align: center; } }
  .article-page p {
    font-size: 16px;
    margin-bottom: 20px; }
  .article-page h2 {
    margin-bottom: 20px; }
  .article-page figure {
    max-width: 600px;
    margin: 0 auto; }
    .article-page figure img {
      margin: 0 auto; }
    .article-page figure figcaption {
      text-align: center;
      margin: 5px auto 15px; }
  .article-page .intro-yamaoka {
    width: 90%;
    margin: 50px auto;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    border: 3px solid #eee; }
    @media (min-width: 1024px) {
      .article-page .intro-yamaoka {
        width: 80%;
        margin: 0 auto;
        padding: 20px;
        display: flex;
        justify-content: space-between; } }
    .article-page .intro-yamaoka h2 {
      font-weight: 400;
      font-size: 16px;
      border: none;
      margin-bottom: 10px;
      padding: 15px 0 0; }
      @media (min-width: 1024px) {
        .article-page .intro-yamaoka h2 {
          padding: 0; } }
    .article-page .intro-yamaoka div {
      font-size: 16px;
      margin-bottom: 0; }
      @media (min-width: 1024px) {
        .article-page .intro-yamaoka div {
          width: calc((100% - 10px) / 2); } }
    .article-page .intro-yamaoka p::after {
      background-image: none; }
  .article-page .date-teat {
    text-align: right;
    font-size: 16px;
    margin: 50px auto; }
  @media (min-width: 1024px) {
    .article-page div {
      margin-bottom: 60px; } }
  .article-page article {
    margin-bottom: 80px; }
    @media (min-width: 1024px) {
      .article-page article {
        margin-bottom: 100px; } }
    .article-page article h2 {
      border-bottom: 1px solid #FE651A;
      border-left: 5px solid #FE651A;
      padding: 5px 10px; }
    .article-page article li {
      font-size: 16px; }
      .article-page article li a {
        text-decoration: none;
        color: #333; }
  @media (min-width: 1024px) {
    .article-page .flex-img {
      display: flex;
      justify-content: space-between; } }
  .article-page .flex-img li {
    height: 280px; }
    @media (min-width: 1024px) {
      .article-page .flex-img li {
        width: 49%; } }
    .article-page .flex-img li img {
      display: block;
      width: 100%;
      height: 260px;
      object-fit: cover; }
  .article-page #shoplink {
    margin: 20px auto 50px; }
    @media (min-width: 1024px) {
      .article-page #shoplink {
        display: flex;
        justify-content: space-between; } }
    @media (min-width: 1024px) {
      .article-page #shoplink .shoplink_photo img {
        height: 300px; } }
    .article-page #shoplink .shoplink_r {
      font-size: 16px; }
      .article-page #shoplink .shoplink_r h3 {
        font-weight: bold;
        margin: 10px auto; }
      .article-page #shoplink .shoplink_r .shoplink_btn_wapper {
        text-align: center;
        align-items: center; }
        .article-page #shoplink .shoplink_r .shoplink_btn_wapper .shoplink_bth {
          width: 100%;
          margin: 20px auto;
          background-color: #365e3b;
          box-sizing: border-box;
          align-items: center; }
          .article-page #shoplink .shoplink_r .shoplink_btn_wapper .shoplink_bth a {
            text-decoration: none;
            color: #fff;
            display: block;
            padding: 5% 15%;
            text-align: center; }
            .article-page #shoplink .shoplink_r .shoplink_btn_wapper .shoplink_bth a::after {
              content: "";
              display: inline-block;
              width: 14px;
              height: 14px;
              background-image: url(../images/socializing/icon-link-white.png);
              background-repeat: no-repeat;
              background-size: contain; }
  @media (min-width: 1024px) {
    .article-page .flex-con4 .flex-img {
      display: flex;
      justify-content: space-between; } }
  .article-page .flex-con4 .flex-img li {
    height: 340px; }
    @media (min-width: 1024px) {
      .article-page .flex-con4 .flex-img li {
        width: 24%; } }
    .article-page .flex-con4 .flex-img li img {
      display: block;
      width: 100%;
      height: 280px;
      object-fit: cover; }

/*-----------------▲▲▲▲▲記事ページ▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼WHISKY MEWのボトルが飲めるBAR▼▼▼▼▼--------------------*/
html {
  scroll-behavior: smooth; }

#list-bar {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 80px; }
  @media (min-width: 1024px) {
    #list-bar {
      max-width: 1000px;
      width: 100%;
      margin: 0 auto 100px; } }
  #list-bar .top-text {
    margin-bottom: 52px;
    line-height: 1.8; }
    @media (min-width: 1024px) {
      #list-bar .top-text {
        text-align: center;
        margin-bottom: 61px;
        line-height: 2; } }
    #list-bar .top-text .pc-break {
      display: none; }
      @media (min-width: 1024px) {
        #list-bar .top-text .pc-break {
          display: block; } }
  #list-bar .map-section {
    text-align: center; }
    #list-bar .map-section h2 {
      background-color: #80440D;
      font-size: 16px;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 500;
      align-content: center;
      height: 35px;
      margin-bottom: 28px; }
      @media (min-width: 1024px) {
        #list-bar .map-section h2 {
          font-size: 18px;
          height: 45px;
          margin-bottom: 30px; } }
    #list-bar .map-section .map-container {
      position: relative;
      max-width: 360px;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        #list-bar .map-section .map-container {
          max-width: 700px; } }
      #list-bar .map-section .map-container img {
        width: 100%;
        height: auto; }
      #list-bar .map-section .map-container .pref {
        position: absolute;
        background: #f47a20;
        color: #fff;
        padding: 6px 12px;
        border-radius: 4px;
        font-size: 14px;
        text-decoration: none;
        transition: background 0.3s; }
        @media (min-width: 1024px) {
          #list-bar .map-section .map-container .pref {
            font-size: 24px;
            padding: 6px 20px; }
            #list-bar .map-section .map-container .pref:hover {
              background: #d65e00; } }
      #list-bar .map-section .map-container .hokkaido {
        top: 0;
        left: 80%; }
      #list-bar .map-section .map-container .saitama {
        top: 20%;
        left: 84%;
        display: none; }
      #list-bar .map-section .map-container .ibaraki {
        top: 33%;
        left: 84%; }
      #list-bar .map-section .map-container .chiba {
        top: 46%;
        left: 84%; }
      #list-bar .map-section .map-container .tokyo {
        top: 59%;
        left: 84%; }
      #list-bar .map-section .map-container .nagano {
        top: 12%;
        left: 35%; }
      #list-bar .map-section .map-container .shizuoka {
        top: 25%;
        left: 35%; }
      #list-bar .map-section .map-container .aichi {
        top: 38%;
        left: 35%; }
      #list-bar .map-section .map-container .kyoto {
        top: 59%;
        left: 65%; }
      #list-bar .map-section .map-container .osaka {
        top: 72%;
        left: 65%; }
      #list-bar .map-section .map-container .nara {
        top: 85%;
        left: 65%; }
      #list-bar .map-section .map-container .tottori {
        top: 26%;
        left: 13%; }
      #list-bar .map-section .map-container .hiroshima {
        top: 39%;
        left: 13%; }
      #list-bar .map-section .map-container .kochi {
        top: 52%;
        left: 13%; }
      #list-bar .map-section .map-container .fukuoka {
        top: 68%;
        left: 0; }
      #list-bar .map-section .map-container .kagoshima {
        top: 81%;
        left: 0; }
  @media (min-width: 1024px) {
    #list-bar .barlist {
      max-width: 746px;
      margin: 0 auto; } }
  #list-bar .barlist h3 {
    padding: 8px 0 10px 9px;
    border-bottom: 1px solid #FE651A;
    border-left: 5px solid #FE651A;
    margin: 0 0 20px; }
  #list-bar .barlist ul {
    margin: 0 0 30px; }
    #list-bar .barlist ul li {
      display: flex;
      justify-content: space-between;
      margin: 0 0 20px; }
      #list-bar .barlist ul li dl {
        padding: 0 0 0 15px;
        flex: 1; }
      #list-bar .barlist ul li p {
        width: 50px;
        margin-left: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
        #list-bar .barlist ul li p img {
          width: 100%; }
        @media (min-width: 1024px) {
          #list-bar .barlist ul li p {
            width: 60px; } }
      #list-bar .barlist ul li .sns-box {
        display: flex;
        width: 100px; }

/*-----------------▲▲▲▲▲WHISKY MEWのボトルが飲めるBAR▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼WHISKY MEWについて▼▼▼▼▼--------------------*/
@media (min-width: 1024px) {
  #headline-mv .about-h1 {
    margin: 0; } }

.about-headline {
  font-family: "Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
  .about-headline .about-block01 {
    padding: 0 0 50px; }
    @media (min-width: 1024px) {
      .about-headline .about-block01 {
        width: 100%;
        padding: 110px 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        aspect-ratio: 3024 / 500;
        background-image: url(../images/about/about-back.jpg); } }
    @media (min-width: 1024px) {
      .about-headline .about-block01 div {
        max-width: 1000px;
        margin: 0 auto; } }
    .about-headline .about-block01 div p {
      line-height: 2;
      width: 80%;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .about-headline .about-block01 div p {
          max-width: 740px;
          padding: 50px;
          margin: 0 0 0 auto;
          background: rgba(255, 255, 255, 0.8); } }
  .about-headline .about-block02 {
    background-color: #000;
    padding: 50px 8px;
    color: #fff; }
    @media (min-width: 1024px) {
      .about-headline .about-block02 {
        padding: 80px 0; } }
    .about-headline .about-block02 .about-box-1 {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto auto;
      grid-template-areas: "img name" "text text";
      gap: 1rem;
      align-items: center; }
      @media (min-width: 1024px) {
        .about-headline .about-block02 .about-box-1 {
          max-width: 1000px;
          margin: 0 auto;
          grid-template-columns: 240px 1fr;
          grid-template-rows: auto;
          grid-template-areas: "img name" "img text";
          column-gap: 2rem;
          align-items: start; } }
      .about-headline .about-block02 .about-box-1 .grid-box:nth-child(1) {
        grid-area: img; }
        .about-headline .about-block02 .about-box-1 .grid-box:nth-child(1) img {
          width: 100%;
          height: auto;
          border-radius: 6px; }
          @media (min-width: 1024px) {
            .about-headline .about-block02 .about-box-1 .grid-box:nth-child(1) img {
              width: 240px;
              height: 250px;
              object-fit: cover; } }
      .about-headline .about-block02 .about-box-1 .grid-box:nth-child(2) {
        grid-area: name; }
      .about-headline .about-block02 .about-box-1 .grid-box:nth-child(3) {
        grid-area: text; }
      .about-headline .about-block02 .about-box-1 h2 {
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
        padding-left: 10px;
        font-weight: 400; }
        @media (min-width: 1024px) {
          .about-headline .about-block02 .about-box-1 h2 .pc-none {
            display: none; } }
        @media (min-width: 1024px) {
          .about-headline .about-block02 .about-box-1 h2 {
            font-size: 25px;
            padding-left: 40px; } }
        .about-headline .about-block02 .about-box-1 h2 span {
          font-size: 25px;
          display: block;
          font-weight: 400;
          margin: 18px 0 0; }
          @media (min-width: 1024px) {
            .about-headline .about-block02 .about-box-1 h2 span {
              font-size: 25px;
              display: inline;
              margin-left: 1rem; } }
      .about-headline .about-block02 .about-box-1 p {
        font-size: 16px;
        line-height: 2;
        margin: 15px 0 0; }
        @media (min-width: 1024px) {
          .about-headline .about-block02 .about-box-1 p {
            font-size: 16px;
            line-height: 1.8;
            padding-left: 40px;
            margin: 10px 0 0; } }
    .about-headline .about-block02 .about-box-1 {
      margin: 0 0 30px;
      padding: 0 13px; }
      @media (min-width: 1024px) {
        .about-headline .about-block02 .about-box-1 {
          margin: 0 auto 70px auto;
          padding: 0; } }
    @media (min-width: 1024px) {
      .about-headline .about-block02 .about-box-2 {
        max-width: 1000px;
        margin: 0 auto; } }
    .about-headline .about-block02 .about-box-2 h3 {
      background-color: #80440D;
      font-size: 16px;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 400;
      align-content: center;
      height: 35px;
      margin-bottom: 10px; }
      @media (min-width: 1024px) {
        .about-headline .about-block02 .about-box-2 h3 {
          height: 49px;
          margin-bottom: 21px; } }
    .about-headline .about-block02 .about-box-2 ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 10px; }
      @media (min-width: 1024px) {
        .about-headline .about-block02 .about-box-2 ul {
          gap: 25px; } }
      .about-headline .about-block02 .about-box-2 ul li {
        width: calc(50% - 5px);
        border: 2px solid #FE651A;
        text-align: center;
        padding: 15px 0; }
        @media (min-width: 1024px) {
          .about-headline .about-block02 .about-box-2 ul li {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            width: calc(50% - 12.5px);
            padding: 20px 0; } }
        .about-headline .about-block02 .about-box-2 ul li > div:nth-child(1) {
          text-align: center;
          margin-bottom: 12px; }
          @media (min-width: 1024px) {
            .about-headline .about-block02 .about-box-2 ul li > div:nth-child(1) {
              width: 36%;
              margin-bottom: 0; } }
          .about-headline .about-block02 .about-box-2 ul li > div:nth-child(1) img {
            display: block;
            margin: 0 auto;
            width: 90px; }
            @media (min-width: 1024px) {
              .about-headline .about-block02 .about-box-2 ul li > div:nth-child(1) img {
                width: 100px; } }
        .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) {
          text-align: center; }
          @media (min-width: 1024px) {
            .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) {
              width: 64%; } }
          .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) p {
            margin: 0 0 8px;
            font-size: 11px; }
            @media (min-width: 1024px) {
              .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) p {
                font-size: 16px;
                margin: 0 0 16px; } }
          .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) a {
            display: block;
            width: 100%;
            height: 22px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #FE651A;
            color: #fff;
            font-size: 12px;
            text-decoration: none; }
            @media (min-width: 1024px) {
              .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) a {
                width: 182px;
                height: 35px;
                font-size: 14px;
                margin: 0 auto; } }
            .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) a::after {
              content: "\25B6";
              font-size: 8px;
              margin-left: 5px;
              display: block;
              padding: 2px 0 0; }
            .about-headline .about-block02 .about-box-2 ul li > div:nth-child(2) a:hover {
              background: #d65e00; }
  .about-headline .about-block03 {
    padding: 40px 0 0; }
    @media (min-width: 1024px) {
      .about-headline .about-block03 {
        width: 1000px;
        padding: 14px 0 48px;
        margin: 0 auto; } }
    .about-headline .about-block03 h2 {
      font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 ProN","ヒラギノ明朝 Pro","Yu Mincho","游明朝","MS PMincho",serif;
      font-weight: 400;
      font-size: 30px;
      color: #fff;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      aspect-ratio: 2630 / 766;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      margin-bottom: 30px;
      background-image: url(../images/about/about-bnr.jpg); }
      @media (min-width: 1024px) {
        .about-headline .about-block03 h2 {
          font-size: 55px;
          margin-bottom: 58px; } }
    .about-headline .about-block03 p {
      line-height: 2;
      width: 85%;
      margin: 0 auto; }
      @media (min-width: 1024px) {
        .about-headline .about-block03 p {
          width: 100%; } }
    .about-headline .about-block03 p:first-of-type {
      margin-bottom: 50px; }

/*-----------------▲▲▲▲▲WHISKY MEWについて▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼不正転売禁止に関する重要なお知らせ▼▼▼▼▼--------------------*/
#caution-resale {
  font-family: "Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  padding: 30px 15px 80px 15px; }
  @media (min-width: 1024px) {
    #caution-resale {
      max-width: 745px;
      padding: 60px 0 100px;
      margin: 0 auto; } }
  #caution-resale h1 {
    background-color: #80440D;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    align-content: center;
    height: 35px;
    margin-bottom: 36px; }
    @media (min-width: 1024px) {
      #caution-resale h1 {
        font-size: 20px;
        height: 45px;
        margin-bottom: 42px; } }
  #caution-resale p {
    font-size: 16px;
    margin: 0 0 33px; }
  #caution-resale .caution-headline {
    font-size: 20px;
    color: #ff0000;
    text-align: center;
    width: 165px;
    font-weight: 600;
    padding: 0 0 10px;
    margin: 0 auto 40px auto;
    border-bottom: 3px solid #ff0000; }
  #caution-resale .text-b {
    font-weight: 600; }

/*-----------------▲▲▲▲▲不正転売禁止に関する重要なお知らせ▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼Spongeについて▼▼▼▼▼--------------------*/
#whiskySponge {
  margin: 0 0 80px; }
  #whiskySponge h1 {
    width: 100%;
    margin: 50px 0 45px; }
    @media (min-width: 1024px) {
      #whiskySponge h1 {
        width: 744px;
        height: 268px;
        margin: 60px auto; } }
    #whiskySponge h1 img {
      width: 100%; }
  #whiskySponge .whiskySponge-wrapp {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box; }
    @media (min-width: 1024px) {
      #whiskySponge .whiskySponge-wrapp {
        width: 744px;
        margin: 0 auto; } }
  #whiskySponge .text01 {
    font-size: 16px;
    text-align: center;
    margin: 0 0 10px; }
    @media (min-width: 1024px) {
      #whiskySponge .text01 {
        margin: 0 0 20px; } }
  #whiskySponge .text02 {
    font-size: 20px;
    text-align: center;
    font-weight: 600; }
  #whiskySponge .movie {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 100px;
    margin: 40px auto; }
  #whiskySponge .sp-break {
    display: block; }
    @media (min-width: 1024px) {
      #whiskySponge .sp-break {
        display: none; } }
  #whiskySponge h2 {
    background-color: #80440D;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    align-content: center;
    height: 35px;
    margin: 0 0 25px; }
  #whiskySponge p {
    font-size: 16px;
    margin: 0 0 30px; }
  #whiskySponge p:last-child {
    margin: 0 0 45px; }
    @media (min-width: 1024px) {
      #whiskySponge p:last-child {
        margin: 0 0 60px; } }
  #whiskySponge .ta-r {
    text-align: right; }
  #whiskySponge .sponge-block img {
    width: 100%; }
  #whiskySponge .sponge-block figcaption {
    text-align: center;
    font-size: 12px; }
    @media (min-width: 1024px) {
      #whiskySponge .sponge-block figcaption {
        font-size: 10px; } }
  #whiskySponge .sponge-block .block-left {
    margin: 0 0 40px; }
  @media (min-width: 1024px) {
    #whiskySponge .sponge-block {
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 1024px) {
    #whiskySponge .sponge-block .block-left {
      width: 220px;
      margin-right: 20px;
      flex-shrink: 0; } }
  #whiskySponge .sponge-block .block-left figure {
    margin: 0; }
  @media (min-width: 1024px) {
    #whiskySponge .sponge-block .block-right {
      flex: 1; } }

/*-----------------▲▲▲▲▲Spongeについて▲▲▲▲▲--------------------*/
/*-----------------▼▼▼▼▼ザ・ゴーストシリーズとは▼▼▼▼▼--------------------*/
#the-ghost-series {
  margin: 0 0 80px; }
  #the-ghost-series h1 {
    width: 100%;
    margin: 50px 0 45px; }
    @media (min-width: 1024px) {
      #the-ghost-series h1 {
        width: 744px;
        height: 268px;
        margin: 60px auto; } }
    #the-ghost-series h1 img {
      width: 100%; }
  #the-ghost-series .ghost-wrapp {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box; }
    @media (min-width: 1024px) {
      #the-ghost-series .ghost-wrapp {
        width: 744px;
        margin: 0 auto; } }
  #the-ghost-series h2 {
    background-color: #80440D;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    align-content: center;
    height: 35px;
    margin: 0 0 25px; }
  #the-ghost-series p {
    font-size: 16px;
    margin: 0 0 30px; }
  #the-ghost-series .ta-r {
    text-align: right; }
  #the-ghost-series .ghostTable ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 1.4rem; }
    @media (max-width: 480px) {
      #the-ghost-series .ghostTable ul li {
        display: block; } }
    #the-ghost-series .ghostTable ul li div.top, #the-ghost-series .ghostTable ul li div.middle, #the-ghost-series .ghostTable ul li div.bottom {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      box-sizing: border-box;
      min-height: 3em; }
      #the-ghost-series .ghostTable ul li div.top div, #the-ghost-series .ghostTable ul li div.middle div, #the-ghost-series .ghostTable ul li div.bottom div {
        box-sizing: border-box; }
    #the-ghost-series .ghostTable ul li div.top {
      width: 20%; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.top {
          width: 100%;
          display: flex;
          flex-direction: column;
          border-bottom: 1px solid #d9d9d9;
          background-color: #FE651A;
          color: #fff; } }
    #the-ghost-series .ghostTable ul li div.middle {
      width: 35%;
      display: flex; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.middle {
          width: 100%;
          display: block; } }
    #the-ghost-series .ghostTable ul li div.bottom {
      width: 45%; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.bottom {
          width: 100%;
          display: block; } }
    #the-ghost-series .ghostTable ul li div.th {
      width: 18%;
      border-left: 1px solid #d9d9d9;
      letter-spacing: -0.05em; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.th {
          border: none; } }
    #the-ghost-series .ghostTable ul li div.whisky {
      width: 82%; }
    #the-ghost-series .ghostTable ul li div.type {
      width: 72%; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.type {
          width: 100%;
          justify-content: flex-start; } }
    #the-ghost-series .ghostTable ul li div.frequency {
      width: 16%; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.frequency {
          width: 100%;
          justify-content: flex-start; } }
    #the-ghost-series .ghostTable ul li div.number {
      width: 12%; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.number {
          width: 100%;
          justify-content: flex-start; } }
    #the-ghost-series .ghostTable ul li div.barrelNumber {
      width: 20%; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.barrelNumber {
          width: 100%;
          justify-content: flex-start; } }
    #the-ghost-series .ghostTable ul li div.cask {
      width: 80%; }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.cask {
          width: 100%;
          justify-content: flex-start; } }
      @media (max-width: 480px) {
        #the-ghost-series .ghostTable ul li div.cask span {
          display: inline-block;
          width: 80%;
          padding-left: 1em; } }
  #the-ghost-series .ghostTable ul div.th, #the-ghost-series .ghostTable ul div.whisky, #the-ghost-series .ghostTable ul div.type, #the-ghost-series .ghostTable ul div.frequency, #the-ghost-series .ghostTable ul div.number, #the-ghost-series .ghostTable ul div.barrelNumber, #the-ghost-series .ghostTable ul div.cask {
    border-right: 1px solid #d9d9d9;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    @media (max-width: 480px) {
      #the-ghost-series .ghostTable ul div.th, #the-ghost-series .ghostTable ul div.whisky, #the-ghost-series .ghostTable ul div.type, #the-ghost-series .ghostTable ul div.frequency, #the-ghost-series .ghostTable ul div.number, #the-ghost-series .ghostTable ul div.barrelNumber, #the-ghost-series .ghostTable ul div.cask {
        position: relative;
        border: none; } }
  #the-ghost-series .ghostTable ul div.type::before, #the-ghost-series .ghostTable ul div.frequency::before, #the-ghost-series .ghostTable ul div.number::before, #the-ghost-series .ghostTable ul div.barrelNumber::before, #the-ghost-series .ghostTable ul div.cask::before {
    display: none;
    width: 16%;
    background-color: #f9ddd0;
    align-self: stretch;
    text-align: center; }
    @media (max-width: 480px) {
      #the-ghost-series .ghostTable ul div.type::before, #the-ghost-series .ghostTable ul div.frequency::before, #the-ghost-series .ghostTable ul div.number::before, #the-ghost-series .ghostTable ul div.barrelNumber::before, #the-ghost-series .ghostTable ul div.cask::before {
        display: block;
        margin-right: 1em; } }
  #the-ghost-series .ghostTable ul div.type::before {
    content: "タイプ"; }
  #the-ghost-series .ghostTable ul div.frequency::before {
    content: "度数"; }
  #the-ghost-series .ghostTable ul div.number::before {
    content: "本数"; }
  #the-ghost-series .ghostTable ul div.barrelNumber::before {
    content: "樽番号"; }
  #the-ghost-series .ghostTable ul div.cask::before {
    content: "カスク";
    margin-right: 0; }
  #the-ghost-series .ghostTable ul li.tableHeader {
    background-color: #FE651A !important;
    color: #fff; }
    @media (max-width: 480px) {
      #the-ghost-series .ghostTable ul li.tableHeader {
        display: none; } }
    #the-ghost-series .ghostTable ul li.tableHeader div {
      text-align: center; }
  #the-ghost-series .ghostTable ul li:nth-child(2n+1) {
    background-color: #f9ddd0; }
    @media (max-width: 480px) {
      #the-ghost-series .ghostTable ul li:nth-child(2n+1) {
        background-color: transparent; } }

/*-----------------▲▲▲▲▲Spongeについて▲▲▲▲▲--------------------*/