/* tablet 600px-959px */

/* -----------------------------------------------------------------------------
 Basic
----------------------------------------------------------------------------- */

/* Basic ⇒ Layout お問い合わせ */

.wpcf7{ /* form */
  padding: 4vw 6.47vw;
}

/* Basic ⇒ Modal 年齢認証
----------------------------------------------------------------------------- */

.modal {
  width: 580px;
  margin: 0 0 0 -290px;
}

.modal-ans {
  grid-gap: 1.8em;
}

/* Basic ⇒ Grid Layout
----------------------------------------------------------------------------- */

.ar-tow-column{ /* tow-column 商品 */
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5vw;
  margin-bottom: 5em;
}

.shops-list .list-item,
.shops-list li:first-child{ /* tow&three-column 取扱店一覧 */
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: 4em 1fr 1.5fr 6em;
  position: relative;
}

.site-map-item{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 2rem;
  text-align: left;
  width: 100%;
}

/* オンライン抽選販売 & 取扱店一覧 */

#lottery-nav{ /* nav */
  display: grid;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-columns: repeat(3,1fr);
}

.announce-phrase{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1em;
}

.phrase-list{
  border-left: 5px solid #ccc;
}

/* -----------------------------------------------------------------------------
4.Front Page
----------------------------------------------------------------------------- */

.vertical-phrase{
  line-height: 3em;
}

/* -----------------------------------------------------------------------------
7.商品 ＆ オンライン抽選販売
----------------------------------------------------------------------------- */

.ar-tow-column-item{
  background-color: #fff;
  padding: 0;
}

.products-title{
  text-align: center;
}

.announce{
  padding: 4vw;
}

/* -----------------------------------------------------------------------------
8.取扱店一覧
----------------------------------------------------------------------------- */

.shops-list li:first-child a{
  border-bottom: none;
}

.shops-list .area{
  display: inline-block;
}

.shops-list .name{
  display: inline-block;
  font-weight: 400;
}

.shops-list .address{
  display: inline-block;
}

.shops-list .phone{
  display: inline-block;
  right: 0;
  position: absolute;
  top: 0.5em;
  text-align: center;
}

/* -----------------------------------------------------------------------------
9.お問い合わせ
----------------------------------------------------------------------------- */

.catch-content p:first-child{
  display: block;
  font-size: 25.9px;
}

.catch-content p:last-child::after{
  content: '';
}

.catch-content p{
  display: inline-block;
}

.catch-content p::after{
  content: '　';
}

.contact-phrase{
  max-width: none;
}

.contct-sub-phone,
.contct-sub-fax{
  display: inline-block;
}