@charset "UTF-8";
/* Scss Document */
/*2020-0929*/
/* CSS Document */
/*-------------- This CSS file is all elements reset --------------*/
/*==================*/
html {
  color: #000;
  /*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  /*font-family: "メイリオ","KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;*/
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%;
  /* sets the base font to 10px for easier math */ }

body {
  -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, p, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

header, article, footer, article, aside, time, nav {
  display: block;
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #000; }

img {
  vertical-align: bottom;
  max-width: 100%; }

.nonborder {
  border: none;
  outline: none; }

.link:after {
  font-family: "Font Awesome 5 Free";
  font-size: 0.9rem;
  content: '\f35d';
  font-weight: 900;
  display: inline-block;
  margin-left: 0.5rem; }

/*================CLEARFIX================*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
/*================CLEARFIXここまで================*/
/*@import "font";*/
/* CSS Document */
/*==================*/
.fl-l {
  float: left; }

.fl-r {
  float: right; }

.bx-s {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }

.serif {
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif; }

.toTop {
  width: 69px;
  position: fixed;
  right: 20px; }

.bg-orange {
  background-color: #fe651a; }

.red {
  color: #D91215 !important; }

.blue {
  color: #1655C4 !important; }

.black {
  color: #000 !important; }

.stRed {
  color: #D91215 !important;
  font-weight: bold !important; }

.orange {
  color: #fe651a !important; }

.uline {
  text-decoration: underline !important; }

.bold {
  font-weight: bold !important; }

.fs2 {
  font-size: 2.0rem !important; }

.ta-c {
  text-align: center !important; }

.ta-r {
  text-align: right !important; }

.ta-l {
  text-align: left !important; }

.td-u {
  text-decoration: underline; }

.mt-20 {
  margin-top: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-60 {
  margin-bottom: 60px; }

.td-lt {
  text-decoration: line-through; }

.td-ul {
  text-decoration: underline; }

.pep {
  padding-left: 1em; }

.pep span {
  margin-left: -1em; }

.pep2 {
  padding-left: 2em; }

.pep2 span {
  margin-left: -2em; }

.dpbk {
  display: block !important; }

.bb1s0 {
  border-bottom: 1px solid #000; }

.ti-1 {
  text-indent: 1em; }

/*===================================================*/
.outersite:after {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../images/socializing/icon-link.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 10px; }

@media (max-width: 900px) {
  .toTop {
    display: none; } }
@media (max-width: 480px) {
  .toTop {
    display: none; } }
.toTop a {
  width: 80px;
  height: 60px;
  display: block;
  background-color: #fe651a;
  position: relative;
  border-color: #fe651a;
  text-align: center; }

.toTop a:before, .toTop a:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border: 10px solid transparent; }

.toTop a:before {
  bottom: 100%;
  border-bottom-color: inherit; }

.toTop a:after {
  top: 100%;
  border-top-color: inherit; }

@media (min-width: 1025px) {
  .sp {
    display: none; } }
@media (max-width: 900px) {
  .non-sp-landscape {
    display: none; } }
/*▼▼*/
#wrapper {
  width: 100%; }

/*▲#wrapper▲*/
@media (max-width: 480px) {
  header.pc {
    display: none; } }
@media (max-width: 900px) {
  header.pc {
    display: none; } }
#headerTop {
  width: 100%;
  position: fixed;
  z-index: 100;
  display: flex;
  align-items: center;
  background: #000;
  padding: 10px 0;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box; }

@media screen and (min-width: 1421px) {
  #headerTop {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;*/ } }
@media screen and (max-width: 1420px) {
  #headerTop {
    /*display: flex;
    flex-wrap: nowrap;*/ } }
@media (max-width: 480px) {
  #headerTop {
    z-index: 0; } }
#headerTop #headerTopContainer {
  /*max-width: 1024px;*/
  width: 80%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (min-width: 1025px) and (max-width: 1496px) {
  #headerTop #headerTopContainer {
    font-size: 1.6rem; } }
#headerTop #headerTopContainer h1 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-left: 20px; }

@media (min-width: 1025px) and (max-width: 1496px) {
  #headerTop #headerTopContainer h1 {
    margin-left: 20px; } }
#headerTop #headerTopContainer p {
  font-size: 1.8rem;
  font-weight: bold;
  margin-left: 10px; }

#headerTop a {
  color: #fff;
  text-decoration: none; }

/*▲#headerTop▲*/
#accountPart {
  width: 20%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  float: right;
  /*margin: 0 30px 0 60px;*/ }

@media (min-width: 1025px) and (max-width: 1496px) {
  #accountPart {
    margin: 0; } }
#accountPart ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (min-width: 1025px) and (max-width: 1645px) {
  #accountPart ul {
    display: block; } }
#accountPart ul li {
  margin-right: 24px; }

#accountPart ul li a {
  display: flex;
  top: 0;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 22px;
  height: 22px;
  vertical-align: middle; }

#accountPart ul li a:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 22px;
  margin-right: 5px; }

#accountPart ul li a:hover {
  color: #fe651a; }

#accountPart ul li.login a:before {
  background-image: url("../images/common/header-icon-login.png");
  background-repeat: no-repeat; }

#accountPart ul li.mypage-my a:before {
  background-image: url("../images/common/header-icon-mypage.png");
  background-repeat: no-repeat; }

#accountPart ul li.cart a:before {
  background-image: url("../images/common/header-icon-cart.png");
  background-repeat: no-repeat; }

/*▲#accountPart▲*/
#usercontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 1.3rem;
  font-weight: bold;
  margin-right: 30px; }

#usercontainer p, #usercontainer div {
  margin-right: 12px; }

/*▲#userContainer▲*/
#headerMiddle {
  width: 100%;
  /* padding-top: 50px;*/
  padding: 20px 0 30px;
  margin: 0 auto;
  position: relative; }

/*@media (min-width: 1025px) and (max-width: 1496px) {
    #headerMiddle {
        padding: 50px 0 30px;
    }
}*/
@media (min-width: 1312px) and (max-width: 1810px) {
  #headerMiddle {
    padding: 50px 0 30px; } }
@media (min-width: 1025px) and (max-width: 1311px) {
  #headerMiddle {
    padding: 80px 0 30px; } }
@media (max-width: 480px) {
  #headerMiddle {
    width: 80%;
    margin: 0 auto; }

  #headerMiddle img {
    width: 100%; } }
#headerMiddle p {
  width: 374px;
  height: 51px;
  margin: 50px auto 0; }

@media (max-width: 480px) {
  #headerMiddle p {
    width: 100%; } }
/*▲#headerMiddle▲*/
#headerBottom {
  width: 100%;
  background: #000; }

#headerBottom #headerNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

#headerBottom #headerNav ul {
  /* width: 740px;*/
  margin: 0 auto;
  /*width: 100%;*/
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 10px 40px 10px 0; }

#headerBottom #headerNav ul li {
  border-right: 1px solid #666;
  padding: 0 18px; }

#headerBottom #headerNav ul li:last-child {
  border-right: none; }

#headerBottom #headerNav ul li a {
  text-decoration: none;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: bold; }

#headerBottom #headerNav ul li a:hover {
  color: #fe651a; }

/*spMenu*/
#spHeader {
  padding: 10px; }

@media (min-width: 1025px) {
  #spHeader {
    display: none; } }
@media screen and (max-width: 1420px) and (min-width: 1025px) {
  #spHeader {
    display: none; } }
#spHeader h1 {
  width: 100%;
  color: #fe651a;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 20px; }

#spHeader .spHeaderInner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }

#spHeader .spHeaderInner .spMenu {
  width: 10%; }

#spHeader .spHeaderInner #headerMiddleSp {
  width: 70%; }

#spHeader .spHeaderInner #headerMiddleSp img {
  width: 100%; }

#spHeader .spHeaderInner #spCart {
  width: 10%; }

p.spmessage {
  font-size: 1.4rem;
  color: #fff;
  background-color: #fe651a;
  box-sizing: border-box;
  padding: 10px; }

@media (min-width: 1025px) {
  p.spmessage {
    display: none; } }
.nav-drawer {
  position: relative; }

.nav-unshown {
  display: none; }

.nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle; }

.nav-open span, .nav-open span:before, .nav-open span:after {
  position: absolute;
  height: 3px;
  /*線の太さ*/
  width: 25px;
  /*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer; }

.nav-open span:before {
  bottom: -8px; }

.nav-open span:after {
  bottom: -16px; }

.nav-close {
  width: 10%;
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  width: 10%;
  padding: 10px;
  opacity: 0;
  transition: .3s ease-in-out;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  width: 15%;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 5px;
  background-color: #000;
  margin: 10px; }

.nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.9;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

#nav-input:checked ~ .nav-close {
  display: block;
  opacity: 1; }

#nav-input:checked ~ .nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

#nav-input2:checked ~ .nav-close {
  display: block;
  opacity: 1; }

#nav-input2:checked ~ .nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.spNav01 a, .spNav02 a {
  color: #fff;
  text-decoration: none; }

.spNav01 {
  width: 90%; }

.spNav01 ul li {
  list-style: none;
  font-size: 2.0rem;
  border-bottom: 1px solid #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.spNav01 ul li:first-child {
  border-top: 1px solid #fff; }

.spNav01 ul li a {
  width: 100%;
  display: block;
  padding: 16px 0;
  background-image: url("../images/common/arrow-spNav.png");
  background-repeat: no-repeat;
  background-position: right center; }

.spNav01 ul li a:after {
  width: 13px;
  height: 13px;
  content: "";
  background-image: url("../images/common/arrow-spNav.png");
  background-repeat: no-repeat; }

.home a:before {
  display: inline-block;
  width: 32px;
  height: 25px;
  content: "";
  background-image: url("../images/common/icon-home.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 14px;
  position: relative;
  top: 4px; }

.mypage-my a:before {
  display: inline-block;
  width: 32px;
  height: 22px;
  content: "";
  background-image: url("../images/common/header-icon-mypage.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 20px; }

.cart a:before {
  display: inline-block;
  width: 32px;
  height: 22px;
  content: "";
  background-image: url("../images/common/header-icon-cart.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 20px; }

.spNav03 {
  width: 90%; }

.spNav03 ul li {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  padding: 20px; }

.spNav03 ul li a {
  color: #fff;
  font-size: 1.8rem;
  text-decoration: none; }

.spNav02 {
  width: 90%; }

.spNav02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.spNav02 ul li {
  width: 33%;
  text-align: center;
  border-right: 1px solid #fff; }

.spNav02 ul li:last-child {
  border-right: none; }

.spNav02 ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1.4rem; }

/*1111*/
header {
  background: #fff;
  position: relative;
  width: 100%;
  z-index: 99;
  box-sizing: border-box; }

.fixed {
  position: fixed;
  top: 0;
  left: 0; }

.fixed .g-nav-menu li {
  line-height: 40px; }

@media (max-width: 1024px) {
  #pch {
    display: none; } }
@media (max-width: 900px) {
  #pch {
    display: none; } }
@media (max-width: 480px) {
  #pch {
    display: none; } }
/*▲spMenu▲*/
/*==========================================▲#headerBottom▲*/
#mainVisual {
  width: 100%;
  padding: 40px 0 10px;
  background-color: #eee; }

@media (max-width: 1024px) {
  .sp-image-container a img {
    max-width: 100% !important;
    margin-left: 0 !important; } }
/*==========================================▲#mainVisual▲*/
#topMessage {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 60px 10px 0;
  margin-bottom: -30px; }

@media (max-width: 480px) {
  #topMessage {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 10px 0;
    margin-bottom: -30px; } }
#topMessage ul {
  max-width: 100%;
  padding: 20px 20px 20px 30px;
  border: 2px solid #fe651a;
  border-radius: 10px; }

#topMessage ul li {
  /*list-style-type: disc;*/ }

#topMessage ul li p {
  font-size: 3.0rem;
  font-weight: bold; }

@media (max-width: 480px) {
  #topMessage ul li p {
    font-size: 2.0rem; } }
/*==========================================▲#topMessage▲*/
#future {
  width: 100%;
  padding: 90px 0;
  /* LOADER */
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }

@media (max-width: 480px) {
  #future {
    width: 100%;
    padding: 60px 0; } }
#future #futureInner {
  /*max-width: 1500px;*/
  max-width: 1120px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  #future #futureInner {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 1024px) {
  #future #futureInner {
    max-width: 100%; } }
@media (max-width: 900px) {
  #future #futureInner {
    max-width: 100%; } }
@media (max-width: 480px) {
  #future #futureInner {
    max-width: 100%; } }
#future #futureInner ul li {
  width: 360px !important;
  float: left;
  margin-right: 20px; }

@media (max-width: 480px) {
  #future #futureInner ul li {
    margin-right: 0; } }
@media (max-width: 480px) {
  #future #futureInner ul dl {
    width: 96%;
    margin: 0 auto; } }
#future #futureInner ul dt {
  margin-bottom: 14px; }

#future #futureInner ul dd {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.6em; }

@media (max-width: 480px) {
  #future #futureInner ul dd {
    width: 96%;
    margin: 0 auto;
    text-decoration: none !important;
    color: #333 !important; } }
#future #futureInner ul dd.futureTitle {
  font-size: 1.4rem;
  font-weight: bold; }

#future #futureInner ul img {
  width: 100%;
  height: auto; }

#future #futureInner ul a {
  text-decoration: none !important;
  color: #333 !important; }

#future .bx-wrapper {
  max-width: 1500px !important; }

#future .bx-wrapper .bx-pager, #future .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

#future .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

#future .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

@media (max-width: 1024px) {
  #future .sp .bx-pager {
    display: none; } }
#future .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#future .bx-wrapper .bx-pager.bx-default-pager a:hover, #future .bx-wrapper .bx-pager.bx-default-pager a.active, #future .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fe651a; }

#future .bx-wrapper .bx-pager-item, #future .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline; }

#future .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

#future .bx-wrapper .bx-prev {
  left: -70px;
  background-image: url("../images/top/arrow-prev.png");
  background-repeat: no-repeat; }

#future .bx-wrapper .bx-prev:hover, #future .bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

#future .bx-wrapper .bx-next {
  right: -70px;
  background-image: url("../images/top/arrow-next.png");
  background-repeat: no-repeat; }

#future .bx-wrapper .bx-next:hover, #future .bx-wrapper .bx-next:focus {
  /*background-position: -43px 0*/ }

@media (min-width: 1025px) and (max-width: 1645px) {
  #future .bx-controls-direction {
    display: none; } }
@media (max-width: 1024px) {
  #future .bx-controls-direction {
    display: none; } }
@media (max-width: 900px) {
  #future .bx-controls-direction {
    display: none; } }
@media (max-width: 480px) {
  #future .bx-controls-direction {
    display: none; } }
#future .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 25px;
  height: 60px;
  text-indent: -9999px;
  z-index: 9999; }

#future .bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

#future .bx-wrapper .bx-controls-auto {
  text-align: center; }

#future .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

#future .bx-wrapper .bx-controls-auto .bx-start:hover, #future .bx-wrapper .bx-controls-auto .bx-start.active, #future .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

#future .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

#future .bx-wrapper .bx-controls-auto .bx-stop:hover, #future .bx-wrapper .bx-controls-auto .bx-stop.active, #future .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

#future .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

#future .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

#future .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

#future .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

#future .bx-viewport {
  height: 340px !important; }

@media (max-width: 480px) {
  .bxslider3 img {
    width: 100% !important; } }
/**/
#future2 {
  width: 100%;
  padding: 90px 0;
  /* LOADER */
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }

@media (max-width: 480px) {
  #future2 {
    padding: 0 !important; } }
#future2 #futureInner2 {
  max-width: 1500px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  #future2 #futureInner2 {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 1024px) {
  #future2 #futureInner2 {
    max-width: 100%; } }
@media (max-width: 900px) {
  #future2 #futureInner2 {
    max-width: 100%; } }
@media (max-width: 480px) {
  #future2 #futureInner2 {
    max-width: 100%;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0; } }
#future2 #futureInner2 ul li {
  /*width: 360px !important;*/
  float: left;
  margin-right: 20px; }

@media (max-width: 480px) {
  #future2 #futureInner2 ul li {
    margin-right: 0; } }
@media (max-width: 480px) {
  #future2 #futureInner2 ul dl {
    width: 96%;
    margin: 0 auto; } }
#future2 #futureInner2 ul dt {
  margin-bottom: 14px; }

#future2 #futureInner2 ul dd {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.6em; }

@media (max-width: 480px) {
  #future2 #futureInner2 ul dd {
    width: 96%;
    margin: 0 auto;
    text-decoration: none !important;
    color: #333 !important; } }
#future2 #futureInner2 ul dd.futureTitle {
  font-size: 1.4rem;
  font-weight: bold; }

#future2 #futureInner2 ul img {
  width: 100%;
  height: auto; }

#future2 #futureInner2 ul a {
  text-decoration: none !important;
  color: #333 !important; }

#future2 .bx-wrapper {
  max-width: 1500px !important; }

#future2 .bx-wrapper .bx-pager, #future2 .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

#future2 .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

#future2 .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

@media (max-width: 1024px) {
  #future2 .sp .bx-pager {
    display: none; } }
#future2 .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#future2 .bx-wrapper .bx-pager.bx-default-pager a:hover, #future2 .bx-wrapper .bx-pager.bx-default-pager a.active, #future2 .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fe651a; }

#future2 .bx-wrapper .bx-pager-item, #future2 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline; }

#future2 .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

#future2 .bx-wrapper .bx-prev {
  left: -70px;
  background-image: url("../images/top/arrow-prev.png");
  background-repeat: no-repeat; }

#future2 .bx-wrapper .bx-prev:hover, #future2 .bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

#future2 .bx-wrapper .bx-next {
  right: -70px;
  background-image: url("../images/top/arrow-next.png");
  background-repeat: no-repeat; }

#future2 .bx-wrapper .bx-next:hover, #future2 .bx-wrapper .bx-next:focus {
  /*background-position: -43px 0*/ }

@media (min-width: 1025px) and (max-width: 1645px) {
  #future2 .bx-controls-direction {
    display: none; } }
@media (max-width: 1024px) {
  #future2 .bx-controls-direction {
    display: none; } }
@media (max-width: 900px) {
  #future2 .bx-controls-direction {
    display: none; } }
@media (max-width: 480px) {
  #future2 .bx-controls-direction {
    display: none; } }
#future2 .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 25px;
  height: 60px;
  text-indent: -9999px;
  z-index: 9999; }

#future2 .bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

#future2 .bx-wrapper .bx-controls-auto {
  text-align: center; }

#future2 .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

#future2 .bx-wrapper .bx-controls-auto .bx-start:hover, #future2 .bx-wrapper .bx-controls-auto .bx-start.active, #future2 .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

#future2 .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

#future2 .bx-wrapper .bx-controls-auto .bx-stop:hover, #future2 .bx-wrapper .bx-controls-auto .bx-stop.active, #future2 .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

#future2 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

#future2 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

#future2 .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

#future2 .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

#future2 .bx-viewport {
  height: 340px !important; }

.slidk-slide {
  width: 360px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

@media (max-width: 480px) {
  .slick-dots {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center; } }
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

@media (max-width: 480px) {
  .slick-dots li {
    width: 20px !important; } }
/*==========================================▲#future▲*/
#specialCollection {
  width: 100%;
  background-image: url("../images/top/bg-image-nightsky.jpg");
  background-size: auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #000; }

@media (max-width: 1024px) {
  #specialCollection {
    box-sizing: border-box;
    padding: 100px 20px;
    background-repeat: repeat; } }
@media (max-width: 480px) {
  #specialCollection {
    padding: 100px 0; } }
#specialCollection #specialCollectionInner {
  width: 740px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 120px; }

@media (max-width: 1024px) {
  #specialCollection #specialCollectionInner {
    width: 100%;
    padding: 0; } }
@media (max-width: 900px) {
  #specialCollection #specialCollectionInner {
    width: 100%;
    padding: 0; } }
@media (max-width: 480px) {
  #specialCollection #specialCollectionInner {
    width: 100%;
    padding: 0; } }
#specialCollection #specialCollectionInner #scImg {
  width: 360px; }

@media (max-width: 480px) {
  #specialCollection #specialCollectionInner #scImg {
    width: 100% !important;
    text-align: center; } }
#specialCollection #specialCollectionInner #scText {
  width: 360px;
  position: relative;
  /**/
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

#specialCollection #specialCollectionInner #scText h2 {
  /*font-family: 'Noto Serif Japanese';
      font-style: normal;
      font-weight: 400;
      font-size: 5.0rem;
      text-align: right;
      color: #fff;
      margin-bottom: 20px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      display: flex;
      align-items: center;*/
  width: 100%;
  /*font-family: 'Noto Serif Japanese';*/
  font-style: normal;
  font-weight: 400;
  font-size: 5.0rem;
  color: #fff;
  margin-bottom: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 480px) {
  #specialCollection #specialCollectionInner #scText h2 {
    display: block;
    font-size: 3.0rem;
    position: relative;
    text-align: center;
    padding: 10px 0;
    margin: 40px 0; } }
#specialCollection #specialCollectionInner #scText p {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  font-size: 2.0rem;
  color: #fff; }

#specialCollection #specialCollectionInner #scText #scBtn {
  position: absolute;
  /*right: 0;*/
  bottom: 0; }

@media (max-width: 480px) {
  #specialCollection #specialCollectionInner #scText #scBtn {
    position: relative;
    text-align: center; } }
/*==========================================▲specialCollection▲*/
#news {
  width: 100%;
  padding: 120px 0; }

@media (max-width: 480px) {
  #news {
    width: 100%;
    padding: 120px 0 60px; } }
#news #newsInner {
  width: 100%;
  border-top: 1px solid #c1aa98; }

#news #newsInner h2 {
  text-align: center;
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  font-size: 2.6rem;
  margin-bottom: 60px;
  position: relative;
  top: -20px; }
  @media (max-width: 480px) {
    #news #newsInner h2 {
      margin-bottom: 0; } }

#news #newsInner h2 span {
  display: inline-block;
  padding: 0 20px;
  background: #fff; }

#news #newsInner #newsContainer {
  width: 1000px;
  /*height: 300px;
  border-bottom: 1px solid #eee;*/
  margin: 0 auto; }

@media (max-width: 1024px) {
  #news #newsInner #newsContainer {
    width: 96%; } }
@media (max-width: 900px) {
  #news #newsInner #newsContainer {
    width: 96%; } }
@media (max-width: 480px) {
  #news #newsInner #newsContainer {
    width: 96%;
    margin: 0 auto 20px; } }
#news #newsInner #newsContainer dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 26px; }

#news #newsInner #newsContainer dl dt {
  width: 80px;
  align-self: flex-start;
  padding: 0 15px;
  position: relative;
  font-size: 1.6rem;
  color: #fff;
  background-color: #000;
  border-color: #000;
  margin-right: 50px; }

#news #newsInner #newsContainer dl dd {
  width: 600px; }

@media (max-width: 1024px) {
  #news #newsInner #newsContainer dl dt {
    width: 100%;
    margin: 0 auto 20px; } }
@media (max-width: 900px) {
  #news #newsInner #newsContainer dl dt {
    width: 100%;
    margin: 0 auto 20px; } }
@media (max-width: 480px) {
  #news #newsInner #newsContainer dl dt {
    width: 100%;
    margin: 0 auto 20px; } }
#news #newsInner #newsContainer dl dt:before, #news #newsInner #newsContainer dl dt:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border: 5px solid transparent; }

#news #newsInner #newsContainer dl dt:before {
  bottom: 100%;
  border-bottom-color: inherit; }

#news #newsInner #newsContainer dl dt:after {
  top: 100%;
  border-top-color: inherit; }

#news #newsInner #newsContainer dl dd a {
  font-size: 1.6rem;
  color: #333;
  text-decoration: none; }

#news #newsInner #newsContainer dl dd a:hover {
  color: #fe651a; }

/*==========================================▲#news▲*/
/*==========================================▼#middleBnrArea▼*/
#middleBnrArea {
  display: flex;
  flex-direction: column; }

#middleBnrArea ul {
  width: 1000px;
  /*width: 1400px;*/
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 60px auto 80px; }

#middleBnrArea ul li {
  width: 48%;
  /*width: 32%;*/ }

#middleBnrArea p {
  text-align: center; }
  @media (max-width: 480px) {
    #middleBnrArea p {
      width: 96%;
      margin: 0 auto;
      order: 1; } }

@media (max-width: 480px) {
  #middleBnrArea ul {
    width: 96%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    order: 2;
    margin: 20px auto 0; }

  #middleBnrArea ul li {
    width: 100%;
    margin-bottom: 20px; } }
/*==========================================▲#middleBnrArea▲*/
#latestArticle {
  width: 100%;
  padding: 120px 0;
  background-color: #f9f8f6; }

#latestArticle #latestInner {
  width: 100%;
  border-top: 1px solid #c1aa98;
  /* LOADER */
  /* PAGER */
  /* DIRECTION CONTROLS (NEXT / PREV) */
  /* AUTO CONTROLS (START / STOP) */
  /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  /* IMAGE CAPTIONS */ }

@media (max-width: 1024px) {
  #latestArticle #latestInner {
    width: 96% !important;
    margin: 0 auto; } }
#latestArticle #latestInner h2 {
  text-align: center;
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  font-size: 2.6rem;
  margin-bottom: 60px;
  position: relative;
  top: -20px; }
  @media (max-width: 480px) {
    #latestArticle #latestInner h2 {
      margin-bottom: 0; } }

#latestArticle #latestInner h2 span {
  display: inline-block;
  padding: 0 20px;
  background: #f9f8f6; }

#latestArticle #latestInner .bx-wrapper {
  max-width: 1120px !important; }

@media (max-width: 1024px) {
  #latestArticle #latestInner .sp .bx-wrapper {
    display: none; } }
#latestArticle #latestInner .bx-wrapper .bx-pager, #latestArticle #latestInner .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

#latestArticle #latestInner .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

#latestArticle #latestInner .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

#latestArticle #latestInner .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#latestArticle #latestInner .bx-wrapper .bx-pager.bx-default-pager a:hover, #latestArticle #latestInner .bx-wrapper .bx-pager.bx-default-pager a.active, #latestArticle #latestInner .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fe651a; }

#latestArticle #latestInner .bx-wrapper .bx-pager-item, #latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline; }

#latestArticle #latestInner .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

#latestArticle #latestInner .bx-wrapper .bx-prev {
  left: -70px;
  background-image: url("../images/top/arrow-prev.png");
  background-repeat: no-repeat; }

#latestArticle #latestInner .bx-wrapper .bx-prev:hover, #latestArticle #latestInner .bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

#latestArticle #latestInner .bx-wrapper .bx-next {
  right: -70px;
  background-image: url("../images/top/arrow-next.png");
  background-repeat: no-repeat; }

#latestArticle #latestInner .bx-wrapper .bx-next:hover, #latestArticle #latestInner .bx-wrapper .bx-next:focus {
  /*background-position: -43px 0*/ }

@media (max-width: 1024px) {
  #latestArticle #latestInner .bx-controls-direction {
    display: none; } }
@media (max-width: 900px) {
  #latestArticle #latestInner .bx-controls-direction {
    display: none; } }
@media (max-width: 480px) {
  #latestArticle #latestInner .bx-controls-direction {
    display: none; } }
#latestArticle #latestInner .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 25px;
  height: 60px;
  text-indent: -9999px;
  z-index: 9999; }

#latestArticle #latestInner .bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

#latestArticle #latestInner .bx-wrapper .bx-controls-auto {
  text-align: center; }

#latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

#latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-start:hover, #latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-start.active, #latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

#latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

#latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-stop:hover, #latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-stop.active, #latestArticle #latestInner .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

#latestArticle #latestInner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

#latestArticle #latestInner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

#latestArticle #latestInner .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

#latestArticle #latestInner .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

@media (max-width: 480px) {
  .bxslider4 img {
    width: 100% !important; } }
#articleContainer {
  width: 1000px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  #articleContainer {
    width: 100%; } }
@media (max-width: 900px) {
  #articleContainer {
    width: 100%; } }
@media (max-width: 480px) {
  #articleContainer {
    width: 100%; } }
#articleContainer ul li {
  width: 250px;
  margin-right: 40px; }

@media (max-width: 480px) {
  #articleContainer ul li {
    margin-right: 0; } }
#articleContainer ul li a {
  text-decoration: none; }

@media (max-width: 480px) {
  #articleContainer ul li dl {
    width: 96%;
    margin: 0 auto; } }
#articleContainer ul li dt, #articleContainer ul li dd {
  margin-bottom: 20px; }

#articleContainer ul li .articleDate {
  font-size: 1.4rem;
  color: #bbb;
  text-align: right; }

#articleContainer ul li .articleText {
  font-size: 1.4rem;
  color: #666;
  font-weight: bold; }

#articleContainer ul li img {
  width: 100%; }

#articleContainer #btnArticle {
  width: 92px;
  height: 92px;
  margin: 100px auto 0; }

@media (max-width: 480px) {
  #articleContainer #btnArticle {
    margin: 60px auto 0; } }
#articleContainer .bx-viewport {
  /*height: 300px !important;*/ }

.sp .bx-viewport {
  height: auto !important; }

@media (max-width: 1024px) {
  .sp .bx-viewport {
    display: none; } }
li.bs3l {
  width: 100% !important; }

/*▲#articleContainer▲*/
/*==========================================▲#latestArticle▲*/
/*▼#introduction▼*/
#introduction {
  width: 100%;
  padding: 120px 0; }

@media (max-width: 480px) {
  #introduction {
    width: 100%;
    padding: 120px 0 0; } }
#introduction #introInner {
  width: 100%;
  border-top: 1px solid #c1aa98; }

#introduction #introInner h2 {
  text-align: center;
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  font-size: 2.6rem;
  margin-bottom: 60px;
  position: relative;
  top: -20px; }
  @media (max-width: 480px) {
    #introduction #introInner h2 {
      margin-bottom: 0; } }

#introduction #introInner h2 span {
  display: inline-block;
  padding: 0 20px;
  background: #fff; }

#introduction #introInner .introContainer {
  width: 1000px;
  margin: 0 auto 100px; }

@media (max-width: 1024px) {
  #introduction #introInner .introContainer {
    width: 100%; } }
@media (max-width: 900px) {
  #introduction #introInner .introContainer {
    width: 100%; } }
@media (max-width: 480px) {
  #introduction #introInner .introContainer {
    width: 100%; } }
#introduction #introInner .introContainer h3 {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  font-size: 3.0rem;
  text-align: center;
  margin-bottom: 40px; }

#introduction #introInner .introContainer h3 span {
  font-size: 2.0rem;
  display: inline-block;
  padding: 0 20px;
  border-bottom: 2px solid #562f2f; }

#introduction #aboutus .introBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 1024px) {
  #introduction #aboutus .introBox {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 480px) {
  #introduction #aboutus .introBox {
    width: 96%;
    display: block;
    margin: 0 auto; } }
#introduction #aboutus .introBox p {
  width: 45%;
  font-size: 1.6rem; }

@media (max-width: 480px) {
  #introduction #aboutus .introBox p {
    width: 100%;
    margin-bottom: 20px; } }
#introduction #aboutus .introBox p img {
  width: 100%; }

#introduction #hideo .introBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 1024px) {
  #introduction #hideo .introBox {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 480px) {
  #introduction #hideo .introBox div {
    width: 100%;
    text-align: center;
    margin-bottom: 20px; } }
#introduction #hideo .introBox p {
  width: 68.5%;
  font-size: 1.6rem; }

@media (max-width: 1024px) {
  #introduction #hideo .introBox p {
    width: 60%; } }
@media (max-width: 480px) {
  #introduction #hideo .introBox p {
    width: 96%;
    display: block;
    margin: 0 auto; } }
#introduction #hideo .introBox p img {
  width: 100%; }

#introduction #originalWhisky .introBox p {
  width: 70%;
  font-size: 1.6rem;
  margin: 0 auto 60px; }

@media (max-width: 1024px) {
  #introduction #originalWhisky .introBox p {
    width: 96%;
    margin: 0 auto 30px; } }
@media (max-width: 480px) {
  #introduction #originalWhisky .introBox p {
    width: 96% !important;
    display: block;
    margin: 0 auto; } }
#introduction #originalWhisky .introBox div {
  width: 84%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }

@media (max-width: 480px) {
  #introduction #originalWhisky .introBox div {
    display: block;
    text-align: center;
    padding-top: 20px; } }
@media (max-width: 1024px) {
  #introduction #originalWhisky .introBox div img {
    width: 30%;
    height: auto; } }
@media (max-width: 480px) {
  #introduction #originalWhisky .introBox div img {
    margin-bottom: 20px;
    margin-right: 10px; } }
#introduction #originalWhisky .introBox div img:last-child {
  margin-right: 0; }

#introduction #originalWhisky #ow-img {
  width: 84%; }

@media (max-width: 480px) {
  #introduction #originalWhisky #ow-img {
    width: 96%; } }
#introduction #originalWhisky #ow-img ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }

#introduction #originalWhisky #ow-img ul li {
  width: 30%; }

#introduction #originalWhisky #ow-img ul li img {
  width: 100%;
  height: auto;
  max-width: 100%; }

/*==========================================▲#introduction▲*/
#aside {
  padding: 120px 0;
  background-color: #000;
  background-image: url("../images/top/bg-image-bar.jpg");
  background-size: auto;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/ }

@media (max-width: 480px) {
  #aside {
    padding: 60px 0;
    /*background-color:transparent;*/ } }
#aside #footerInfo {
  width: 1000px;
  margin: 0 auto 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 1024px) {
  #aside #footerInfo {
    width: 100%;
    justify-content: center;
    /*display: block;*/ } }
@media (max-width: 480px) {
  #aside #footerInfo {
    width: 100%;
    display: block; } }
#aside #footerInfo .footerInfo-container {
  width: 480px;
  font-size: 1.4rem;
  color: #fff; }

@media (max-width: 480px) {
  #aside #footerInfo .footerInfo-container {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 860px) {
  #sns a {
    pointer-events: none; } }
#aside #footerInfo .footerInfo-container h2 {
  text-align: center; }

#aside #footerInfo .footerInfo-container h3 {
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 20px; }

#aside .footerInfo-box {
  height: 150px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 16px; }

@media (max-width: 1024px) {
  #aside #mailmagazine {
    margin-bottom: 60px; } }
#aside #mailmagazine .footerInfo-box {
  overflow: hidden;
  background-image: url("../images/common/img-mailmagazine-l.png");
  background-repeat: no-repeat;
  background-position: left 16px bottom 16px; }

@media (max-width: 480px) {
  #aside #mailmagazine .footerInfo-box {
    background-image: none;
    margin-bottom: 60px; } }
#aside #mailmagazine .footerInfo-box h4 {
  width: 76%;
  float: right;
  font-size: 1.8rem;
  margin: 0 auto 12px; }

@media (max-width: 480px) {
  #aside #mailmagazine .footerInfo-box h4 {
    width: 100%;
    float: none; } }
#aside #mailmagazine .footerInfo-box p {
  float: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.8rem; }

@media (max-width: 480px) {
  #aside #mailmagazine .footerInfo-box p {
    float: none;
    justify-content: center; } }
#aside #mailmagazine .footerInfo-box p a {
  margin-left: 5px; }

#aside #sns .footerInfo-box {
  display: flex;
  align-items: center;
  justify-content: center; }

#aside #sns .footerInfo-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 480px) {
  #aside #sns .footerInfo-box ul li img {
    width: 100%; } }
#aside #bottomBanners {
  width: 1000px;
  margin: 0 auto 100px; }

@media (max-width: 1024px) {
  #aside #bottomBanners {
    width: 76%;
    margin: 0 auto 40px; } }
@media (max-width: 480px) {
  #aside #bottomBanners {
    width: 96%; } }
#aside #bottomBanners ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

#aside #bottomBanners ul li {
  width: 150px; }

#aside #bottomBanners ul li img {
  width: 100%;
  height: auto; }

@media (max-width: 480px) {
  #aside #bottomBanners ul {
    width: 90%;
    margin: 0 auto; } }
@media (max-width: 1024px) {
  #aside #bottomBanners ul li {
    margin-bottom: 20px; } }
@media (max-width: 480px) {
  #aside #bottomBanners ul li {
    margin-bottom: 20px; } }
#aside #message {
  color: #fff; }

#aside #message h2 {
  width: 90%;
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  font-size: 2.0rem;
  text-align: center;
  margin: 0 auto 20px; }

#aside #message p {
  width: 20%;
  text-align: center;
  background-color: #fe651a;
  border-radius: 10px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  #aside #message p {
    width: 40%; } }
@media (max-width: 480px) {
  #aside #message p {
    width: 88%;
    padding: 20px 0; } }
#aside #message p a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none; }

@media (max-width: 1024px) {
  #aside #message p a {
    line-height: 3.0em; } }
/*==========================================▲#aside▲*/
footer {
  width: 100%;
  background-color: #000;
  padding: 34px 0; }

footer ul {
  /*width: 800px;*/
  width: 700px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 24px; }

.footerMessage {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 80px; }

.footerMessage p {
  display: inline-block;
  padding: 10px;
  border: 2px solid #fff;
  text-align: left; }

@media (max-width: 1024px) {
  footer ul {
    width: 96%;
    margin: 0 auto 60px; } }
@media (max-width: 480px) {
  footer ul {
    width: 96%;
    margin: 0 auto 60px; } }
footer ul li {
  border-right: 1px solid #666; }

@media (max-width: 1024px) {
  footer ul li {
    border: none; } }
@media (max-width: 480px) {
  footer ul li {
    width: 100%;
    border-bottom: 1px solid #fff;
    border-right: none; } }
footer ul li:last-child {
  border-right: none; }

@media (max-width: 480px) {
  footer ul li:first-child {
    border-top: 1px solid #fff; } }
footer ul li a {
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none;
  margin: 0 16px; }

@media (max-width: 1024px) {
  footer ul li a {
    /* margin: 0 0 20px !important;*/ } }
@media (max-width: 480px) {
  footer ul li a {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 1.6rem; } }
footer p {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.2rem;
  color: #fff;
  text-align: center; }

/*==========================================▲footer▲*/
/*▼modal▼*/
.modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  top: 0;
  background-color: rgba 255, 255, 255, 0.8;
  display: none; }

.modal p {
  margin-bottom: 10px; }

.modal a {
  cursor: pointer; }

#modalContainer {
  /*width: 100vh;
height: 100vh;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

#confirmation {
  width: 50%;
  height: 60%;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  padding: 40px; }

@media (max-width: 1024px) {
  #confirmation {
    width: 60%;
    height: 63%; } }
@media (max-width: 900px) {
  #confirmation {
    width: 80%;
    height: 80%;
    padding: 20px; } }
@media (max-width: 480px) {
  #confirmation {
    width: 90%;
    height: 60%;
    padding: 20px 0; } }
#confirmation #caution h5 {
  width: 30%;
  margin: 0 auto 30px; }

@media (max-width: 1024px) {
  #confirmation #caution h5 {
    width: 60%;
    margin: 0 auto 20px; } }
@media (max-width: 480px) {
  #confirmation #caution h5 {
    width: 60%;
    margin: 0 auto 20px; } }
#confirmation #caution h5 img {
  width: 100%; }

#confirmation #caution p {
  font-size: 2.6rem; }

@media (max-width: 1024px) {
  #confirmation #caution p {
    font-size: 2.0rem; } }
@media (max-width: 900px) {
  #confirmation #caution p {
    width: 100%;
    font-size: 1.6rem; } }
@media (max-width: 480px) {
  #confirmation #caution p {
    font-size: 2.0rem; } }
#confirmation ul {
  max-width: 500px;
  margin: 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 1024px) {
  #confirmation ul {
    width: 250px; } }
@media (max-width: 900px) {
  #confirmation ul {
    width: 100%;
    display: flex;
    margin: 20px auto; } }
@media (max-width: 480px) {
  #confirmation ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px auto 0; } }
@media (max-width: 1024px) {
  #confirmation ul li {
    margin-bottom: 20px; } }
#confirmation ul li dl {
  width: 250px;
  margin: 0 auto; }

#confirmation ul li dt {
  width: 140px;
  margin: 0 auto 20px; }

@media (max-width: 480px) {
  #confirmation ul li dt {
    width: 100%;
    margin: 0 auto 10px; } }
#confirmation ul li a {
  width: 100px;
  display: block;
  border-radius: 10px;
  padding: 20px;
  background: #fe651a;
  font-size: 2.0rem;
  font-weight: bold;
  text-decoration: none;
  color: #fff; }

@media (max-width: 900px) {
  #confirmation ul li a {
    padding: 0; } }
@media (max-width: 480px) {
  #confirmation ul li a {
    width: 100%;
    padding: 0; } }
#confirmation ul li dd {
  font-size: 1.6rem; }

#liquorMessage p {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  color: #fe651a; }

@media (max-width: 900px) {
  #liquorMessage p {
    font-size: 1.6rem; } }
/*==========================================▲modal▲*/
/*▼subPage▼*/
.subPage {
  width: 1120px;
  margin: 40px auto; }

@media (max-width: 1024px) {
  .subPage {
    width: 96%; } }
@media (max-width: 900px) {
  .subPage {
    width: 96%; } }
@media (max-width: 480px) {
  .subPage {
    width: 96%; } }
.subPage h1 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000;
  padding: 5px 0 5px 10px;
  border-left: 15px solid;
  border-bottom: 1px solid #245383;
  margin-bottom: 40px; }

.subPage h2 {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px; }

ul.ulDisc {
  padding-left: 28px; }

ul.ulDisc li {
  list-style-type: disc;
  font-size: 1.6rem;
  color: #333; }

/*▲subPage▲*/
/*====================================================▼ご利用ガイド▼=========================*/
/*▼GUIDE NDEX▼*/
.guideIndexContainer {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #999; }

.guideIndexContainer ul {
  margin-left: 40px; }

.guideIndexContainer ul li {
  margin-bottom: 10px; }

.guideIndexContainer ul li a {
  text-decoration: none;
  font-size: 1.6rem;
  color: #333; }

.guideIndexContainer ul li a:hover {
  text-decoration: underline; }

/*▲▲*/
/*▼GUIDE下層▼*/
a.guideAnchor {
  display: block;
  padding-top: 50px;
  margin-top: -50px; }

.subPage p {
  font-size: 1.6rem;
  color: #333;
  margin-bottom: 1.2em; }

.subPage p a {
  text-decoration: none;
  color: #1655C4;
  font-weight: bold; }

.subPage p a:hover {
  color: #fe651a;
  text-decoration: underline; }

.subPage a.subPageAnchor {
  text-decoration: none;
  color: #1655C4; }

.subPage a.subPageAnchor span {
  font-size: 2.0rem;
  font-weight: bold; }

.subPage .backtoList {
  text-align: right; }

.subPage .backtoList a {
  text-decoration: none;
  color: #1655C4;
  font-size: 1.2rem;
  font-weight: bold; }

.subPage .backtoList a:hover {
  text-decoration: underline; }

.subPage .guideSubContainer {
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #999; }

.subPage .guideSubContainer h3 {
  font-size: 1.6rem;
  font-weight: bold; }

.subPage .guideSubContainer div.guideBox01 {
  padding-left: 40px; }

.subPage .guideSubContainer div.guideBox01 img {
  max-width: 100%; }

.subPage .guideSubContainer dl {
  font-size: 1.6rem;
  color: #333; }

.subPage .guideSubContainer dl dd {
  text-indent: 1em; }

/*▲▲*/
/*▼利用規約▼*/
#declaration h2 {
  font-weight: bold;
  padding: 10px;
  background: #333;
  color: #fff;
  margin-bottom: 30px; }

.agContainer {
  margin-bottom: 60px; }

.agContainer h3 {
  line-height: 1.8em;
  font-size: 2.0rem;
  font-weight: bold;
  border-bottom: 1px solid #666;
  margin-bottom: 40px; }

.agBox {
  margin-bottom: 30px; }

.agBox h4 {
  font-size: 1.8rem; }

.agBox ol {
  padding-left: 26px; }

.agBox ol > li {
  list-style-type: decimal;
  font-size: 1.6rem; }

.agBox ol li ol {
  padding: 0 0 0 2em;
  margin-bottom: 20px; }

.agBox ol li ol li {
  list-style-type: none;
  counter-increment: cnt; }

.agBox ol li ol li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
  margin-left: -1.5em; }

.agBox ol li ol li p {
  display: inline; }

#ag9 p {
  text-align: right; }

/*▲▲*/
/*▼特商法に基づく表示▼*/
#tokutei h2 {
  padding: 8px 5px;
  font-size: 18px;
  font-weight: bold;
  background: #f1f1f1;
  margin-bottom: 10px; }

.tokuteiContainer {
  margin-bottom: 60px; }

/*▲▲*/
/*▼プライバシーポリシー▼*/
.ppContainer {
  margin-bottom: 60px; }

.ppContainer h3 {
  line-height: 1.8em;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px solid #666;
  margin-bottom: 40px; }

.ppContainer ol {
  padding: 0 0 0 2em;
  margin-bottom: 20px; }

.ppContainer ol li {
  list-style-type: none;
  font-size: 1.6rem;
  counter-increment: cnt; }

.ppContainer ol li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
  margin-left: -1.5em; }

.ppContainer ol li p {
  display: inline; }

/*▲▲*/
/*=======================================================▼CART▼*/
#cart_logo {
  display: block !important; }

#cartLogo {
  display: block;
  text-align: center; }

@media (max-width: 767px) {
  #cartLogo {
    text-align: center; }

  #cartLogo img {
    width: 70%;
    height: auto; } }
@media (min-width: 768px) {
  #common_header .navbar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; } }
/*▲▲*/
/*=======================================================▼ITEMS▼*/
.itemDetail {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px; }

@media (max-width: 1024px) {
  .itemDetail {
    width: 100%; } }
@media (max-width: 480px) {
  .itemDetail {
    width: 100%;
    display: block; } }
.breadClumb {
  background: #eee;
  padding: 10px 0; }

@media (max-width: 480px) {
  .breadClumb {
    width: 96%;
    margin: 0 auto; } }
.breadClumb ul {
  width: 96%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 auto; }

@media (max-width: 480px) {
  .breadClumb ul {
    display: block; } }
.breadClumb ul li a {
  font-size: 1.4rem;
  text-decoration: none;
  color: #333; }

.breadClumb ul li a:hover {
  color: #fe651a; }

.breadClumb ul li a:after {
  content: "\003E";
  display: inline-block;
  margin: auto 5px; }

@media (max-width: 480px) {
  .breadClumb ul li a:after {
    display: none; } }
@media (max-width: 480px) {
  .breadClumb ul li a:before {
    content: "\003E";
    display: inline-block;
    margin: auto 5px; } }
@media (max-width: 480px) {
  .breadClumb ul li:first-child a:before {
    display: none; } }
.breadClumb ul li:last-child a:after {
  display: none; }

.itemWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 40px;
  margin: 0 auto; }

@media (max-width: 1024px) {
  .itemWrapper {
    width: 100%; } }
@media (max-width: 480px) {
  .itemWrapper {
    width: 100%;
    display: block; } }
@media (max-width: 1024px) {
  h2.sp {
    width: 100%;
    font-size: 2.0rem;
    color: #fff;
    margin-bottom: 40px;
    background-color: #000;
    display: flex;
    justify-content: center;
    padding: 20px 0; } }
@media (max-width: 1024px) {
  h2.sp br {
    display: none; } }
@media (max-width: 480px) {
  h2.sp {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 30px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    padding: 2%;
    background: #000; }

  h2.sp br {
    display: block; } }
.imageContainer {
  width: 43%;
  max-width: 500px; }

@media (max-width: 1024px) {
  .imageContainer {
    width: 80%;
    margin: 0 auto 40px; } }
@media (max-width: 480px) {
  .imageContainer {
    width: 96%;
    margin: 0 auto 40px; } }
.PikaChoose {
  position: relative; }

.pika-stage {
  width: 100%;
  position: relative;
  /*border: 1px solid #ccc;*/
  margin-bottom: 30px; }

.pika-stage img {
  width: 100%; }

#pikame .clip {
  text-align: center; }

#pikame img {
  max-height: 100%; }

/*=======================▼OPEN用▼*/
/*#munakata .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/oyasumi/caption_oyasumi.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#ibuki .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/oyasumi/caption_oyasumi.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#bencnoc .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/oyasumi/caption_oyasumi.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#karasu .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/oyasumi/caption_oyasumi.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#karasu .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/oyasumi/caption_oyasumi.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}*/
/*#kinnikuman .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/kinnikuman/caption_kinnikuman.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}*/
/*#wonder .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/wondercocktail/caption_wonder.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}*/
/*#oretsushima .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/oretsushima/caption_oretsushima_02.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}*/
/*#kintaro .pika-stage:after {
    display: block;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    content: "";
    background-image: url("../images/items/kintaro/caption_kintaro.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}*/
/*=======================▲OPEN用▲*/
ul.pika-thumbs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr); }

ul.pika-thumbs li {
  width: 90%;
  margin: 0 auto 10px; }

@media all and (-ms-high-contrast: none) {
  ul.pika-thumbs {
    position: relative;
    display: block;
    overflow: hidden; }

  ul.pika-thumbs li {
    width: 18%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; } }
ul.pika-thumbs li img {
  width: 100%;
  border: 1px solid #ccc; }

.articleContainer {
  width: 53%; }

@media (max-width: 1024px) {
  .articleContainer {
    width: 80%;
    margin: 0 auto 80px; } }
@media (max-width: 480px) {
  .articleContainer {
    width: 96%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; } }
.articleContainer h2.pc {
  margin: auto auto 25px;
  padding: 0;
  font-size: 30px;
  font-weight: bold; }

@media (max-width: 480px) {
  .articleContainer h2.pc {
    display: none; } }
.cartContainer {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 30px; }

.cartContainer p.cartCaution {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: right; }

@media (max-width: 480px) {
  .cartContainer {
    order: 4; } }
.cartContainer dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-top: 3px solid #fe651a;
  border-bottom: 3px solid #fe651a; }

.cartContainer dl dt {
  font-size: 2.0rem;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.cartContainer table {
  width: 100%;
  text-align: center; }

.cartContainer table tr {
  border-bottom: 3px solid #fe651a; }

.cartContainer table th {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center; }

.cartContainer table th:first-child {
  width: 50%; }

@media (max-width: 480px) {
  .cartContainer table th {
    font-size: 1.2rem; } }
.cartContainer table td {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center; }

@media (max-width: 480px) {
  .cartContainer table td {
    font-size: 1.4rem;
    max-width: 50%; } }
.cartContainer table td:first-child {
  text-align: left; }

.cartContainer table td.btnCell {
  width: 30%;
  padding: 20px 0; }

.cartContainer div.cartBtn {
  background-color: #fe651a;
  background-image: url("../images/items/icon_cart.png");
  background-repeat: no-repeat;
  background-position: 17px center;
  background-size: auto 25px;
  padding-top: 3px;
  border-radius: 8px; }

@media (max-width: 480px) {
  .cartContainer div.cartBtn {
    background-image: none; } }
.cartContainer div.cartBtn a {
  display: block;
  width: 100%;
  line-height: 2em;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-indent: 40px;
  color: #fff; }

@media (max-width: 480px) {
  .cartContainer div.cartBtn a {
    font-size: 1.2rem;
    text-indent: 0; } }
.cartContainer .no-cart {
  opacity: 0.6;
  background-color: #999 !important; }

.cartContainer .no-cart a {
  pointer-events: none; }

.itemTitle {
  margin-bottom: 30px; }

@media (max-width: 480px) {
  .itemTitle {
    order: 1; } }
.itemTitle h3 {
  font-size: 2.0rem;
  font-weight: bold;
  color: #d01e21; }

.itemArticle {
  margin-bottom: 30px; }

@media (max-width: 480px) {
  .itemArticle {
    order: 2; } }
.itemArticle p {
  font-size: 1.6rem; }

.itemSpec {
  font-size: 1.6rem;
  margin-bottom: 30px; }

@media (max-width: 480px) {
  .itemSpec {
    order: 3; } }
.comment {
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 30px; }

@media (max-width: 480px) {
  .comment {
    order: 5; } }
.comment .commentContainer {
  border: 1px solid #999;
  border-bottom: none;
  margin-bottom: 10px; }

.comment .commentContainer dl {
  /*display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;*/
  box-sizing: border-box; }

@media (max-width: 480px) {
  .comment .commentContainer dl {
    display: block; } }
.comment .commentContainer dl dt {
  /*width: 24%;*/
  text-align: center;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  box-sizing: border-box;
  background-color: #F8E9D4; }

@media (max-width: 480px) {
  .comment .commentContainer dl dt {
    width: 100%; } }
.comment .commentContainer dl dd {
  /*width: 76%;*/
  padding: 8px;
  border-bottom: 1px solid #999;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .comment .commentContainer dl dd {
    width: 100%; } }
.itemNotice {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative; }

@media (max-width: 480px) {
  .itemNotice {
    order: 6; } }
.itemNotice h4 {
  width: 36%;
  margin-bottom: 30px; }

.itemNotice h4 span {
  font-size: 1.2rem; }

.itemNotice p {
  width: 60%;
  font-size: 1.6rem;
  margin-bottom: 60px; }

.itemNotice img {
  /*width: 100%;*/ }

.additionalComment {
  order: 7;
  margin-bottom: 60px; }
  .additionalComment h4 {
    font-size: 1.6rem;
    color: #fff;
    display: inline-block;
    background-color: #000;
    border-radius: 13px;
    padding: 3px 13px 0px;
    margin-bottom: 12px; }
  .additionalComment p {
    font-size: 1.6rem; }

.itemCaution {
  font-weight: bold;
  font-size: 1.8rem;
  color: #d01e21;
  padding-bottom: 30px;
  border-bottom: 1px solid #999;
  margin-bottom: 30px; }

.itemCaution02 {
  font-size: 1.6rem;
  color: #d01e21;
  padding-bottom: 30px;
  border-bottom: 1px solid #999;
  margin-top: -15px;
  margin-bottom: 30px; }

.extraComment {
  margin-bottom: 30px; }

.extraComment p {
  font-size: 1.6rem;
  margin-bottom: 60px; }

@media (max-width: 480px) {
  .extraComment {
    order: 7; } }
@media (max-width: 480px) {
  .itemCaution {
    order: 8; } }
.remarks {
  font-size: 1.4rem;
  margin-bottom: 30px; }
  .remarks p {
    padding-left: 1em; }
  .remarks p.copy {
    padding-left: 0;
    margin-bottom: 1em; }
  .remarks span {
    margin-left: -1em; }

@media (max-width: 480px) {
  .remarks {
    order: 9; } }
/*▼2020-1119追記▼*/
.itemArticle-new {
  margin-bottom: 30px; }
  @media (max-width: 480px) {
    .itemArticle-new {
      order: 2; } }
  .itemArticle-new p {
    font-size: 1.6rem;
    text-indent: 1em; }

.itemSpec-new {
  font-size: 1.6rem;
  margin-bottom: 30px; }
  @media (max-width: 480px) {
    .itemSpec-new {
      order: 3; } }

.comment-new {
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 60px; }
  @media (max-width: 480px) {
    .comment-new {
      order: 5; } }
  .comment-new .commentContainer {
    border: 1px solid #999;
    border-bottom: none; }
    .comment-new .commentContainer dl {
      box-sizing: border-box; }
      @media (max-width: 480px) {
        .comment-new .commentContainer dl {
          display: block; } }
      .comment-new .commentContainer dl dt {
        text-align: center;
        padding: 8px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        box-sizing: border-box;
        background-color: #F8E9D4; }
        @media (max-width: 480px) {
          .comment-new .commentContainer dl dt {
            width: 100%; } }
      .comment-new .commentContainer dl dd {
        padding: 8px;
        border-bottom: 1px solid #999;
        box-sizing: border-box; }
        @media (max-width: 480px) {
          .comment-new .commentContainer dl dd {
            width: 100%; } }
        .comment-new .commentContainer dl dd h4 {
          font-weight: bold; }
        .comment-new .commentContainer dl dd p {
          border-bottom: 1px dotted #ccc; }
        .comment-new .commentContainer dl dd p:last-child {
          border: none; }

.itemNotice-new {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  margin-bottom: 60px; }
  @media (max-width: 480px) {
    .itemNotice-new {
      order: 6; } }
  .itemNotice-new h4 {
    width: 36%;
    margin-bottom: 30px; }
    .itemNotice-new h4 span {
      font-size: 1.2rem; }
  .itemNotice-new p {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 30px; }

.itemCaution-new {
  font-size: 1.6rem;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 30px; }
  .itemCaution-new p {
    padding-left: 1em; }
    .itemCaution-new p span {
      margin-left: -1em; }
  @media (max-width: 480px) {
    .itemCaution-new {
      order: 8; } }
  .itemCaution-new div.itemCautionMax {
    margin-top: 20px; }
    .itemCaution-new div.itemCautionMax p {
      font-size: 1.8rem;
      color: #d01e21;
      font-weight: bold; }

/*▲2020-1119追記▲*/
#glenallachie .itemArticle dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0; }

#glenallachie .itemArticle dl dt, #glenallachie .itemArticle dl dd {
  width: 80%;
  text-align: center; }

#glenallachie .itemArticle dl dt {
  margin-bottom: 10px; }

#glenallachie .itemArticle dl dd {
  font-size: 1.4rem; }

@media (max-width: 480px) {
  #glenallachie .itemArticle dl dt, #glenallachie .itemArticle dl dd {
    width: 100%; } }
/*▲商品詳細▲*/
/*==========================================▼商品一覧▼*/
#collection {
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0; }

@media (max-width: 1024px) {
  #collection {
    width: 100%; } }
@media (max-width: 900px) {
  #collection {
    width: 100%; } }
@media (max-width: 480px) {
  #collection {
    width: 100%; } }
#collection h2 {
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
  margin: 60px auto; }

#collection .collectionContainer {
  margin-bottom: 60px; }

#collection .collectionContainer h3 {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0;
  background-color: #fe651a;
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 40px; }

#collection .collectionContainer ul.flexContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 1024px) {
  #collection .collectionContainer ul.flexContent {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 900px) {
  #collection .collectionContainer ul.flexContent {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 480px) {
  #collection .collectionContainer ul.flexContent {
    width: 96%;
    margin: 0 auto; } }
#collection .collectionContainer ul.flexContent li {
  width: 18%;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #collection .collectionContainer ul.flexContent li {
    width: 48%; } }
#collection .collectionContainer ul.flexContent li a {
  text-decoration: none; }

#collection .collectionContainer ul.flexContent li img {
  width: 100%; }

#collection .collectionContainer ul.flexContent li .imgBox {
  margin-bottom: 10px; }

#collection .collectionContainer ul.flexContent li .nameBox h4 {
  /* height: 3.2em;*/
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  /*visibility: hidden;*/ }

#collection .collectionContainer ul.flexContent li .nameBox p {
  font-size: 1.3rem;
  font-weight: bold;
  text-decoration: none;
  color: #333; }

#collection .collectionContainer ul.flexContent li .priceBox {
  color: #888;
  font-size: 1.3rem;
  text-align: right; }

#collection #onSale li {
  position: relative; }

#collection #onSale li a {
  display: inline-block; }

#collection #onSale li a:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  content: ""; }

#collection #pastProducts li {
  position: relative; }

#collection #pastProducts li a {
  display: inline-block; }

#collection #pastProducts li a:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  content: "";
  background-image: url("../images/items/soldout/bnr_soldout.png");
  background-repeat: no-repeat;
  background-size: contain; }

/*▲商品一覧▲*/
/*==========================================▼記事詳細▼*/
.articleDetail {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0; }

@media (max-width: 1024px) {
  .articleDetail {
    width: 100%; } }
@media (max-width: 900px) {
  .articleDetail {
    width: 100%; } }
@media (max-width: 480px) {
  .articleDetail {
    width: 100%; } }
.articleDetail .adContainer {
  padding-top: 40px; }

.articleDetail .adContainer h2 {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0;
  background-color: #fe651a;
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 40px; }

.articleDetail .adContainer div.box {
  width: 80%;
  margin: 0 auto; }

@media (max-width: 480px) {
  .articleDetail .adContainer div.box {
    width: 96%; } }
.articleDetail .adContainer p {
  font-size: 1.6rem;
  margin-bottom: 40px;
  overflow: hidden; }

.articleDetail .adContainer p span.img-l {
  display: inline-block;
  float: left;
  margin-right: 40px;
  margin-bottom: 40px; }

.articleDetail .adContainer p span.img-l img {
  width: 300px;
  height: auto; }
  @media (max-width: 480px) {
    .articleDetail .adContainer p span.img-l img {
      width: 100%; } }

.articleDetail .adContainer p span.img-r {
  float: right;
  margin-left: 40px;
  margin-bottom: 40px; }

.articleDetail .adContainer p span.img-r img {
  width: 300px;
  height: auto; }
  @media (max-width: 480px) {
    .articleDetail .adContainer p span.img-r img {
      width: 100%; } }

.articleDetail .adContainer p span.atc-img img {
  width: 300px;
  height: auto; }

@media (max-width: 480px) {
  .articleDetail .adContainer p span.img-l {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-right: 0; } }
@media (max-width: 480px) {
  .articleDetail .adContainer p span.img-r {
    /*float: none;*/
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-right: 0;
    margin-left: 0; } }
@media (max-width: 480px) {
  .articleDetail .adContainer p span.img-c {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-right: 0; } }
@media (max-width: 480px) {
  .articleDetail .adContainer p span.img-c img {
    width: 300px; } }
.articleDetail .adContainer p img {
  max-width: 100%; }

.articleDetail .adContainer .wrighter {
  display: inline-block;
  width: 100%;
  text-align: right; }

.articleDetail .adContainer .intro-yamaoka {
  width: 80%;
  padding: 20px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  border: 3px solid #eee; }

.articleDetail .adContainer .intro-yamaoka .img {
  float: left;
  margin: 0 30px 0 0;
  text-indent: 0; }

@media (max-width: 480px) {
  .articleDetail .adContainer .intro-yamaoka .img {
    float: none;
    margin: 0 0 20px 0; } }
.articleDetail .adContainer .intro-yamaoka h3 {
  font-size: 1.6rem;
  margin-bottom: 20px; }

.articleDetail .box h3 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px; }

.articleDetail .infoBox {
  width: 80%;
  box-sizing: border-box;
  padding: 20px;
  margin: 0 auto;
  border: 3px solid #eee; }

@media (max-width: 480px) {
  .articleDetail .infoBox {
    width: 96%; } }
.articleDetail .infoBox h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px; }

.articleDetail .infoBox .ibt {
  font-size: 1.6rem; }

.articleDetail .infoBox .ibt dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 1px solid #999;
  border-top: none; }

@media (max-width: 480px) {
  .articleDetail .infoBox .ibt dl {
    width: 100%;
    display: block; } }
.articleDetail .infoBox .ibt dl:first-child {
  border-top: 1px solid #999; }

.articleDetail .infoBox .ibt dl dt {
  width: 20%;
  background-color: #eee;
  text-align: center;
  padding: 8px;
  box-sizing: border-box; }

@media (max-width: 480px) {
  .articleDetail .infoBox .ibt dl dt {
    width: 100%; } }
.articleDetail .infoBox .ibt dl dd {
  padding: 8px; }

.articleDetail .infoBox #infotable01 {
  margin-bottom: 30px; }

.articleDetail .infoBox #infotable02 {
  margin-bottom: 30px; }

.articleDetail .infoBox p {
  margin-bottom: 0px; }

/*▲記事詳細▲*/
/*==========================================▼記事一覧▼*/
#articleIndex {
  width: 1200px;
  margin-bottom: 100px; }

@media (max-width: 1024px) {
  #articleIndex {
    width: 100%; } }
@media (max-width: 900px) {
  #articleIndex {
    width: 100%; } }
@media (max-width: 480px) {
  #articleIndex {
    width: 100%; } }
#articleIndex .flexContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 1024px) {
  #articleIndex .flexContent {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 900px) {
  #articleIndex .flexContent {
    width: 96%;
    margin: 0 auto; } }
@media (max-width: 480px) {
  #articleIndex .flexContent {
    width: 96%;
    margin: 0 auto; } }
#articleIndex .flexContent li {
  width: 18%;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #articleIndex .flexContent li {
    width: 48%; } }
#articleIndex .flexContent li dt {
  margin-bottom: 20px; }

#articleIndex .flexContent li dd {
  font-size: 1.4rem;
  color: #666;
  font-weight: bold; }

#articleIndex .flexContent li img {
  width: 100%; }

#articleIndex .flexContent li a {
  text-decoration: none; }

/*▲記事一覧▲*/
/*==========================================▼飲酒の注意点▼*/
#header2 #headerTop {
  width: 100%;
  position: relative;
  background: #000; }

#header2 #headerTop h1 {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 1.4rem;
  padding: 10px 0;
  text-align: center; }

#header2 #logo {
  text-align: center;
  padding: 20px 0;
  border-bottom: 5px solid #000; }

@media (max-width: 480px) {
  #header2 #logo img {
    width: 80%; } }
#socializing {
  width: 1000px;
  margin: 100px auto; }

@media (max-width: 1024px) {
  #socializing {
    width: 100%; } }
@media (max-width: 900px) {
  #socializing {
    width: 100%; } }
@media (max-width: 480px) {
  #socializing {
    width: 100%; } }
#socializing h1 {
  width: 100%;
  text-align: center;
  margin-bottom: 80px; }

#socializing h1 span {
  display: block;
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff;
  padding: 20px;
  background-color: #fe651a;
  border-radius: 5px; }

#socializing #catch {
  width: 80%;
  margin: 0 auto 80px;
  border: 3px solid #fe651a;
  padding: 30px 0; }

@media (max-width: 480px) {
  #socializing #catch {
    width: 96%;
    box-sizing: border-box;
    padding: 20px; } }
#socializing #catch p {
  font-size: 2.0rem;
  text-align: center; }

@media (max-width: 480px) {
  #socializing #catch p {
    text-align: left; } }
#noBlock {
  text-align: center;
  padding: 20px 0;
  background-color: #eee;
  margin-bottom: 80px; }

#noBlock h2 {
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 30px; }

#noBlock ul {
  display: inline-block;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  list-style-type: none;
  padding: 20px; }

@media (max-width: 480px) {
  #noBlock ul {
    padding: 0 0 0 38px; } }
#noBlock ul li {
  box-sizing: border-box;
  text-align: left;
  font-size: 1.8rem; }

#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; }

@media (max-width: 480px) {
  #noBlock ul li:before {
    margin-left: -28px; } }
#noBlock ul li:last-child:before {
  background-image: url("../images/socializing/icon-caution.png"); }

#linkList {
  text-align: center;
  margin-bottom: 80px; }

#linkList h2 {
  font-size: 2.0rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #999; }

@media (max-width: 480px) {
  #linkList h2 {
    background-color: #000;
    color: #fff;
    padding-top: 14px; } }
#linkList ul {
  display: inline-block;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  padding: 20px; }

@media (max-width: 480px) {
  #linkList ul {
    padding: 0; } }
#linkList ul li {
  box-sizing: border-box;
  text-align: left;
  font-size: 1.8rem;
  margin-bottom: 10px;
  list-style-type: none; }

@media (max-width: 480px) {
  #linkList ul li {
    padding: 20px 10px; } }
#linkList ul li:before {
  content: "・"; }

@media (max-width: 480px) {
  #linkList ul li:before {
    display: none; } }
#linkList ul li a {
  text-decoration: none;
  color: #333; }

#linkList ul li a:hover {
  color: #fe651a; }

#linkList ul li:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../images/socializing/icon-link.png");
  background-repeat: no-repeat;
  background-size: contain; }

@media (max-width: 480px) {
  #linkList ul li:nth-child(2n-1) {
    background-color: #eee; } }
#sck {
  margin: 0 auto; }

/*▲飲酒の注意点▲*/
/*===============================================▼カート▼*/
#cartInfobar {
  width: 1120px;
  margin: 30px auto 65px;
  background: #c9ddef;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

@media (max-width: 1024px) {
  #cartInfobar {
    width: 96%;
    margin: 20px auto; } }
@media (max-width: 480px) {
  #cartInfobar {
    width: 96%;
    margin: 30px auto 65px;
    background: #c9ddef;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
div#cartInfobar::before {
  width: 4%;
  height: 34px;
  content: "";
  display: block;
  background-image: url(https://modd-contents.s3-ap-northeast-1.amazonaws.com/ps30/run/images/icon-cartinfobar.png);
  background-repeat: no-repeat; }

@media (max-width: 1024px) {
  div#cartInfobar::before {
    width: 5%; } }
@media (max-width: 480px) {
  div#cartInfobar::before {
    width: 10%;
    height: 34px;
    content: "";
    display: block;
    background-image: url(https://contents.modd.com/ps20/run/images/icon-cartinfobar.png);
    background-repeat: no-repeat;
    margin-bottom: 5px; } }
#cartInfobar p {
  width: 96%;
  color: #f10c0c;
  font-size: 14px;
  text-align: center;
  padding: 7px 0 0;
  background-color: #fff;
  margin: 0; }

@media (max-width: 1024px) {
  #cartInfobar p {
    width: 94%;
    font-size: 12px;
    box-sizing: border-box;
    padding: 7px;
    text-align: center; } }
@media (max-width: 900px) {
  #cartInfobar p {
    text-align: left; } }
@media (max-width: 480px) {
  #cartInfobar p {
    width: 100%;
    box-sizing: border-box;
    color: #f10c0c;
    font-size: 13px;
    text-align: left;
    padding: 5px;
    background-color: #fff;
    margin: 0; } }
/*▼お問い合わせ▼*/
#support_txt:before {
  content: "WHISKY MEW サポートセンター　048-598-3584　【営業時間】10:00~16:00（土・日・祝日・年末年始は除く）";
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

/*▲お問い合わせ▲*/
/*=============================================================▲カート▲*/
/*▼メインナビ下のメッセージ▼*/
#cmWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #FE651A; }

#common-message {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  color: #fff;
  font-size: 1.4rem;
  box-sizing: border-box;
  padding: 10px; }

#common-message p::before {
  content: '\f0da　';
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

#common-message p a {
  color: #fff;
  /*text-decoration: none;*/ }

#common-message p a:hover {
  text-decoration: underline; }

#common-message p a.outside::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../images/common/icon-link-wh.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.5em; }

/*▲▲*/
/*▼会員登録キャンペーン▼*/
.campaignContainer {
  padding-top: 40px; }

#mvcopy {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  color: #fff;
  background: #000; }

#mvcopyright {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 67px; }

#c0101 {
  width: 900px;
  margin: 0 auto 62px; }

#c0101 h3 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border: 3px solid #f06518;
  padding: 20px;
  margin-bottom: 62px; }

#c0101 p {
  font-size: 2.4rem;
  line-height: 1.8em; }

#c0101 p a {
  font-size: 1.4rem;
  float: right; }

#c0101 p span {
  line-height: 1.5em;
  font-size: 1.8rem;
  display: inline-block;
  margin-top: 40px; }

#c0102 {
  width: 100%; }

#c0102 p {
  width: 453px;
  height: 70px;
  margin: 0 auto 60px; }

#c0102 p a {
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  line-height: 70px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #f06518;
  border-radius: 5px; }

#c0103 p {
  width: 60%;
  font-size: 1.8rem;
  margin: 0 auto; }

@media (max-width: 1024px) {
  .campaignContainer {
    padding-top: 40px; }

  .campaignContainer h2 {
    text-align: center; }

  #c0101 {
    width: 96%;
    margin: 0 auto 62px; }

  #c0101 h3 {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 62px; }

  #c0101 p {
    font-size: 2.4rem;
    line-height: 1.8em; }

  #c0101 p a {
    font-size: 1.4rem;
    float: right; }

  #c0101 p span {
    line-height: 1.5em;
    font-size: 1.8rem;
    display: inline-block;
    margin-top: 40px; }

  #c0102 {
    width: 100%; }

  #c0102 p {
    width: 453px;
    height: 70px;
    margin: 0 auto 60px; }

  #c0102 p a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #f06518;
    border-radius: 5px; }

  #c0103 p {
    width: 60%;
    font-size: 1.8rem;
    margin: 0 auto; }

  .sp {
    display: none; }

  #spHeader {
    display: block; }

  div.spMenu {
    display: block; } }
@media (max-width: 900px) {
  .campaignContainer {
    width: 96%;
    padding-top: 40px;
    margin: 0 auto; }

  .campaignContainer h2 {
    width: 100%; }

  .campaignContainer h2 img {
    width: 100%; }

  .campaignContainer div {
    width: 100%; }

  #c0101 {
    width: 100%;
    margin: 0 auto 62px; }

  #c0101 h3 {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 62px; }

  #c0101 p {
    font-size: 2.4rem;
    line-height: 1.8em; }

  #c0101 p span {
    line-height: 1.5em;
    font-size: 1.8rem;
    display: inline-block;
    margin-top: 40px; }

  #c0102 {
    width: 100%; }

  #c0102 p {
    width: 100%;
    height: 70px;
    margin: 0 auto 60px; }

  #c0102 p a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #f06518;
    border-radius: 5px; }

  #c0103 p {
    width: 100%;
    font-size: 1.8rem;
    margin: 0 auto; }

  .sp {
    display: none; } }
@media (max-width: 480px) {
  .campaignContainer {
    width: 96%;
    padding-top: 40px;
    margin: 0 auto; }

  .campaignContainer h2 {
    width: 100%; }

  .campaignContainer h2 img {
    width: 100%; }

  #mvcopy {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 20px;
    text-align: left;
    color: #fff;
    background: #000; }

  .campaignContainer div {
    width: 100%; }

  #c0101 {
    width: 100%;
    margin: 0 auto 62px; }

  #c0101 h3 {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 62px;
    padding: 20px 0; }

  #c0101 p {
    font-size: 2.4rem;
    line-height: 1.5em; }

  #c0101 p a {
    font-size: 1.6rem;
    display: block;
    text-align: center;
    float: none;
    margin-top: 35px; }

  #c0101 p span {
    line-height: 1.5em;
    font-size: 1.8rem;
    display: inline-block;
    margin-top: 40px; }

  #c0102 {
    width: 100%; }

  #c0102 p {
    width: 100%;
    height: 70px;
    margin: 0 auto 60px; }

  #c0102 p a {
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #f06518;
    border-radius: 5px; }

  #c0103 p {
    width: 100%;
    font-size: 1.8rem;
    margin: 0 auto; }

  .pc {
    display: none; }

  .sp {
    display: block; } }
/*終了*/
#cp-end {
  background-color: #f06518;
  padding: 60px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 60px; }

#cp-end h2 {
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 60px; }

#cp-end p {
  width: 50%;
  color: #fff;
  font-size: 1.6rem;
  margin: 0 auto; }

#cp-end p span {
  display: inline-block;
  padding-left: 1em; }

#cp-end p span::before {
  content: '※';
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

#cp-end-logo {
  text-align: center;
  padding-bottom: 60px; }

#cp-end-logo img {
  width: 100%; }

#c0101 p {
  font-size: 2.0rem; }

#c0102 h3 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #cp-end p {
    width: 96%; }

  #c0102 h3 {
    text-align: left; } }
/*▼2020-09▼*/
#campaign-2020-09 #c0102 h2 {
  text-align: center;
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 40px; }

#campaign-2020-09 #cd02 p a {
  idth: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  line-height: 70px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #25AD1F;
  border-radius: 5px; }

#campaign-2020-09 #cd03 ul {
  font-size: 1.6rem;
  padding-left: 1em;
  margin-bottom: 40px; }

#campaign-2020-09 #cd03 ul li span {
  margin-left: -1em; }

#campaign-2020-09 #c0109 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #eee;
  padding: 20px; }

#campaign-2020-09 #c0109 #bottleSection {
  width: 12%; }

#campaign-2020-09 #c0109 #detailSection {
  width: 30%;
  align-self: flex-end; }

#campaign-2020-09 #c0109 #detailSection h4 {
  font-size: 1.8rem;
  font-weight: 600; }

#campaign-2020-09 #c0109 #detailSection p.heip {
  font-size: 1.6rem; }

#campaign-2020-09 #c0109 #detailSection p.tokup {
  font-size: 1.7rem;
  font-weight: 700;
  color: #ED1115; }

#campaign-2020-09 #c0109 #commentSection {
  width: 56%;
  align-self: flex-end;
  font-size: 1.6rem; }

@media (max-width: 480px) {
  #campaign-2020-09 #c0109 {
    box-sizing: border-box;
    display: block; }

  #campaign-2020-09 #c0109 #bottleSection {
    width: 100%;
    margin-bottom: 30px; }

  #campaign-2020-09 #c0109 #detailSection {
    width: 100%;
    margin-bottom: 30px; }

  #campaign-2020-09 #c0109 #commentSection {
    width: 100%; } }
/*フォーム*/
#mail-campaign-2020-09 {
  height: 100vh; }

#mail-campaign-2020-09 #formArea {
  width: 50%;
  margin: 0 auto; }

#mail-campaign-2020-09 #formArea h2 {
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #999; }

#mail-campaign-2020-09 #formArea p {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 20px; }

#mail-campaign-2020-09 #formArea dl {
  margin-bottom: 20px; }

#mail-campaign-2020-09 #formArea dt {
  font-size: 1.6rem; }

#mail-campaign-2020-09 #formArea input {
  width: 100%;
  padding: 5px;
  font-size: 1.6rem;
  box-sizing: border-box; }

#mail-campaign-2020-09 #formArea input#submit {
  border-radius: 5px;
  border: none;
  background-color: #1EB013;
  color: #fff; }

@media (max-width: 480px) {
  #mail-campaign-2020-09 {
    height: 100%; }

  #mail-campaign-2020-09 #formArea {
    width: 96%;
    margin: 0 auto; } }
#cam202009-complete div {
  height: 100vh; }

#cam202009-complete div {
  width: 50%;
  margin: 0 auto; }

#cam202009-complete h2 {
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #999; }

#cam202009-complete p {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 20px; }

@media (max-width: 480px) {
  #cam202009-complete div {
    height: 100%; }

  #cam202009-complete div {
    width: 96%;
    margin: 0 auto; } }
/*▲会員登録キャンペーン▲*/
/*▼インスタグラム▼*/
.instaContainer {
  min-height: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 60px;
  background-image: url("../images/items/img-caution.png");
  background-repeat: no-repeat;
  background-position: center; }

.instaContainer h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px; }

/*▲インスタグラム▲*/
/*▼デビルマンSP時並び替え2020-0707▼*/
@media (max-width: 480px) {
  #devilman .itemTitle {
    order: 1; }

  #dm-order02 {
    order: 2 !important; }

  #dm-order03 {
    order: 3 !important; }

  #dm-order04 {
    order: 4 !important; }

  #dm-order05 {
    order: 5 !important; }

  #dm-order06 {
    order: 6 !important; }

  #dm-order07 {
    order: 7 !important; }

  #dm-order08 {
    order: 8 !important; }

  #dm-order09 {
    order: 9 !important; }

  #dm-order10 {
    order: 10 !important; }

  #dm-order11 {
    order: 11 !important; }

  #dm-order12 {
    order: 12 !important; }

  #dm-order13 {
    order: 13 !important; }

  #dm-order14 {
    order: 14 !important; } }
/*▲デビルマンSP時並び替え2020-0707▲*/
/*===================================▼ウイスキーミュウガイド▼*/
#whiskymewGuide {
  padding-top: 45px; }

@media (max-width: 480px) {
  #whiskymewGuide {
    width: 100%; } }
#whiskymewGuide p {
  font-size: 1.6rem; }

#firstSection {
  margin-bottom: 40px; }

#firstSection h1 {
  width: 100%;
  text-align: center;
  margin-bottom: 36px; }

#description-guide {
  width: 1000px;
  height: 245px;
  background-image: url("../images/lp/colmun-2020-09/bg-dg.jpg");
  background-repeat: no-repeat; }

@media (max-width: 480px) {
  #description-guide {
    width: 100%;
    min-height: 487px;
    background-image: url("../images/lp/colmun-2020-09/sp/bg-dg.jpg");
    background-size: cover; } }
#description-guide p {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  position: relative;
  top: 80px; }

@media (max-width: 480px) {
  #description-guide p {
    width: 96%;
    margin: 0 auto;
    text-align: left;
    top: 30px; }

  #description-guide p::before {
    width: 100px;
    content: url("../images/lp/colmun-2020-09/sp/ownament-dg.jpg");
    display: block;
    margin: 0 auto 20px; } }
#secondSection {
  position: relative; }

#ssh2Wrapper {
  width: 100%;
  display: flex;
  justify-content: center; }

#secondSection h2 {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  background-color: #fe641a;
  padding: 26px 46px;
  margin-bottom: 30px; }

#secondSection h2 span {
  display: block;
  font-size: 1.8rem;
  text-align: center; }

@media (max-width: 480px) {
  #secondSection h2 {
    width: 100%;
    padding: 20px; } }
.ssch3Wrapper {
  display: flex;
  justify-content: center; }

#ssContainer h3 {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 20px;
  border-top: 2px solid #be9a0c;
  border-bottom: 2px solid #be9a0c;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #ssContainer h3 {
    font-size: 1.8rem;
    padding: 20px 0; } }
div.pre {
  width: 80%;
  margin: 0 auto 56px;
  display: flex;
  justify-content: space-between; }

div.pre p {
  width: 48%;
  font-size: 1.8rem !important; }

@media (max-width: 480px) {
  div.pre {
    width: 96%;
    margin: 0 auto 100px;
    display: block; }

  div.pre p {
    width: 100%;
    margin-bottom: 30px; } }
#whatsThis {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px; }

#whatsThis .question {
  width: 40%; }

#whatsThis .question p {
  font-size: 2.6rem;
  color: #3e84f7;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px; }

@media (max-width: 480px) {
  #whatsThis {
    width: 96%;
    margin: 0 auto 60px;
    display: block; }

  #whatsThis .question {
    width: 100%;
    margin: 30px 0 0 0; } }
#thirdSection h2 {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px; }

#thirdSection h2 span {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: solid 2px #be9a0c; }

#thirdSection h2 span::before {
  content: url("../images/lp/colmun-2020-09/mark-ts-before.gif"); }

#thirdSection h2 span::after {
  content: url("../images/lp/colmun-2020-09/mark-ts-after.gif"); }

#tsDescriotion {
  margin-bottom: 100px; }

#tsDescriotion p {
  font-size: 2.0rem;
  margin-bottom: 60px; }

@media (max-width: 480px) {
  #tsDescriotion {
    width: 96%;
    margin: 0 auto; }

  #warauLabelSp h3 {
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
    color: #2883e0; }

  #tsImage img.sp {
    display: block;
    margin: 0 auto; } }
#whiskymewGuide .articleContainer {
  width: 100%;
  margin-bottom: 60px; }

#whiskymewGuide .articleContainer h3 {
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 2.0rem;
  background-color: #be9a0c;
  padding: 5px 10px;
  margin-bottom: 24px;
  box-sizing: border-box; }

@media (max-width: 480px) {
  #whiskymewGuide .articleContainer {
    width: 96%;
    margin: 0 auto 60px; } }
#whiskymewGuide .hap {
  font-size: 2.0rem;
  font-weight: bold;
  color: #be9a0c;
  padding: 0 40px; }

@media (max-width: 480px) {
  #whiskymewGuide .hap {
    padding: 0 0 0 1em;
    font-size: 1.6rem; }

  #whiskymewGuide .hap span {
    margin-left: -1em; } }
.hapWrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

#whiskymewGuide .firstLebel {
  margin: 54px 0;
  border: 2px solid #be9a0c;
  border-radius: 10px;
  padding: 18px 40px; }

@media (max-width: 480px) {
  #whiskymewGuide .firstLebel {
    padding: 18px 10px; } }
#whiskymewGuide .firstLebel h4 {
  display: inline-block;
  font-size: 2.0rem;
  font-weight: bold;
  color: #be9a0c;
  border-bottom: 2px solid #be9a0c;
  margin-bottom: 15px; }

@media (max-width: 480px) {
  #whiskymewGuide .firstLebel h4 {
    display: block;
    text-align: center; } }
#whiskymewGuide .firstLebel h4 + p {
  font-size: 1.6rem;
  margin-bottom: 32px; }

#whiskymewGuide .secondLebel {
  border: 1px solid #be9a0c;
  border-radius: 10px;
  padding: 20px 25px; }

#whiskymewGuide .secondLebel h5 {
  display: inline-block;
  font-size: 1.8rem;
  border-bottom: 1px solid #333;
  margin-bottom: 1.8rem; }

@media (max-width: 480px) {
  #whiskymewGuide .secondLebel h5 {
    display: block;
    text-align: center; } }
#whiskymewGuide .secondLebel dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 1.4rem; }

@media (max-width: 480px) {
  #whiskymewGuide .secondLebel dl {
    margin-bottom: 20px; }

  #whiskymewGuide .secondLebel dl dt {
    font-weight: bold; } }
#classification-moltwhisky p {
  margin-bottom: 18px; }

#classification-moltwhisky #cmi {
  text-align: center;
  padding: 30px 0 0; }

#single-malt {
  position: relative; }

#single-malt p#lady {
  position: absolute;
  top: 20px;
  right: 40px; }

@media (max-width: 480px) {
  #single-malt p#lady {
    position: relative;
    top: 10px;
    right: 0;
    text-align: center; } }
#single-cask {
  background-color: #7aac67;
  background-image: url("../images/lp/colmun-2020-09/lady02.png");
  background-repeat: no-repeat;
  background-position: top 20px right 20px;
  border-radius: 15px;
  padding: 34px 200px 34px 80px;
  margin-bottom: 140px; }

#single-cask p {
  color: #fff;
  font-size: 1.8rem; }

#single-cask p span img {
  margin: 0 5px 5px 0; }

@media (max-width: 480px) {
  #single-cask {
    padding: 20px;
    background-image: none; }

  #single-cask p img.sp {
    display: block;
    margin: 0 auto; } }
#barrelTable-pc {
  margin-top: 40px; }

#barrelTable-pc h4 {
  font-size: 2.0rem;
  border-bottom: 2px solid #333;
  display: inline-block; }

#barrelTable-pc p {
  font-size: 1.2rem;
  text-align: right; }

#barrelTable-pc table {
  background-color: #f1f0ef;
  font-size: 1.6rem;
  margin-bottom: 20px; }

#barrelTable-pc table tr {
  border-bottom: 2px solid #fff; }

#barrelTable-pc table th, #barrelTable-pc table td {
  border-right: 2px solid #fff;
  padding: 10px; }

#barrelTable-pc table th {
  text-align: center; }

#barrelTable-pc table .barrel {
  width: 16%;
  text-align: center; }

#barrelTable-pc table .capacity {
  width: 16%;
  text-align: center; }

#barrelTable-pc table td span {
  display: block; }

#barrelTable-pc ul {
  font-size: 1.2rem; }

@media (max-width: 480px) {
  #barreltable-sp {
    margin: 40px 0; }

  #barreltable-sp h4 {
    font-size: 2.0rem;
    border-bottom: 2px solid #333;
    margin-bottom: 10px; }

  #barreltable-sp p {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 10px; }

  #barreltable-sp .barrelBox {
    margin-bottom: 20px; }

  #barreltable-sp .barrelBox h5 {
    background-color: #000;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 3px 0; }

  #barreltable-sp .barrelBox dt {
    background-color: #f1f0ef;
    font-size: 1.6rem;
    text-align: center;
    padding: 3px; }

  #barreltable-sp .barrelBox dd {
    font-size: 1.6rem;
    padding: 10px; }

  #barrel ul {
    margin-bottom: 20px; }

  #barrel ul li {
    font-size: 1.4rem;
    padding-left: 1em; }

  #barrel ul li span {
    margin-left: -1em; }

  #barrel img {
    display: block;
    margin: 0 auto; } }
#bl01 {
  display: flex;
  justify-content: space-between; }

#bl01 div {
  width: 48%; }

#bl01 div p.hap {
  padding: 0;
  text-align: center;
  margin-bottom: 40px; }

#bl01 div#area {
  width: 100%; }

#bl01 div#area h4 {
  font-size: 1.4rem; }

#bl01 div#area p.map {
  margin: 40px auto;
  text-align: center; }

@media (max-width: 480px) {
  #bl01 {
    display: block; }

  #bl01 div {
    width: 100%;
    margin-bottom: 20px; } }
#bl02 p {
  margin-bottom: 40px;
  text-align: center; }

@media (max-width: 480px) {
  #bl02 p img.sp {
    display: block;
    margin: 0 auto; }

  #fourthSection h2 {
    margin: 0 auto 20px; }

  #fourthSection h2 img {
    margin: 0 auto; } }
#choiceWhisky h3 {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 20px;
  border-top: 2px solid #be9a0c;
  border-bottom: 2px solid #be9a0c;
  margin-bottom: 40px; }

#choiceWhisky h4 {
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 2.0rem;
  background-color: #be9a0c;
  padding: 5px 10px;
  margin-bottom: 24px;
  box-sizing: border-box; }

@media (max-width: 480px) {
  #choiceWhisky {
    width: 96%;
    margin: 0 auto; } }
#speaiWrapper {
  margin-bottom: 60px; }

#speaiWrapper p {
  font-size: 2.0rem;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #speaiWrapper p {
    font-size: 1.6rem; } }
#speai {
  background-color: #ffe3d6;
  border-radius: 15px;
  padding: 20px; }

#speai dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

#speai dl:first-child {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc; }

#speai dl:nth-child(2) {
  padding-top: 10px; }

#speai dt {
  width: 24%;
  font-size: 2.0rem; }

#speai dd {
  width: 70%;
  font-size: 1.6rem; }

#speai dd::before {
  content: "…";
  margin-left: -1em; }

@media (max-width: 480px) {
  #speai dl {
    display: block; }

  #speai dt {
    width: 100%; }

  #speai dd {
    width: 100%;
    font-size: 1.6rem; }

  #speai dd::before {
    content: "";
    margin-left: 0; } }
#cartSection .cartContainer h4 {
  font-size: 2.4rem;
  background-color: #fff;
  color: #fe641a; }

#cartSection .cartBox {
  display: flex;
  justify-content: space-between; }

#cartSection .cartBox .cartleft {
  width: 40%; }

#cartSection .cartBox .cartleft p {
  text-align: center;
  font-weight: bold; }

#cartSection .cartBox .cartright {
  width: 54%; }

#cartSection .cartBox .cartright p {
  margin-bottom: 20px; }

#cartSection .cartBox .cartright span {
  color: #fe641a; }

#cartSection .recommend {
  width: 100%;
  height: 178px;
  position: relative;
  background-color: #000;
  background-image: url("../images/lp/colmun-2020-09/bg-recommend.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 20px; }

#cartSection .recommend h5 {
  font-size: 2.4rem;
  color: #fe641a;
  border-bottom: 1px solid #fe641a;
  margin-bottom: 10px; }

#cartSection .recommend p {
  color: #fff; }

@media (max-width: 480px) {
  #cartSection .cartContainer h4 {
    font-size: 2.0rem;
    text-align: center; }

  #cartSection .cartBox {
    display: block; }

  #cartSection .cartBox .cartleft {
    width: 100%;
    margin-bottom: 30px; }

  #cartSection .cartBox .cartright {
    width: 100%; }

  #cartSection .recommend {
    width: 100%;
    height: 294px;
    position: relative;
    background-color: #000;
    background-image: url("../images/lp/colmun-2020-09/sp/bg-recommend.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 20px; } }
.crWrapper {
  position: absolute;
  width: 60%;
  top: 5px;
  right: 20px; }

.cartright .btnDetail p a {
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  border-radius: 20px;
  background-color: #fe641a; }

@media (max-width: 480px) {
  .crWrapper {
    position: relative;
    width: 90%;
    top: 5px;
    right: 0;
    margin: 0 auto; } }
/*▲ウイスキーミュウガイド▲*/
/*▼==============================オンラインセミナー▼*/
.dfw {
  display: flex;
  justify-content: center; }

#online-seminor .breadClumb {
  margin-bottom: 40px; }

#online-seminor p, #online-seminor ul li, #online-seminor dl {
  font-size: 1.6rem; }

.olBlack {
  font-size: 2.0rem;
  font-weight: bold; }

#title {
  margin-bottom: 80px; }

#title h1 {
  margin-bottom: 20px; }

#title #tpw {
  border: 1px solid #666;
  padding: 5px;
  margin-bottom: 20px; }

#title #tpw p {
  color: #F01215;
  font-size: 1.8rem;
  font-weight: bold; }

#olDescription {
  margin-bottom: 120px; }

#olDescription p {
  width: 80%;
  margin: 0 auto 80px; }

#olDescription ul {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }

#olDescription ul li p {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  font-size: 1.4rem; }

p#unCopy {
  font-size: 1.4rem; }

.detail {
  border-left: 2px solid #fe641a;
  padding-left: 40px;
  margin-bottom: 60px;
  box-sizing: border-box; }

.detail h2 {
  margin-left: -40px;
  margin-bottom: 40px; }

.detail h2 span {
  display: inline-block;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  background-color: #fe641a;
  padding: 8px; }

.detail h2 span:first-child {
  background-color: #000; }

#outline p {
  margin-bottom: 40px; }

#outline ul {
  margin-bottom: 40px; }

#outlineTableArea {
  padding: 20px;
  background-color: #fbf4ed; }

#outlineTableArea dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 0.8em; }

#outlineTableArea dl dt {
  width: 20%;
  text-align: center; }

#outlineTableArea dl dd {
  width: 80%; }

#set p {
  padding-left: 36px;
  margin-bottom: 30px; }

#set ul {
  padding-left: 36px;
  margin-bottom: 36px; }

#set img {
  display: block;
  margin: 0 auto 36px; }

#set h4 {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fe641a;
  padding: 10px;
  border: 2px solid #fe641a;
  border-radius: 10px; }

#set01 {
  margin-bottom: 40px; }

#set02 p.spp {
  /*text-align: center;*/
  font-size: 2.4rem;
  font-weight: bold;
  color: #fe641a; }

#set02 p.s2p {
  margin-bottom: 0; }

#set li, #special li, #caution01 li {
  padding-left: 2em; }

#caution01 span.cois {
  display: block;
  margin-left: -1em; }

@media (max-width: 480px) {
  #caution01 span.cois {
    display: inline;
    margin-left: 0; } }
#caution02 li, caution03 li {
  padding-left: 1em; }

span.num {
  margin-left: -2em; }

span.kome {
  margin-left: -1em; }

#yamaokaArea {
  overflow: hidden; }

#yamaokaArea img {
  float: left;
  margin-right: 40px; }

#inquiry h2 span:first-child {
  display: none; }

@media (max-width: 480px) {
  #title {
    width: 96%;
    margin: 0 auto; }

  #title h1 img {
    margin-bottom: 20px; }

  #title p {
    padding-left: 1em; }

  #title p span {
    margin-left: -1em; }

  #olDescription {
    width: 96%;
    margin: 0 auto; }

  #olDescription p {
    width: 100%; }

  .detail {
    border-left: 0;
    padding-left: 0;
    margin-bottom: 60px;
    box-sizing: border-box;
    width: 96%;
    margin: 0 auto 60px; }

  .detail h2 {
    margin-left: 0;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    background-color: #fe641a; }

  .detail h2 span:first-child {
    background-color: inherit; }

  #outlineTableArea {
    padding: 0; }

  #outlineTableArea dl {
    display: block; }

  #outlineTableArea dl dt {
    width: 100%;
    background-color: #ccc; }

  #outlineTableArea dl dd {
    width: 100%;
    padding: 5px; }

  #set ul {
    padding-left: 0; }

  #set p {
    padding-left: 0; }

  #set01 li {
    margin-bottom: 10px; }

  #caution01 li {
    padding-left: 1em; }

  #caution01 li span {
    margin-left: -1em; }

  #caution02 li {
    margin-bottom: 10px; }

  #caution03 li {
    padding-left: 1em; }

  #outline li {
    padding-left: 2em; }

  #outline li span {
    margin-left: -2em; }

  .s2p {
    padding-left: 1em !important; }

  .s2p span {
    margin-left: -1em; }

  #img-yamaoka {
    text-align: center;
    margin-bottom: 20px; }

  #yamaokaArea img {
    float: none;
    margin-right: 0px; } }
/*▲オンラインセミナー▲*/
/*▼オンラインセミナー商品詳細▼*/
#online-seminor .itemArticle p, #online-seminor .itemArticle li {
  font-size: 1.6rem; }

#online-seminor .itemArticle h4 {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 5px;
  margin-bottom: 20px;
  border: 1px solid #333; }

#online-seminor .itemArticle h5 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px; }

#ia02 ul, #ia03 ul, #ia02 dd {
  padding-left: 3em; }

#ia02 ul {
  margin-bottom: 20px; }

#ia02 p {
  padding-left: 2em; }

#ia02 ul li span, #ia03 ul li span, #ia02 dd span, #ia02 p span {
  margin-left: -1em; }

#ia02 div {
  margin-bottom: 24px; }

#ia02 p span {
  margin-left: -1em; }

#ia02-02 p {
  margin-bottom: 10px; }

#ia02-03 {
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid #999;
  border-radius: 5px; }

#ia02-03 dl dt {
  color: #2A95F9;
  font-weight: bold; }

#ia04 ul {
  padding-left: 3em; }

#ia04 li {
  list-style-type: disc; }

#ia04 li a {
  color: #333; }

#ia05 p {
  text-align: center; }

#ia05 p a {
  display: inline-block;
  color: #fff;
  font-size: 2.0rem;
  font-weight: 700;
  text-decoration: none;
  padding: 20px;
  background-color: #169721;
  border-radius: 8px; }

/*▲オンラインセミナー商品詳細▲*/
/*▼==============================WHISKY MEWが飲める店▼*/
#list-bar-container {
  padding-top: 40px; }

#mv-list-bar {
  margin-bottom: 50px; }

#description-bar {
  border: 4px solid #fe641a;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 40px;
  margin-bottom: 60px;
  box-sizing: border-box; }

@media (max-width: 480px) {
  #description-bar {
    padding: 10px; } }
#description-bar p {
  font-size: 2.0rem;
  color: #666;
  text-align: center; }

@media (max-width: 480px) {
  #description-bar p {
    font-size: 1.6rem;
    text-align: left; } }
#barList {
  margin-bottom: 90px; }

#barList h2 {
  font-size: 2.4rem;
  color: #333;
  margin-bottom: 30px; }

@media (max-width: 480px) {
  #barList h2 {
    font-size: 2.0rem; } }
#barList h3 {
  font-size: 2.4rem;
  color: #fff;
  background-color: #000;
  display: inline-block;
  line-height: 20px;
  padding: 10px 10px 4px 10px;
  margin-bottom: 30px;
  box-sizing: border-box; }

@media (max-width: 480px) {
  #barList h3 {
    width: 100%; } }
#barList h3 span {
  font-size: 1.4rem;
  color: #fe641a;
  margin-left: 10px; }

#barList li {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 26px;
  font-size: 1.6rem; }

#barList ul {
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #barList ul {
    width: 96%;
    margin: 0 auto; } }
#barList li dl {
  width: 62%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

@media (max-width: 480px) {
  #barList li dl {
    width: 100%; } }
#barList li dl dt {
  width: 34%; }

@media (max-width: 480px) {
  #barList li dl dt {
    width: 100%; } }
#barList li p a {
  color: #396fd4; }

#barList li p a::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../images/common/icon-link.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.5em; }

#list-bar-container #forOwner {
  position: relative;
  border: 1px solid #fe641a;
  border-radius: 10px;
  padding: 40px 26px;
  box-sizing: border-box; }

@media (max-width: 480px) {
  #list-bar-container #forOwner {
    width: 96%;
    padding: 40px 20px;
    margin: 0 auto; } }
#list-bar-container #forOwner h2 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  background-color: #fe641a;
  padding: 0 20px;
  margin-top: -20px; }

#list-bar-container #forOwner h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px; }

#list-bar-container #forOwner p {
  font-size: 1.6rem;
  border-top: 1px solid #000;
  padding: 20px; }

@media (max-width: 480px) {
  #list-bar-container #forOwner p {
    padding: 20px 0 0; } }
/*▲WHISKY MEWが飲める店▲*/
/*==================================▼樽ものがたり▼*/
/*▼INDEX▼*/
#barrelColumnSection {
  padding-top: 40px; }

#barrelColumnSection p {
  font-size: 1.6rem; }

#aboutTarumonogatari {
  margin-bottom: 100px; }

#aboutTarumonogatari dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 46px;
  border-bottom: 1px solid #999;
  margin-bottom: 46px; }

#aboutTarumonogatari dl:last-child {
  border: none; }

#aboutTarumonogatari dl dt {
  display: flex;
  align-items: center; }

#aboutTarumonogatari dl dd {
  width: 40%;
  display: flex;
  align-items: center; }

#aboutTarumonogatari dl:nth-child(2n-1) dt {
  order: 2; }

#aboutTarumonogatari dl:nth-child(2n-1) dd {
  order: 1; }

#atText p {
  margin-bottom: 30px; }
#atText p:last-child {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 480px) {
    #atText p:last-child {
      display: block; } }
#atText img {
  width: 31.6%; }
  @media (max-width: 480px) {
    #atText img {
      width: 100%;
      margin-bottom: 14px; } }

#aboutOak #oak01 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 46px;
  border-bottom: 1px solid #999;
  margin-bottom: 46px; }

#aboutOak #oak01 dl {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

#aboutOak #oak01 dl dt {
  display: flex;
  align-items: center; }

#aboutOak #oak01 dl dd {
  width: 60%;
  display: flex;
  align-items: center; }

#aboutOak #oak02 {
  padding-bottom: 46px;
  margin-bottom: 46px; }

#aboutOak #oak02 dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

#aboutOak #oak02 dl dt {
  width: 40%; }

#aboutOak #oak02 dl dd {
  width: 58%;
  display: flex;
  align-items: center; }

#tarumonogatariQandA {
  margin-bottom: 100px; }

#tarumonogatariQandA dl {
  margin-bottom: 40px; }

#tarumonogatariQandA dt {
  display: flex;
  align-items: center;
  background-color: #fe641a;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  box-sizing: border-box;
  margin-bottom: 20px; }

#tarumonogatariQandA dt::before {
  content: url("../barrel/images/index/icon-Q.png");
  font-size: 1.0rem;
  margin-right: 10px; }

#tarumonogatariQandA dd {
  position: relative;
  padding-top: 10px;
  padding-left: 58px; }

#tarumonogatariQandA dd::before {
  content: url("../barrel/images/index/icon-A.png");
  position: absolute;
  top: 0;
  left: 0; }

#tarumonogatariQandA dd p {
  padding-left: 1em; }

#tarumonogatariQandA dd p span {
  margin-left: -1em; }

@media (max-width: 480px) {
  #barrelColumnSection {
    width: 96%;
    margin: 0 auto; }

  #aboutTarumonogatari dl dt {
    margin-bottom: 20px; }

  #aboutTarumonogatari dl dd {
    width: 100%; }

  #aboutTarumonogatari dl:nth-child(2n-1) dt {
    order: 1; }

  #aboutTarumonogatari dl:nth-child(2n-1) dd {
    order: 2; }

  #aboutOak #oak01 {
    display: block; }

  #aboutOak #oak01 dl {
    width: 100%;
    margin-bottom: 30px; }

  #aboutOak #oak01 dl dt {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px; }

  #aboutOak #oak01 dl dd {
    width: 100%; }

  #aboutOak #oak02 dl dt {
    width: 100%;
    margin-bottom: 20px; }

  #aboutOak #oak02 dl dd {
    width: 100%; } }
/*▲INDEX▲*/
.baTitle {
  margin-bottom: 0 !important; }

.barrelTable {
  margin-bottom: 20px; }

.barrelTable dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 1px solid #999;
  border-bottom: 0; }

.barrelTable dl:first-child {
  font-weight: bold; }

.barrelTable dl:last-child {
  border-bottom: 1px solid #999; }

.barrelTable dl dt, .barrelTable dl dd {
  padding: 5px;
  box-sizing: border-box; }

.barrelTable dl dt {
  width: 20%;
  border-right: 1px solid #999;
  background-color: #EFEFEF; }

.barrelTable dl dd {
  width: 80%; }

@media (max-width: 480px) {
  .barrelTable dl {
    display: block; }

  .barrelTable dl dt {
    width: 100%; } }
.ballpen h4 {
  background-color: #fe641a;
  text-align: center;
  color: #fff;
  border: none !important; }

#btnSection ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

#btnSection ul li {
  width: 46%; }

#btnSection ul li a {
  display: block;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2rem;
  color: #fff; }

@media (max-width: 480px) {
  #btnSection {
    order: 8; }

  #btnSection ul {
    display: block; }

  #btnSection ul li {
    width: 100%; } }
.bnr-karimokufair {
  text-align: center; }
  .bnr-karimokufair img {
    width: 70%; }
    @media (max-width: 480px) {
      .bnr-karimokufair img {
        width: 100%; } }

/*▲樽ものがたり▲*/
/*==================================▼秩父スタンプラリー▼*/
#stamprally-chichibu {
  /*#stamprally-container END*/ }
  #stamprally-chichibu #stamprally-container {
    margin-top: 42px;
    /*#srDescription*/
    /*#infection-prevention*/
    /*#conditions*/
    /*#barlist*/ }
    #stamprally-chichibu #stamprally-container section#title {
      margin-bottom: 32px; }
      #stamprally-chichibu #stamprally-container section#title h1 {
        font-size: 2.4rem;
        font-weight: bold;
        text-align: center;
        border-bottom: 3px solid #000;
        margin-bottom: 28px; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#title h1 span {
            display: block;
            text-align: center; } }
      #stamprally-chichibu #stamprally-container section#title p {
        font-size: 3.6rem;
        font-weight: bold;
        text-align: center; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#title p {
            font-size: 2.0rem; } }
        #stamprally-chichibu #stamprally-container section#title p span {
          color: #fe641a;
          margin-left: 0; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#title p span {
              display: block; } }
    #stamprally-chichibu #stamprally-container section#srDescription {
      margin-bottom: 50px; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#srDescription {
          width: 96%;
          margin: 0 auto; } }
      #stamprally-chichibu #stamprally-container section#srDescription p {
        font-size: 1.8rem; }
      #stamprally-chichibu #stamprally-container section#srDescription div#srBottle {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 54px; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#srDescription div#srBottle {
            width: 96%;
            display: block;
            margin: 60px auto 0; } }
        #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec {
          width: 48%; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec {
              width: 100%; } }
          #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable {
            box-sizing: border-box;
            background-color: #fbf4ed;
            padding: 13px;
            margin-top: 72px; }
            @media (max-width: 480px) {
              #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable {
                margin-bottom: 60px; } }
            #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable h2 {
              font-size: 2.0rem;
              font-weight: bold;
              margin-bottom: 30px; }
              #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable h2 span {
                display: block;
                font-size: 2.6rem; }
                @media (max-width: 480px) {
                  #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable h2 span {
                    font-size: 6vw; } }
            #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable dl {
              font-size: 2.0rem;
              font-weight: bold;
              display: flex;
              flex-wrap: wrap;
              justify-content: flex-start; }
              @media (max-width: 480px) {
                #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable dl {
                  font-size: 1.8rem; } }
              #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable dl dt {
                width: 18%; }
                @media (max-width: 480px) {
                  #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable dl dt {
                    width: 28%; } }
              #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable dl dd {
                width: 72%; }
            #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#spec div#specTable table {
              font-size: 1.6rem; }
        #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#comment {
          width: 48%; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#comment {
              width: 100%; } }
          #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#comment h2 {
            font-size: 2.0rem;
            font-weight: bold;
            color: #fff;
            text-align: center;
            background-color: #000;
            padding: 18px;
            margin-bottom: 50px; }
          #stamprally-chichibu #stamprally-container section#srDescription div#srBottle div#comment p {
            font-size: 1.6rem;
            line-height: 1.8em;
            text-indent: 1em; }
    #stamprally-chichibu #stamprally-container section#Infection-prevention {
      margin-bottom: 60px; }
      #stamprally-chichibu #stamprally-container section#Infection-prevention h2 {
        font-size: 2.0rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        background-color: #fe641a;
        box-sizing: border-box;
        padding: 10px;
        margin-bottom: 30px; }
      #stamprally-chichibu #stamprally-container section#Infection-prevention p {
        width: 90%;
        font-size: 1.8rem;
        margin: 0 auto; }
      #stamprally-chichibu #stamprally-container section#Infection-prevention ul {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 30px auto; }
        #stamprally-chichibu #stamprally-container section#Infection-prevention ul li {
          width: 15%; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#Infection-prevention ul li {
              width: 30%;
              margin-bottom: 10px; } }
      #stamprally-chichibu #stamprally-container section#Infection-prevention div#ipCaution {
        width: 90%;
        margin: 0 auto; }
        #stamprally-chichibu #stamprally-container section#Infection-prevention div#ipCaution h3 {
          font-size: 1.8rem;
          font-weight: bold;
          color: #f4080c;
          margin-bottom: 10px; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#Infection-prevention div#ipCaution h3 {
              text-align: center;
              margin-bottom: 10px; } }
        #stamprally-chichibu #stamprally-container section#Infection-prevention div#ipCaution p {
          width: 100%;
          font-size: 1.6rem;
          color: #f4080c;
          padding-left: 1em;
          box-sizing: border-box; }
        #stamprally-chichibu #stamprally-container section#Infection-prevention div#ipCaution span {
          margin-left: -1em; }
    #stamprally-chichibu #stamprally-container section#additionalplan h3 {
      font-size: 2.0rem;
      font-weight: bold;
      color: #fe641a; }
    #stamprally-chichibu #stamprally-container section#additionalplan ul {
      display: flex;
      justify-content: flex-start;
      margin-top: 20px;
      margin-bottom: 20px; }
      #stamprally-chichibu #stamprally-container section#additionalplan ul li {
        margin-right: 20px; }
    #stamprally-chichibu #stamprally-container section#additionalplan p {
      font-size: 1.6rem; }
    #stamprally-chichibu #stamprally-container section#additionalplan p.brs {
      padding: 10px;
      border: 2px solid #333;
      border-radius: 10px;
      display: inline-block;
      margin-bottom: 20px; }
    #stamprally-chichibu #stamprally-container section#conditions p {
      font-size: 1.6rem;
      font-weight: bold; }
    #stamprally-chichibu #stamprally-container section#conditions div#postcard {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 40px; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#conditions div#postcard {
          display: block; } }
      #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back {
        width: 48%; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back {
            width: 100%; } }
        #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          border: 1px solid #000;
          padding: 5px; }
          #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#left {
            width: 49%;
            border-right: 2px solid #000; }
            @media (max-width: 480px) {
              #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#left {
                width: 100%;
                border-bottom: 2px solid #000;
                border-right: 0; } }
            #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#left ul li {
              font-size: 1.6rem;
              font-weight: bold; }
            #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#left p {
              font-weight: bold;
              color: #f5090d; }
              @media (max-width: 480px) {
                #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#left p {
                  text-align: center; } }
          #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#right {
            width: 49%;
            display: flex;
            align-items: center; }
            @media (max-width: 480px) {
              #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#right {
                width: 100%; } }
            #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#right p {
              width: 100%;
              text-align: center; }
              #stamprally-chichibu #stamprally-container section#conditions div#postcard div#back div#pcbBox div#right p span {
                display: block;
                font-size: 2.6rem;
                color: #f5090d; }
      #stamprally-chichibu #stamprally-container section#conditions div#postcard div#front {
        width: 48%; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#conditions div#postcard div#front {
            width: 100%; } }
      #stamprally-chichibu #stamprally-container section#conditions div#postcard figure {
        margin-bottom: 20px; }
        #stamprally-chichibu #stamprally-container section#conditions div#postcard figure figcaption {
          font-size: 1.6rem; }
    #stamprally-chichibu #stamprally-container section#barlist section {
      margin-bottom: 42px; }
    #stamprally-chichibu #stamprally-container section#barlist section#areaChichibu h3 {
      background-color: #48aa1d; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#barlist section#areaChichibu h3 {
          text-align: center; } }
    #stamprally-chichibu #stamprally-container section#barlist section#areaSaitama h3 {
      background-color: #1d66aa; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#barlist section#areaSaitama h3 {
          text-align: center; } }
    #stamprally-chichibu #stamprally-container section#barlist section#areaTokyo h3 {
      background-color: #aa381d; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#barlist section#areaTokyo h3 {
          text-align: center; } }
    #stamprally-chichibu #stamprally-container section#barlist p {
      font-size: 1.6rem;
      font-weight: bold;
      margin-bottom: 30px; }
    #stamprally-chichibu #stamprally-container section#barlist h3 {
      font-size: 1.8rem;
      font-weight: bold;
      color: #fff;
      padding: 5px 12px; }
    #stamprally-chichibu #stamprally-container section#barlist ul li {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      border-bottom: 1px solid #d1d0d0; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#barlist ul li {
          display: block;
          background-color: #eaeaea; } }
      #stamprally-chichibu #stamprally-container section#barlist ul li dl {
        width: 90%;
        font-size: 1.6rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#barlist ul li dl {
            display: block;
            width: 100%; } }
        #stamprally-chichibu #stamprally-container section#barlist ul li dl dt {
          width: 30%;
          padding: 5px 14px;
          background-color: #fbf4ed;
          box-sizing: border-box; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#barlist ul li dl dt {
              width: 100%;
              font-weight: bold; } }
        #stamprally-chichibu #stamprally-container section#barlist ul li dl dd {
          width: 70%;
          padding: 5px 30px;
          background-color: #eaeaea;
          box-sizing: border-box; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#barlist ul li dl dd {
              width: 100%;
              padding: 5px 14px; } }
      #stamprally-chichibu #stamprally-container section#barlist ul li p {
        width: 5%;
        display: flex;
        background-color: #eaeaea;
        margin: 0; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#barlist ul li p {
            display: inline-block;
            width: 49%;
            text-align: center;
            padding-bottom: 5px; } }
        #stamprally-chichibu #stamprally-container section#barlist ul li p a {
          align-self: center; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#barlist ul li p a {
              display: block;
              width: 100%;
              height: 100%; } }
    #stamprally-chichibu #stamprally-container section#barlist ul li:last-child {
      border: none; }
    #stamprally-chichibu #stamprally-container section.detail02 {
      font-size: 1.6rem; }
      #stamprally-chichibu #stamprally-container section.detail02 li {
        padding-left: 1em;
        margin-bottom: 5px; }
      #stamprally-chichibu #stamprally-container section.detail02 li::before {
        content: "※";
        display: inline-block;
        width: 1em;
        margin-left: -1em; }
    #stamprally-chichibu #stamprally-container section#caution-rally02 ul {
      margin-top: 40px; }
    #stamprally-chichibu #stamprally-container section#caution-rally03 {
      margin-bottom: 140px; }
    #stamprally-chichibu #stamprally-container section#wmSection {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 120px; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#wmSection {
          width: 96%;
          display: block;
          margin: 0 auto 100px; } }
      #stamprally-chichibu #stamprally-container section#wmSection div#wmsContainer {
        width: 70%;
        position: relative;
        font-size: 1.8rem;
        font-weight: bold;
        border: 5px solid #fe641a;
        border-radius: 10px;
        padding: 20px 50px; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#wmSection div#wmsContainer {
            width: 100%;
            padding: 20px;
            box-sizing: border-box; } }
      #stamprally-chichibu #stamprally-container section#wmSection div#wmsContainer::before {
        content: url("../images/lp/chichibu-stamprally/logo-whiskymew.png");
        display: block;
        width: 154px;
        height: 154px;
        position: absolute;
        top: -80px;
        left: -120px; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#wmSection div#wmsContainer::before {
            position: relative;
            top: 0;
            left: calc(50% - 77px);
            margin-bottom: 20px; } }
    @media (max-width: 480px) {
      #stamprally-chichibu #stamprally-container section#prSection {
        width: 96%;
        margin: 0 auto; } }
    #stamprally-chichibu #stamprally-container section#prSection h2 {
      font-size: 2.4rem;
      font-weight: bold;
      color: #fff;
      text-align: center;
      background-color: #000;
      margin-bottom: 46px; }
    #stamprally-chichibu #stamprally-container section#prSection div#prs01 {
      width: 900px;
      margin: 0 auto 60px; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#prSection div#prs01 {
          width: 100%; } }
      #stamprally-chichibu #stamprally-container section#prSection div#prs01 h3 {
        font-size: 2.4rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 46px; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#prSection div#prs01 h3 {
            font-size: 2.0rem; } }
      #stamprally-chichibu #stamprally-container section#prSection div#prs01 p {
        font-size: 1.8rem; }
    #stamprally-chichibu #stamprally-container section#prSection div#prs02 {
      width: 900px;
      margin: 0 auto 60px; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#prSection div#prs02 {
          width: 100%; } }
      #stamprally-chichibu #stamprally-container section#prSection div#prs02 h3 {
        text-align: center; }
        #stamprally-chichibu #stamprally-container section#prSection div#prs02 h3 span {
          display: inline-block;
          font-size: 2.0rem;
          font-weight: bold;
          color: #fff;
          background-color: #fe641a;
          padding: 10px 20px;
          margin: 0 auto 60px; }
      #stamprally-chichibu #stamprally-container section#prSection div#prs02 p {
        font-size: 1.6rem; }
    #stamprally-chichibu #stamprally-container section#prSection div#prs03 {
      width: 900px;
      margin: 0 auto 60px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#prSection div#prs03 {
          width: 100%; } }
      #stamprally-chichibu #stamprally-container section#prSection div#prs03 dl {
        font-size: 1.6rem;
        margin-bottom: 20px; }
      #stamprally-chichibu #stamprally-container section#prSection div#prs03 p#imgPrs03 {
        margin: 0 auto; }
    @media (max-width: 480px) {
      #stamprally-chichibu #stamprally-container section#prSection div#prs04 {
        width: 100%; } }
    #stamprally-chichibu #stamprally-container section#prSection div#prs04 div#boxPrs04 {
      margin-bottom: 100px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#prSection div#prs04 div#boxPrs04 p {
          margin: 0 auto;
          border-bottom: 1px solid #ccc; }
        #stamprally-chichibu #stamprally-container section#prSection div#prs04 div#boxPrs04 p:last-child {
          border-bottom: none; } }
    @media (max-width: 480px) {
      #stamprally-chichibu #stamprally-container section#prSection div#prs05 {
        width: 100%; } }
    #stamprally-chichibu #stamprally-container section#prSection div#prs05 h3 {
      text-align: center;
      margin-bottom: 40px; }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#prSection div#prs05 h3 {
          width: 100%; } }
      #stamprally-chichibu #stamprally-container section#prSection div#prs05 h3 span {
        display: inline-block;
        font-size: 1.8rem;
        font-weight: bold;
        padding: 0 10px;
        border-bottom: 1px solid #000; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#prSection div#prs05 h3 span a {
            display: none; } }
    #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table {
      margin-bottom: 60px; }
      #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        font-size: 1.6rem;
        line-height: 2.6em; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl {
            display: block;
            line-height: 1.8em;
            padding: 5px 0; } }
        #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl dt {
          width: 27%;
          box-sizing: border-box;
          padding-left: 10px; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl dt {
              width: 100%;
              font-weight: bold; } }
        #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl dd {
          width: 60%; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl dd {
              width: 100%;
              padding-left: 10px; } }
        #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl dd:last-child {
          width: 13%;
          text-align: center; }
          @media (max-width: 480px) {
            #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl dd:last-child {
              width: 100%;
              text-align: left; } }
      #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl#prs05Title {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background-color: #fe641a;
        color: #fff;
        font-weight: bold;
        text-align: center; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl#prs05Title {
            display: none; } }
        #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl#prs05Title dt, #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl#prs05Title dd {
          width: 13%; }
      #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl:nth-child(2n+1) {
        background-color: #ffe6da; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl:nth-child(2n+1) {
            background-color: #fff; } }
      @media (max-width: 480px) {
        #stamprally-chichibu #stamprally-container section#prSection div#prs05 div#prs05Table dl:nth-child(even) {
          background-color: #ffe6da; } }
    #stamprally-chichibu #stamprally-container section#prSection div#prs06 {
      margin-bottom: 100px; }
      #stamprally-chichibu #stamprally-container section#prSection div#prs06 p {
        font-size: 1.8rem;
        color: #f01215;
        text-align: center; }
        @media (max-width: 480px) {
          #stamprally-chichibu #stamprally-container section#prSection div#prs06 p {
            text-align: left;
            padding-left: 1em; } }
        #stamprally-chichibu #stamprally-container section#prSection div#prs06 p span {
          margin-left: -1em; }

/*▲秩父スタンプラリー▲*/
/*▼抽選予約方法の案内▼*/
.lottery .breadClumb {
  margin-bottom: 40px; }
.lottery #lottery-container h1 {
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #fe641a;
  padding: 50px 0;
  margin-bottom: 40px; }
  @media (max-width: 480px) {
    .lottery #lottery-container h1 {
      padding: 20px 0; } }
.lottery #lottery-container #lgc01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media (max-width: 480px) {
    .lottery #lottery-container #lgc01 {
      display: block; } }
  .lottery #lottery-container #lgc01 .image {
    width: 28%; }
    @media (max-width: 480px) {
      .lottery #lottery-container #lgc01 .image {
        width: 100%;
        margin-bottom: 30px; } }
  .lottery #lottery-container #lgc01 .info {
    width: 71%; }
    @media (max-width: 480px) {
      .lottery #lottery-container #lgc01 .info {
        width: 96%;
        margin: 0 auto; } }
    .lottery #lottery-container #lgc01 .info ul {
      border-top: 1px solid #ccc;
      margin-bottom: 17px; }
      .lottery #lottery-container #lgc01 .info ul li {
        font-size: 2.2rem;
        font-weight: bold;
        border-bottom: 1px solid #ccc; }
        @media (max-width: 480px) {
          .lottery #lottery-container #lgc01 .info ul li {
            font-size: 2.0rem; } }
        .lottery #lottery-container #lgc01 .info ul li span {
          font-size: 1.8rem;
          font-weight: 400; }
        .lottery #lottery-container #lgc01 .info ul li p {
          text-align: right; }
          .lottery #lottery-container #lgc01 .info ul li p a {
            display: block;
            width: 255px;
            float: right;
            font-size: 1.8rem;
            color: #fff;
            text-align: center;
            line-height: 43px;
            text-decoration: none;
            background: #3488fa;
            border-radius: 5px; }
            @media (max-width: 480px) {
              .lottery #lottery-container #lgc01 .info ul li p a {
                float: none;
                margin: 0 auto; } }
@media (max-width: 480px) {
  .lottery #lottery-container #lgc02 {
    width: 96%;
    margin: 0 auto; } }
.lottery #lottery-container #lgc02 h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background: #000;
  margin-bottom: 15px; }
.lottery #lottery-container #lgc02 p {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center; }
  @media (max-width: 480px) {
    .lottery #lottery-container #lgc02 p {
      font-size: 2.0rem;
      text-align: left; } }
.lottery #lottery-container #lgc02 section.lgBox {
  background: #f8ddc1;
  padding: 20px 25px;
  border-radius: 10px;
  margin-bottom: 120px;
  position: relative; }
  @media (max-width: 480px) {
    .lottery #lottery-container #lgc02 section.lgBox {
      padding: 10px; } }
  .lottery #lottery-container #lgc02 section.lgBox h3 {
    font-size: 3.6rem;
    font-weight: bold;
    color: #d6499e; }
    @media (max-width: 480px) {
      .lottery #lottery-container #lgc02 section.lgBox h3 {
        font-size: 2.0rem; } }
    .lottery #lottery-container #lgc02 section.lgBox h3 span {
      font-size: 6.0rem;
      font-style: italic;
      font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
      padding-right: 20px; }
  .lottery #lottery-container #lgc02 section.lgBox p {
    font-weight: bold; }
  .lottery #lottery-container #lgc02 section.lgBox ul {
    width: 87%;
    margin: 50px auto 0;
    font-size: 2.0rem; }
    @media (max-width: 480px) {
      .lottery #lottery-container #lgc02 section.lgBox ul {
        width: 100%;
        font-size: 1.6rem; } }
    .lottery #lottery-container #lgc02 section.lgBox ul li {
      padding-left: 1em;
      margin-bottom: 14px; }
    .lottery #lottery-container #lgc02 section.lgBox ul li::before {
      display: inline-block;
      content: "";
      width: 0.7em;
      height: 0.7em;
      border: 1px solid #333;
      border-radius: 50%;
      margin-left: -1em;
      margin-right: 0.3em; }
.lottery #lottery-container #lgc02 .lgBox:last-child ul li span {
  border-bottom: 1px solid #333; }
@media (max-width: 480px) {
  .lottery #lottery-container #lgc02 .lgBox:last-child {
    margin-bottom: 30px; } }
.lottery #lottery-container #lgc02 .lgBox::after {
  content: "";
  display: block;
  width: 68px;
  height: 68px;
  background: url("../images/lp/lottery-gatchaman/arrow-lg.svg") no-repeat;
  position: absolute;
  bottom: -100px;
  left: calc(50% - 34px); }
.lottery #lottery-container #lgc02 .lgBox:last-child::after {
  content: none; }
.lottery #lottery-container #lgc03 {
  margin-bottom: 100px; }
  @media (max-width: 480px) {
    .lottery #lottery-container #lgc03 {
      width: 96%;
      margin: 0 auto 20px; } }
  .lottery #lottery-container #lgc03 h2 {
    font-size: 2.2rem;
    font-weight: bold; }
  .lottery #lottery-container #lgc03 ul li {
    font-size: 1.6rem;
    font-weight: bold;
    padding-left: 1em; }
    .lottery #lottery-container #lgc03 ul li span {
      margin-left: -1em; }
@media (max-width: 480px) {
  .lottery #lottery-container #lgc04 {
    width: 96%;
    margin: 0 auto; } }
.lottery #lottery-container #lgc04 h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background: #000;
  margin-bottom: 15px; }
.lottery #lottery-container #lgc04 h2 + p {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 80px; }
  @media (max-width: 480px) {
    .lottery #lottery-container #lgc04 h2 + p {
      font-size: 2.0rem;
      text-align: left; } }
.lottery #lottery-container #lgc04 div.lgBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 480px) {
    .lottery #lottery-container #lgc04 div.lgBox {
      display: block; } }
  .lottery #lottery-container #lgc04 div.lgBox .image {
    width: 28%; }
    @media (max-width: 480px) {
      .lottery #lottery-container #lgc04 div.lgBox .image {
        width: 100%;
        margin-bottom: 30px; } }
  .lottery #lottery-container #lgc04 div.lgBox .info {
    width: 71%; }
    @media (max-width: 480px) {
      .lottery #lottery-container #lgc04 div.lgBox .info {
        width: 100%; } }
    .lottery #lottery-container #lgc04 div.lgBox .info ul {
      border-top: 1px solid #ccc;
      margin-bottom: 17px; }
      .lottery #lottery-container #lgc04 div.lgBox .info ul li {
        font-size: 2.2rem;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        /*padding: 5px 0;*/
        /*line-height: 42px; */ }
        @media (max-width: 480px) {
          .lottery #lottery-container #lgc04 div.lgBox .info ul li {
            font-size: 2.0rem;
            line-height: 1.5em; } }
        .lottery #lottery-container #lgc04 div.lgBox .info ul li span {
          font-size: 1.8rem;
          font-weight: 400; }
        .lottery #lottery-container #lgc04 div.lgBox .info ul li ul {
          border: none; }
          .lottery #lottery-container #lgc04 div.lgBox .info ul li ul li {
            border: none;
            padding: 0; }
      .lottery #lottery-container #lgc04 div.lgBox .info ul li.clearfix {
        padding: 5px 0; }
    @media (max-width: 480px) {
      .lottery #lottery-container #lgc04 div.lgBox .info p.subscription {
        float: none; } }
    .lottery #lottery-container #lgc04 div.lgBox .info p.subscription a {
      display: block;
      width: 255px;
      font-size: 1.8rem;
      color: #fff;
      text-align: center;
      line-height: 43px;
      text-decoration: none;
      background: #fe641a;
      border-radius: 5px;
      margin: 0 auto; }
      @media (max-width: 480px) {
        .lottery #lottery-container #lgc04 div.lgBox .info p.subscription a {
          float: none;
          margin: 0 auto; } }
    .lottery #lottery-container #lgc04 div.lgBox .info p.linktext {
      text-align: right; }
      .lottery #lottery-container #lgc04 div.lgBox .info p.linktext a {
        font-size: 1.6rem; }

/*▲抽選予約方法の案内▲*/
/*▼抽選予約方法の案内ーガッチャマン▼*/
#lottery-gatchaman .breadClumb {
  margin-bottom: 40px; }

#lottery-gatchaman #lottery-gatchaman-container h1 {
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #fe641a;
  padding: 50px 0;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lottery-gatchaman-container h1 {
    padding: 20px 0; } }
#lottery-gatchaman #lgc01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc01 {
    display: block; } }
#lottery-gatchaman #lgc01 .image {
  width: 28%; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc01 .image {
    width: 100%;
    margin-bottom: 30px; } }
#lottery-gatchaman #lgc01 .info {
  width: 71%; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc01 .info {
    width: 96%;
    margin: 0 auto; } }
#lottery-gatchaman #lgc01 .info ul {
  border-top: 1px solid #ccc;
  margin-bottom: 17px; }

#lottery-gatchaman #lgc01 .info ul li {
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc01 .info ul li {
    font-size: 2.0rem; } }
#lottery-gatchaman #lgc01 .info ul li span {
  font-size: 1.8rem;
  font-weight: 400; }

#lottery-gatchaman #lgc01 .info p {
  text-align: right; }

#lottery-gatchaman #lgc01 .info p a {
  display: block;
  width: 255px;
  float: right;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 43px;
  text-decoration: none;
  background: #3488fa;
  border-radius: 5px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc01 .info p a {
    float: none;
    margin: 0 auto; } }
@media (max-width: 480px) {
  #lottery-gatchaman #lgc02 {
    width: 96%;
    margin: 0 auto; } }
#lottery-gatchaman #lgc02 h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background: #000;
  margin-bottom: 15px; }

#lottery-gatchaman #lgc02 p {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc02 p {
    font-size: 2.0rem;
    text-align: left; } }
#lottery-gatchaman #lgc02 section.lgBox {
  background: #f8ddc1;
  padding: 20px 25px;
  border-radius: 10px;
  margin-bottom: 120px;
  position: relative; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc02 section.lgBox {
    padding: 10px; } }
#lottery-gatchaman #lgc02 section.lgBox h3 {
  font-size: 3.6rem;
  font-weight: bold;
  color: #d6499e; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc02 section.lgBox h3 {
    font-size: 2.0rem; } }
#lottery-gatchaman #lgc02 section.lgBox h3 span {
  font-size: 6.0rem;
  font-style: italic;
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  padding-right: 20px; }

#lottery-gatchaman #lgc02 section.lgBox p {
  font-weight: bold; }

#lottery-gatchaman #lgc02 section.lgBox ul {
  width: 87%;
  margin: 50px auto 0;
  font-size: 2.0rem; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc02 section.lgBox ul {
    width: 100%;
    font-size: 1.6rem; } }
#lottery-gatchaman #lgc02 section.lgBox ul li {
  padding-left: 1em;
  margin-bottom: 14px; }

#lottery-gatchaman #lgc02 section.lgBox ul li::before {
  display: inline-block;
  content: "";
  width: 0.7em;
  height: 0.7em;
  border: 1px solid #333;
  border-radius: 50%;
  margin-left: -1em;
  margin-right: 0.3em; }

#lottery-gatchaman #lgc02 .lgBox:last-child ul li span {
  /*text-decoration: underline;*/
  border-bottom: 1px solid #333; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc02 .lgBox:last-child {
    margin-bottom: 30px; } }
#lottery-gatchaman #lgc02 .lgBox::after {
  content: "";
  display: block;
  width: 68px;
  height: 68px;
  background: url("../images/lp/lottery-gatchaman/arrow-lg.svg") no-repeat;
  position: absolute;
  bottom: -100px;
  left: calc(50% - 34px); }

#lottery-gatchaman #lgc02 .lgBox:last-child::after {
  content: none; }

#lottery-gatchaman #lgc03 {
  margin-bottom: 100px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc03 {
    width: 96%;
    margin: 0 auto 20px; } }
#lottery-gatchaman #lgc03 h2 {
  font-size: 2.2rem;
  font-weight: bold; }

#lottery-gatchaman #lgc03 ul li {
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 1em; }

#lottery-gatchaman #lgc03 ul li span {
  margin-left: -1em; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 {
    width: 96%;
    margin: 0 auto; } }
#lottery-gatchaman #lgc04 h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background: #000;
  margin-bottom: 15px; }

#lottery-gatchaman #lgc04 h2 + p {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 80px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 h2 + p {
    font-size: 2.0rem;
    text-align: left; } }
#lottery-gatchaman #lgc04 div.lgBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 div.lgBox {
    display: block;
    width: 96%;
    margin: 0 auto; } }
#lottery-gatchaman #lgc04 div.lgBox .image {
  width: 28%; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 div.lgBox .image {
    width: 100%;
    margin-bottom: 30px; } }
#lottery-gatchaman #lgc04 div.lgBox .info {
  width: 71%; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 div.lgBox .info {
    width: 100%; } }
#lottery-gatchaman #lgc04 div.lgBox .info ul {
  border-top: 1px solid #ccc;
  margin-bottom: 17px; }

#lottery-gatchaman #lgc04 div.lgBox .info ul li {
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  line-height: 42px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 div.lgBox .info ul li {
    font-size: 2.0rem; } }
#lottery-gatchaman #lgc04 div.lgBox .info ul li span {
  font-size: 1.8rem;
  font-weight: 400; }

#lottery-gatchaman #lgc04 div.lgBox .info p.subscription {
  text-align: right;
  float: right; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 div.lgBox .info p.subscription {
    float: none; } }
#lottery-gatchaman #lgc04 div.lgBox .info p.subscription a {
  display: block;
  width: 255px;
  float: right;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  line-height: 43px;
  text-decoration: none;
  background: #fe641a;
  border-radius: 5px; }

@media (max-width: 480px) {
  #lottery-gatchaman #lgc04 div.lgBox .info p.subscription a {
    float: none;
    margin: 0 auto; } }
#lottery-gatchaman #lgc04 div.lgBox .info p.linktext {
  text-align: right; }

#lottery-gatchaman #lgc04 div.lgBox .info p.linktext a {
  font-size: 1.6rem; }

/*▲抽選予約方法の案内ーガッチャマン▲*/
/*▼抽選予約方法の案内ー写真なしパターンBL▼*/
section.lottery section.pattern-BL .info {
  /*width: 96% !important;
  margin: 0 auto;*/ }
  section.lottery section.pattern-BL .info li.title {
    font-size: 3.0rem !important; }
  section.lottery section.pattern-BL .info li.sf {
    font-size: 1.8rem !important; }
  section.lottery section.pattern-BL .info li {
    padding-left: 1em; }
    section.lottery section.pattern-BL .info li span.rice {
      margin-left: -1em; }

/*▲抽選予約方法の案内ー写真無しパターンBL▲*/
/*▼転売禁止▼*/
section#cautionResale #c0101 p {
  font-size: 1.8rem;
  text-indent: 1em; }

div#newsContainer dl#cautionResale dt {
  background-color: #fe651a !important;
  border-color: #fe651a !important;
  text-align: center; }
  @media (max-width: 480px) {
    div#newsContainer dl#cautionResale dt {
      width: 100%; } }

/*▲転売禁止▲*/
/*▼thetasterコラムページ2021_0907▼*/
#theTasterColumn {
  background-color: #f7e9ac;
  width: 58%;
  margin: 0 -30px 70px auto; }
  #theTasterColumn .line_gray {
    border: solid 1px #aaa7a4;
    margin: 10px; }
  #theTasterColumn h2 {
    font-weight: bold;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "serif";
    text-align: center;
    padding: 30px 0 35px;
    font-size: 30px; }
  #theTasterColumn .article_top {
    display: flex;
    justify-content: space-between; }
  #theTasterColumn .images_left {
    width: 43%; }
    #theTasterColumn .images_left div {
      margin: 0 0 20px 20px; }
    #theTasterColumn .images_left span {
      font-size: 12px;
      display: block;
      text-align: center; }
  #theTasterColumn .item-right {
    width: 50%;
    padding: 0 20px 0 0; }
    #theTasterColumn .item-right h3 {
      font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "serif";
      text-align: center;
      color: #fe651a;
      font-weight: bold; }
  #theTasterColumn .comment-new {
    width: 95%;
    margin: 0 auto; }
    #theTasterColumn .comment-new dt {
      background-color: #f7c800;
      padding: 10px 0;
      border: solid 1px #aaa7a4;
      border-bottom: none;
      text-align: center; }
    #theTasterColumn .comment-new dd {
      background-color: #fff;
      border: solid 1px #aaa7a4; }
    #theTasterColumn .comment-new p {
      border-bottom: dotted 1px #aaa7a4;
      margin: 10px;
      padding-bottom: 5px; }
    #theTasterColumn .comment-new p:last-child {
      border-bottom: none;
      margin-bottom: 0; }
  #theTasterColumn .bar-list {
    padding: 20px;
    line-height: 30px; }
    #theTasterColumn .bar-list h4 {
      font-size: 20px;
      text-align: center;
      font-weight: bold;
      margin: 30px auto 20px;
      border-bottom: solid 3px #fe651a;
      width: 75%; }
    #theTasterColumn .bar-list p {
      font-size: 16px; }
    #theTasterColumn .bar-list img {
      display: block;
      text-align: center;
      margin: 35px auto 50px; }
  @media (max-width: 480px) {
    #theTasterColumn {
      margin: 0 auto 50px;
      width: 96%;
      padding: 0.1px 0; }
      #theTasterColumn h2 {
        font-size: 24px; }
      #theTasterColumn .article_top {
        display: block; }
      #theTasterColumn .images_left {
        width: 100%; }
        #theTasterColumn .images_left div {
          margin: 0 10px 20px; }
      #theTasterColumn .item-right {
        width: 100%;
        padding: 0; }
        #theTasterColumn .item-right h3 {
          font-size: 18px; }
      #theTasterColumn .itemArticle-new, #theTasterColumn .itemSpec-new {
        width: 96%;
        margin: 0 auto 30px; }
      #theTasterColumn .bar-list h4 {
        width: 100%; } }
  @media (max-width: 1023px) and (min-width: 481px) {
    #theTasterColumn {
      margin: 0 auto 70px;
      width: 96%; } }
  @media (max-width: 900px) {
    #theTasterColumn {
      width: 96%;
      padding: 0.1px 0; } }

/*▲thetasterコラムページ2021_0907▲*/
/*▼▼*/
/*▲▲*/