a,
a:visited {
  text-decoration: underline;
}

pre,
blockquote {
  border: 1px solid #999;
  page-break-inside: avoid;
}

thead {
  display: table-header-group;
}

tr,
img {
  page-break-inside: avoid;
}

img {
  max-width: 100% !important;
}

@page  {
  margin: 20mm 10mm;
}

table{
  border: 1px solid #777;
  text-align: center;
  width: 160mm;
}

table tr:nth-child(even){
  background-color: #d6d6d6;
}

/* -----------------------------------------------------------------------------
 Reset
----------------------------------------------------------------------------- */

body{
  font-size: 10.5pt;
  margin-bottom: 1em;
}

h1{
  font-size: 22pt;
  margin-bottom: 1em;
  text-align: center;
}

h2{
  font-size: 18pt;
  margin-bottom: 1em;
}

figcaption,
h3{
  margin-bottom: 1em;
  font-size: 15pt;
}

h4{
  font-size: 12pt;
  margin-bottom: 1em;
}

h5{
  font-size: 10.5pt;
  margin-bottom: 1em;
}

/* p */

.parag-zero{
  margin-bottom: 0;
}
.parag-one{
  margin-bottom: 1rem;
}

.parag-tow{
  margin-bottom: 2rem;
}

.parag-three{
  margin-bottom: 3rem;
}

.parag-four{
  margin-bottom: 4rem;
}

.parag-five{
  margin-bottom: 5rem;
}

p{
  margin-bottom: 1em;
}

.phrase{
  margin-left: 20mm;
  width: 160mm;
}

iframe{
  width: 100%;
}

.list-disc{
  list-style: disc;
  padding-left: 1em;
}

.list-deci{
  list-style: decimal;
  padding-left: 1em;
}

.index-to-down-box,
.index-landscape-slider h2,
.index-portrait-slider,
#lottery-nav,
.modal,
#wpfront-scroll-top-container,
#wpfront-scroll-top-container img,
script,
.to-page,
details,
.footer-nav-body,
.attention,
.content-banner2,
.content-banner,
.breadcrumbs,
#drawer,
#header-nav-body,
#to-link-lottery,
#to-link-lottery a,
.drawer-toggle,
#drawer-to-link-lottery,
#site-title{
  display: none;
}

.pba{
  page-break-before: always;
}



/* 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 2fr 6em;
  position: relative;
}

.tow-column .list-item{ /* 特商法 六趣醸造工房 商品 抽選販売 おしらせ (モバイルもPCも同じLayout) */
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: 1fr 2fr;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  margin: 0;
}

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

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

.index-tow-column{
  display: grid;
  grid-column-gap: 2.5vw;
  grid-template-columns: repeat(2,1fr);
}

.privacy-corpo-list{
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: 5em 1fr;
}

.archive-list-title{
  border-bottom: 1px solid #d6d6d6;
  display: grid;
  font-size: 9.5pt;
  grid-template-columns: 6em auto 1fr;
  grid-template-rows: none;
  line-height: 3em;
  padding: 5px;
  vertical-align: middle;
}

.archive-list-title:hover{
  background-color: #FEF7EA;
}

.shops-list .area{
  grid-row: 1 / 4;
  grid-column: 1 / 2;
  display: inline-block;
}

/* End Grid Layout */

/* -----------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------- */

#header-inner{
  background-color: #070707;
  text-align: center;
}

.header-logo{
  height: 15mm;
  margin: 2mm 0mm;
}

/* -----------------------------------------------------------------------------
Fron Page
----------------------------------------------------------------------------- */

.slider-pc .slides li .landscape-img:nth-child(n+5){
  display: none;
}

.main-phrase{
  background-image: url(../img/mono.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10mm;
  text-align: center;
  width: 100%;
}

.vertical-phrase{
  -ms-writing-mode: tb-rl;
  color: #fff;
  display: inline-block;
  height: 22em;
  line-height: 2em;
  margin: 2.5vw 0;
  text-align: left;
  writing-mode: vertical-rl;
}

/* -----------------------------------------------------------------------------
News List
----------------------------------------------------------------------------- */

#archive-list li a{
  text-decoration: none;
}

.category-name .category-name-in{
  border: 1px solid;
  border-radius: 3px;
  margin: 3px 10px 3px 0px;
  padding: 0px 3px 2px 3px;
}

.results .category-name-in{
  border-color: #FF0000;
  color: #FF0000;
}

.news .category-name-in{
  border-color: #00B22D;
  color: #00B22D;
}

.update .category-name-in{
  border-color: #350DFF;
  color: #350DFF;
}

.new_iconBox{
  color: red;
  font-size: 9pt;
}

/* -----------------------------------------------------------------------------
固定ページ　おしらせ
----------------------------------------------------------------------------- */

.empha{
  background-color: #f2f2f2;
  display: inline-block;
  padding: 1em;
}

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

#form-list li .phrase{
  padding-left: 0;
}

.contact-phrase{
  font-size: 22.1px;
  margin: auto;
  max-width: 16em;
}

.contct-sub-title,
.contct-sub-phone,
.contct-sub-fax,
.contct-sub-time{
  display: block;
  margin-left: 1em;
}

.contct-sub-title::after{
  content: " ";
}

/* form */

.l-block,
.l-block-box{ /* div */
  display: block;
  margin: 1em auto;
}

.l-block .title,
.l-inblock .title{
  display: block;
}

.l-inblock .wpcf7-select{
  display: inline;
}

.l-block .wpcf7-select{
  display: block;
}

.l-inblock .wpcf7-select,
.l-block .wpcf7-select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}

.l-block .wpcf7-text,
.l-block .wpcf7-textarea {
  display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 5px;
	padding: 7px;
	outline: none;
  width: 100%;
}

.l-block .wpcf7-select:focus,
.l-block-box .wpcf7-select:focus,
.l-block .wpcf7-text:focus,
.l-block .wpcf7-textarea:focus{
  background-color: #FEF7EA;
  border-radius: 5px;
}

.submit-blok{
  display: block;
  text-align: center;
}

.inv-recaptcha-holder{
  bottom: 20px;
  position: absolute;
  right: 20px;
}

.wpcf7-response-output{
  border-radius: 5px;
}

/* -----------------------------------------------------------------------------
よくあるご質問
----------------------------------------------------------------------------- */

.question{
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 3px;
}

.question::before{
  color: #A51F24;
  content: "Ｑ.";
}

.answer::before{
content: "Ａ.";
}

.question::before,
.answer::first-letter{
  font-size: 22.1px;
}

/* -----------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------- */

footer{
  text-align: center;
}