@charset "UTF-8";
/*抹茶色*/
/*薄いクリーム色*/
/*グレー*/
/*紺色*/
p::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}

section {
  margin-bottom: 80px;
}

header {
  margin-bottom: 20px;
}
header .navigation {
  border-bottom: 1px #333 solid;
}

footer .navigation {
  border-top: 1px #333 solid;
}

.mini {
  font-size: 0.8em;
}

#mainimg {
  margin-bottom: 90px;
}

h3 {
  margin-bottom: 40px;
}
h3 span {
  width: 374px;
  display: inline-block;
  font-size: 1.6em;
  font-weight: normal;
  border-bottom: 1px #666 solid;
  padding-bottom: 10px;
}

#h2box {
  margin-bottom: 45px;
}
#h2box span {
  border-bottom: 1px #333 solid;
  padding: 0 20px 10px 20px;
  font-weight: normal;
}

#history .photobox img {
  margin-bottom: 5px;
}
#history .photobox img:last-child {
  margin-bottom: 0px;
}
#history .textimgbox {
  margin: 35px 0;
}
#history #contents01 .readtext {
  text-align: center;
  margin-bottom: 95px;
  font-size: 1.2em;
  line-height: 2;
}

#recipe #contents01 .readtext {
  text-align: center;
  margin-bottom: 95px;
  font-size: 1.2em;
  line-height: 2;
}
#recipe #contents01 .recipelist .col3box {
  margin-bottom: 20px;
}
#recipe #contents01 .recipelist .recipetitlebox {
  margin: 10px;
}
#recipe #contents01 .recipelist .recipetitlebox .number {
  width: 40px;
}
#recipe #contents01 .recipelist .recipetitlebox .number img {
  width: 40px;
}
#recipe #contents01 .recipelist .recipetitlebox .number p {
  text-align: center;
  font-weight: bold;
}
#recipe #contents01 .recipelist .recipetitlebox .title {
  width: calc(100% - 60px);
  text-align: left;
  line-height: 1.2;
}
#recipe #contents01 .recipelist .recipewrap {
  border: 1px #333 solid;
}
#recipe #contents01 .recipelist .recipetext {
  margin: 20px 0 0;
}

#product .itembox {
  width: 234px;
  margin-bottom: 40px;
}
#product .itembox p {
  text-align: center;
}
#product .itembox .itemname {
  background-color: #130502;
  color: #fff;
  padding: 3px;
  margin-bottom: 10px;
}
#product .itembox .itemname span {
  font-size: 0.8em;
}
#product .itembox .iteminfo {
  margin-bottom: 10px;
  font-size: 0.8em;
  letter-spacing: -0.5px;
}
#product .itembox .itemcomments {
  font-size: 0.9em;
}
#product .itembox .itemcomments.leftp {
  text-align: left;
}
#product .itembox .itemcomments dl {
  text-align: left;
}
#product .itembox .itemcomments dl dt {
  width: 6em;
  float: left;
}
#product .itembox .itemcomments dl dd {
  padding-left: 7em;
}
#product .itembox .itemcomments .leftp {
  text-align: left;
}
#product .itembox .itemcomments .leftp:before {
  display: none;
}
#product #contents03 .itemlist, #product #contents04 .itemlist {
  width: 516px;
  margin: 0 auto;
}
#product #contents05 .flexbox {
  justify-content: center;
}

#company dl {
  text-align: left;
  margin-bottom: 90px;
}
#company dl dt {
  width: 10em;
  float: left;
}
#company dl dd {
  padding-left: 11em;
  margin-bottom: 20px;
}

#privacy h2 {
  display: none;
}
#privacy p {
  margin-bottom: 20px;
}
#privacy dl {
  text-align: left;
}
#privacy dl dd {
  margin-bottom: 10px;
}

#contact .formbox, #contact2 .formbox, #thanks .formbox {
  width: 800px;
  margin: 0 auto;
}
#contact .formbox table, #contact2 .formbox table, #thanks .formbox table {
  width: 100%;
  border: 1px #130502 solid;
}
#contact .formbox table th, #contact2 .formbox table th, #thanks .formbox table th {
  text-align: left;
  padding: 10px;
  border: 1px #130502 solid;
  font-weight: normal;
}
#contact .formbox table td, #contact2 .formbox table td, #thanks .formbox table td {
  text-align: left;
  padding: 10px;
  border: 1px #130502 solid;
}
#contact .formbox table td.mailbox input[type=text], #contact .formbox table td.mailbox input[type=tel], #contact .formbox table td.mailbox input[type=email], #contact2 .formbox table td.mailbox input[type=text], #contact2 .formbox table td.mailbox input[type=tel], #contact2 .formbox table td.mailbox input[type=email], #thanks .formbox table td.mailbox input[type=text], #thanks .formbox table td.mailbox input[type=tel], #thanks .formbox table td.mailbox input[type=email] {
  margin-bottom: 5px;
}
#contact .formbox .hissu, #contact2 .formbox .hissu, #thanks .formbox .hissu {
  font-size: 0.6em;
  color: #f00;
  margin-left: 10px;
}
#contact .ns-box, #contact2 .ns-box, #thanks .ns-box {
  text-align: center;
  margin-bottom: 20px;
}
#contact .privacylink, #contact2 .privacylink, #thanks .privacylink {
  text-align: center;
  margin-top: 40px;
}
#contact #contents02, #contact2 #contents02, #thanks #contents02 {
  background-color: #f3f2f2;
  padding: 40px 0;
}
#contact #contents02 h3, #contact2 #contents02 h3, #thanks #contents02 h3 {
  margin-bottom: 45px;
}
#contact #contents02 h3 span, #contact2 #contents02 h3 span, #thanks #contents02 h3 span {
  border-bottom: 1px #333 solid;
  padding: 0 20px 10px 20px;
  font-weight: normal;
  width: auto;
}
#contact #contents02 .mailorder, #contact2 #contents02 .mailorder, #thanks #contents02 .mailorder {
  width: 510px;
  margin: 0 auto;
}
#contact #contents02 .howtoorder, #contact2 #contents02 .howtoorder, #thanks #contents02 .howtoorder {
  margin-bottom: 40px;
}
#contact #contents02 .howtoorder h4, #contact2 #contents02 .howtoorder h4, #thanks #contents02 .howtoorder h4 {
  background-color: #130502;
  color: #fff;
  padding: 3px;
  margin-bottom: 10px;
  font-weight: normal;
}
#contact #contents02 .howtoorder p, #contact2 #contents02 .howtoorder p, #thanks #contents02 .howtoorder p {
  font-family: "Meiryo UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  text-align: center;
  font-size: 0.9em;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
}
#contact #contents02 .howtoorder .imgbox img, #contact2 #contents02 .howtoorder .imgbox img, #thanks #contents02 .howtoorder .imgbox img {
  height: 24px;
}
#contact #contents02 .shipping table, #contact2 #contents02 .shipping table, #thanks #contents02 .shipping table {
  width: 100%;
  border: 1px #130502 solid;
  font-size: 0.7em;
  letter-spacing: -0.5px;
  font-family: "Meiryo UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  background-color: #fff;
}
#contact #contents02 .shipping table th, #contact2 #contents02 .shipping table th, #thanks #contents02 .shipping table th {
  text-align: left;
  padding: 5px 3px;
  border: 1px #130502 solid;
  font-weight: normal;
  letter-spacing: -0.6px;
}
#contact #contents02 .shipping table td, #contact2 #contents02 .shipping table td, #thanks #contents02 .shipping table td {
  text-align: left;
  padding: 5px 3px;
  border: 1px #130502 solid;
}
#contact #contents02 .shipping table thead td, #contact2 #contents02 .shipping table thead td, #thanks #contents02 .shipping table thead td {
  text-align: center;
}
#contact #contents02 .shipping table tbody td, #contact2 #contents02 .shipping table tbody td, #thanks #contents02 .shipping table tbody td {
  text-align: right;
}
#contact #contents02 .shipping table.col5table td, #contact2 #contents02 .shipping table.col5table td, #thanks #contents02 .shipping table.col5table td {
  width: 5.5em;
}
#contact #contents02 .shipping table.col2table td, #contact2 #contents02 .shipping table.col2table td, #thanks #contents02 .shipping table.col2table td {
  width: 13em;
  text-align: center;
}
#contact #contents02 .shipping p, #contact2 #contents02 .shipping p, #thanks #contents02 .shipping p {
  text-align: center;
  margin-bottom: 5px;
}
#contact #contents02 .shipping p.textred, #contact2 #contents02 .shipping p.textred, #thanks #contents02 .shipping p.textred {
  color: #f00;
}
#contact #contents02 .shipping .whitebox, #contact2 #contents02 .shipping .whitebox, #thanks #contents02 .shipping .whitebox {
  background-color: #fff;
}
#contact #contents02 .shipping .messagebox, #contact2 #contents02 .shipping .messagebox, #thanks #contents02 .shipping .messagebox {
  padding-top: 20px;
}
#contact #contents02 .shipping.bottomshipping, #contact2 #contents02 .shipping.bottomshipping, #thanks #contents02 .shipping.bottomshipping {
  margin-top: 20px;
}

#contact2 .mailsub {
  display: none;
}
#contact2 .mailbox .hissu {
  display: none;
}