@charset "UTF-8";
/*Reset*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css");

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.single-onlinefair .entrytitle {
  background: none!important;
  text-align: center;
  margin-top: 50px;
}
#header {
  width: 100%;
}
#header .headbtns {
  width: 1000px;
  margin: 0 auto;
  max-width: 100%;
}
.headbtns {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  
  text-align: left;
  margin-top: 0;
}
#headlogo {
  width: 30%;
  margin: 23px 0;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1;
}
#headlogo a {
  font-size: 23px;
  width: auto;
  height: auto;
  background: none;
  text-indent: 0;
  text-decoration: none;
}
.head_contactus {
  width: 70%;
  margin: 15px 0;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1;
  text-align: right;
}
.head_contactus p {
  display: inline-block;
}
.head_contactus p.tell span {
  display: block;
  font-size: 13px;
}
.head_contactus p.tell span + span {
  font-size: 27.5px;
}
.head_contactus p.mail {
  margin: 0 15px;
  vertical-align: top;
  background: #333;
  padding: 8px 15px;
  color: #fff;
  font-size: 14px;
}
.head_contactus p.mail a {
  color: #fff;
  text-decoration: none;
}
.head_contactus p.mail:hover {
  background: #fff;
  color: #333;
}
.head_contactus p.mail a:hover {
  color: #333;
}
.cart {
  position: relative;
  margin: auto;
  top: -7px;
  left: -10px;
  text-align: center;
  display: inline-block;
  z-index: 10;
}
.cart a {
  display: inline-block;
  text-decoration: none;
}
.cart a img {
  width: 23px;
}
.sp_cart {
  display: none;
}
.icon {
   margin-right: 10px;
}
#contents {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
#contents #main {
  float: none;
  width: auto;
  background: none;
  padding: 0;
}
.entrytitle {
  background: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #ffffff;
  overflow: hidden;
}
.comment_text {
  padding: 40px 20px;
  line-height: 2;
  font-size: 14px;
  max-width: 1000px;
  margin: 0 auto;
}
.comment_text + h2 {
  color: #0e2863;
  padding: 0 8px 5px;
  border-bottom: 2px solid #0e2863;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
}
.timer {
  font-weight: bold;
  font-size: 1.6em;
  margin-top: 20px;
  color: #562756;
}
.negotiation {
  width: 30%;
  color: #5e315d;
  text-align: center;
  border-radius: 100px;
  margin: 0 0 0 5px;
  padding: 5px 15px;
  background: #fff;
  font-size: 100%;
  white-space: nowrap;
  display: inline-block;
}
.soldout {
  width: auto;
  padding: 5px 7px;
  background: #ffffff;
  font-size: 100%;
  color: #ca2304;
  text-align: center;
  border-radius: 100px;
  margin: 0 0 0 5px;
  white-space: nowrap;
  display: inline-block;
}
.entrybox {
  background: none;
  max-width: 1000px;
  margin: 50px auto 0;
  overflow: initial;
}

.entrybox h2 {
  background: none;
  color: #333;
  text-align: center;
  font-size: 20px;
  padding-bottom: 10px;
  display: block;
  margin: 0 auto 50px;
  border-bottom: 1px solid #333;
  width: 10em;
}
.entrybox .colums {
  letter-spacing: -.5em;
  margin-left: -2%;
  padding-top: 50px;
  border-top: 1px dashed #9181af;
  margin-top: 20px;
  position: relative;
  margin: 20px auto;
  width: 1000px;
  max-width: 90%;
}
.entrybox .column4 {
  width: 23%;
  margin-left: 2%;
  margin-bottom: 30px;
  display: inline-block;
  letter-spacing: normal;
}
.entrybox h3 {
  background: none;
  padding: 10px 0;
  margin: 0;
  font-size: 17px;
  position: relative;
}
.entrybox .onlineshop_price {
  font-size: 15px;
}
.entrybox .cat_box {
  position: relative;
}
/*#onlineshop .entrybox .cat_name {
  width: 1em;
  height: 5em;
  writing-mode: vertical-rl;
  position: absolute;
  margin-left: -50px;
  font-size: 20px;
  letter-spacing: 4px;
}*/
.entrybox .cat_name {
  width: 32px;
  height: 10em;
  writing-mode: vertical-rl;
  position: absolute;
  top: 0;
  left: -25px;
  margin-left: -50px;
  font-size: 20px;
  letter-spacing: 4px;
  padding: 10px 10px;
  background: #542454;
  color: #fff;
  background: -moz-linear-gradient(top, #542454, transparent);
  background: -webkit-linear-gradient(top, #542454, transparent);
  background: linear-gradient(to bottom, #542454, transparent);
}
.entrybox .column3 {
  width: 31.333%;
  margin-left: 2%;
  margin-bottom: 30px;
  display: inline-block;
  letter-spacing: normal;
}
.entrybox .column3 a div:first-child{
  position: relative;
}
.entrybox a {
  text-decoration: none;
}
.entrybox p.product_about {
    font-size: 0.9em;
    padding: 8px;
    background: #fff;
    border-radius: 5px;
    position: relative;
}
#footer {
  clear: both;
  padding: 30px 0;
  background: #ffffff;
  overflow: hidden;
}
#foot {
  width: 100%;
}
#copyright {
  float: none;
  text-align: center;
}
/* タームページ */
.tax-fair_cat .entrytitle {
  text-align: center;
  padding: 10px 0 25px;
}
.tax-fair_cat .entrytitle h1 {
  background: #333;
  color: #fff;
  padding: 14px 0;
  margin-top: -10px;
}
.tax-fair_cat .entrybox .comment {
  color: #333;
  text-align: left;
  background: none;
  font-size: .9rem;
  padding: 10px;
  border-radius: 10px;
  display: table-cell;
  vertical-align: top;
  line-height: 1.8;
}
.entrytitle .infomation {
  margin: 20px auto;
  max-width: 700px;
  width: calc(100% - 20px );
  text-align: left;
  padding: 10px;
  background: #f3f3f3;
}
.entrytitle p {
  line-height: 1.5;
}
/* 商品ページ */
.single-onlinefair .entrybox {
  margin: 0 auto;
  padding: 10px 0;
}

.single-onlinefair .sub_image div {
  width: 25%;
  height: 110px;
  margin-left: 10px;
  position: relative;
  display: inline-block;
}
.single-onlinefair .sub_image {
  margin-left: -10px;
  margin-top: 25px;
  text-align: left;
  letter-spacing: -.5em;
  position: relative;
  z-index: 100;
}
.single-onlinefair .sub_image img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-onlinefair .column2 h2 {
  width: 100%;
  line-height: 1;
  padding: 13px 0;
  margin: 0;
  background: #fff;
  border-bottom: 1px solid #333;
  color: #333;
  text-align: left;
  font-size: 120%;
}
.single-onlinefair .price {
  margin: 30px 0 0;
  text-align: left;
  font-size: 120%;
  color: #d20606;
}
.single-onlinefair .price span {
  display: inline-block;
  font-size: 70%;
  padding: 0 10px;
  border: 1px solid #ccc;
  color: #333;
}
.single-onlinefair .entrybox h3 {
  text-align: left;
  margin-top: 50px;
}
.single-onlinefair .entrybox p {
  text-align: left;
}
.single-onlinefair .important {
  padding: 10px;
  background: #f9f3d2;
  margin-bottom: 10px;
}
.single-onlinefair .form2 input[type="submit"] {
  background: #584a8c;
}
.single-onlinefair .form,
.single-onlinefair .form2 {
  margin: 0 0 20px;
  text-align: left;
}
.single-onlinefair .formlink {
  text-align: left;
}
.single-onlinefair .formlink a {
  display: inline-block;
  padding: 10px;
  background: #a493c5;
  color: #fff;
  text-decoration: none;
  font-size: 120%;
}
.single-onlinefair .form input[name="es_item_qty"],
.single-onlinefair .form2 input[name="es_item_qty"] {
  display: none;
}
.single-onlinefair input[type="submit"] {
  background: #d03333;
  padding: 10px 20px;
  border: none;
  color: #fff;
}
.single-onlinefair input[type="submit"]:hover {
  opacity: 0.9;
  cursor: pointer;
}
.single-onlinefair .comment {
  margin: 20px 0 0;
}
.single-onlinefair .comment p {
  text-align: left;
  line-height: 2;
  font-size: 90%;
}
.single-onlinefair .link {
  margin-top: 100px;
  padding: 15px 10px;
  text-align: center!important;
  border: 1px #683b68 solid;
  letter-spacing: normal;
  font-size: 90%;
  color: #683b68;
}
.single-onlinefair .colums {
  margin: 20px 0;
  padding: 20px;
  background: #fff;
  letter-spacing: -.5em;
  border: none;
}
.single-onlinefair .precautions {
  margin-top: 50px;
  padding: 20px;
  text-align: left;
  background: #f5f5f5;
}
.single-onlinefair .precautions h2 {
  font-size: 90%;
  background: #f5f5f5;
}
.single-onlinefair .zoomWindow {
  border: 4px solid #fff!important;
}
.single-onlinefair .imperfect {
  text-align: left;
  color: #d03333;
  margin-bottom: 15px;
}
.single-onlinefair .sp_menu {
  display: none;
}
/* フォーム */
.floatbox {
  padding: 20px;
  background: #f7f7f7;
  margin-top: 50px;
  border-radius: 20px;
}
#form .floatbox {
  font-size: 110%;
}
.entrybox .wpcf7-form th {
  background: #483434;
  font-size: 0.9em;
}
.entrybox .wpcf7-form td {
  font-size: 0.9em;
}
.formtd020 {
  width: 260px;
}
.formtd24 input[type="text"],
.formtd21 input[type="text"],
.formtd30 input[type="text"],
.formtd31 input[type="text"],
.formtd40 input[type="text"],
.formtd32 input[type="text"],
.formtd33 input[type="text"],
.formtd41 input[type="text"],
.formtd34 input[type="text"],
.formtd35 input[type="text"],
.formtd42 input[type="text"],
.formtd36 input[type="text"],
.formtd37 input[type="text"],
.formtd38 input[type="text"],
.formtd39 input[type="text"]{
  max-width: 100px!important;
}
.formtd21 input[type="text"] {
  display: block;
  width: 94%!important;
  max-width: none!important;
}
.formtd21 {
  width: 250px;
}
.formtd21 > div {
  display: table;
  width: 100%;
}
.formtd21 div > span:first-child {
  min-width: 35px!important;
}
.formtd21 div > span {
  display: table-cell;
  vertical-align: middle;
}
.formtd21 div .wpcf7-form-control-wrap.about9 {
  width: 100%;
  display: block;
}
.formtd26,.formtd27 {
  min-width: 215px;
}
.formtd23 {
  min-width: 190px;
}
.formtd25 {
  width: 120px;
}
.formtd30, .formtd31, .formtd32, .formtd33, .formtd34, .formtd35, .formtd36,
.formtd37, .formtd38, .formtd39, .formtd40 {
  max-width: 200px;
}
div[role="form"] input[type="text"],
div[role="form"] input[type="email"],
div[role="form"] input[type="tel"]{
  height: 30px;
  width: auto;
  max-width: 90%;
}
.entrybox .wpcf7-form h3 {
  background: none;
  border-left: 5px solid;
  margin: 30px 0 10px;
  color: #333;
  padding: 0 0 0 10px;
}
.single-onlinefair #contents {
  margin: 50px auto 0;
}

html {
  margin: 0!important;
}
.entryimage {
  max-height: 300px;
  overflow: hidden;
}
.entryimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header.is-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 2;
}
#onlineshop .entrytitle {
  padding: 40px 0!important;
  text-align: center;
  background: rgba(255, 255, 255, 0.72);
}
.single-onlineshop .entrytitle {
  background: none!important;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  /* background: #ffffff; */
  overflow: hidden;
  text-align: center;
}
#anchor.is-fixed {
  position: fixed;
  top: 75px;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #f7e8b0;
  padding: 10px;
  text-align: center;
}
#anchor.is-fixed li {
  width: auto;
  margin-bottom: 0;
  margin-left: 0;
}
#anchor.is-fixed li a {
  padding: 0 20px;
  color: #000;
  background: none;
}
#anchor.is-fixed li a:before {
  border-left: 6px solid #000;
}
#anchor {
  letter-spacing: -.5em;
  margin: 0 0 50px -2%;
}
#anchor li {
  display: inline-block;
  width: 31.333%;
  letter-spacing: normal;
  margin: 0 0 10px 2%;
  background: none;
  padding: 0;
}
#anchor li a {
  padding: 15px 2%;
  font-size: 1.2em;
  display: block;
  background: #0e2863;
  text-align: center;
  color: #fff;
  position: relative;
}
#anchor li a:hover {
  opacity: .8;
}
#anchor li a:before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 5px solid transparent;
  border-left: 6px solid #fff;
  border-radius: 2px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 10px;
}
#onlineshop .title {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 50px;
  padding: 0 10px;
  background-size: 100% auto;
  border-top: 2px solid  #0e2863;
  display: inline-block;
}
#onlineshop .title span {
  display: inline-block;
  margin: 0 2px;
  background: #0e2863;
  padding: 10px;
  color: #fff;
}
#onlineshop .comment_text {
  margin: 20px auto 0;
  line-height: 2;
  font-size: 17px;
  max-width: 1000px;
  padding: 0;
}
#onlineshop .entrybox .column4,
#onlineshop .entrybox .column3 {
  vertical-align: top;
}
#onlineshop .floatbox h3 {
  font-size: 20px;
}
#onlineshop .floatbox ol {
  font-size: 18px;
}
  @media screen and (max-width: 1040px) {
    #header {
      background: #fff;
    }
    .entrybox .cat_name {
      position: initial;
      width: 100%;
      writing-mode: initial;
      height: auto;
      padding-bottom: 20px;
      margin: 30px 0 0 -15px;
      background: #542454;
      background: -moz-linear-gradient(top, #542454, transparent);
      background: -webkit-linear-gradient(top, #542454, transparent);
      background: linear-g
    }
    #anchor.is-fixed li {
      width: 23%;
    }
    div[role="form"] input[type="text"], div[role="form"] input[type="email"], div[role="form"] input[type="tel"] {
      max-width: 60%;
    }
  }
  @media screen and (max-width: 700px) {
    .formtd020, .formtd21, .formtd25, .formtd22, .formtd26, .formtd026,
    .formtd28, .formtd028, .formtd40, .formtd41, .formtd041, .formtd42, .formtd042,
    .formtd30, .formtd31, .formtd40, .formtd030, .formtd031, .formtd040,
    .formtd31, .formtd031, .formtd32, .formtd032, .formtd033, .formtd33,
    .formtd34, .formtd034, .formtd35, .formtd035, .formtd036, .formtd36,
    .formtd37, .formtd037, .formtd38, .formtd038, .formtd039, .formtd39{
      display: block;
      width: 98%;
      padding: 5px!important;
      max-width: none;
    }
    div[role="form"] tr {
      display: block!important;
      width: 100%;
    }
  }
  @media screen and (max-width: 1024px) {
    div.pure-g.fair .pure-u-1-3 {
      margin-bottom: 10px
    }
    div.pure-g.fair .fairdates {
      position: static!important;
    }
    div.pure-g.fair .pure-u-1-3 > div {
      height: auto!important;
    }
  }
  @media screen and (max-width: 600px) {
    .tax-fair_cat .entrytitle {
      position: relative;
      top: 30px;
    }
    .staff {
      display: block!important;
    }
    .staff .img {
      display: block!important;
      margin: 0 auto;
    }
    .negotiation,
    .soldout {
      width: 94%;
      display: block;
      margin: 5px 0 0;
      padding: 5px 2%;
    }
    .entrybox .column4 {
      width: 31%;
    }
    .entrybox .column3 {
      width: 48%;
    }
    #headlogo {
      width: 100%;
      margin: 10px 0;
    }
    .single-onlinefair .head_contactus {
      margin: 0;
    }
    .single-onlinefair #headlogo {
      width: 100%;
      margin: 10px 0;
    }
    .head_contactus,
    .single-onlinefair .head_contactus {
      width: 100%;
    }
  }
  @media screen and (max-width: 500px) {
    .entrybox .column4 {
      width: 48%;
    }
    #anchor.is-fixed li,
    #anchor li {
      width: 47%;
    }
    .single-onlinefair .column2 h2 {
      margin: 20px 0 0;
    }
    .single-onlinefair .link {
      margin-top: 20px;
    }
    .single-onlinefair .colums .column2 {
      width: 100%;
      display: block;
    }
  }



/* pure */
.pure-g {
  letter-spacing: -.31em;
  text-rendering: optimizespeed;
  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.pure-u-1-4, .pure-u-6-24 {
  width: 25%;
}
.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 {
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  display: inline-block;
  zoom: 1;
}


/* onlinefair */
h2 {
  margin: 50px 0 30px;
}
div.pure-g.fair {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
div.pure-g.fair .pure-u-1-3 > div {
  margin-left: 20px;
  padding: 10px;
  border: 1px solid #0e2863;
  height: 100%;
}
div.pure-g.fair .pure-u-1-3 {
  width: 33.333%;
}
div.pure-g.fair .pure-u-1-3 a {
  text-decoration: none;
}
div.pure-g.fair .pure-u-1-3 > div {
  position: relative;
}
div.pure-g.fair .fairdates {
  background: #e8e8e8;
  padding: 5px;
  margin-top: 12px;
  bottom: 7px;
  margin: 12px auto 0;
  left: 0;
  right: 0;
  width: 92%;
  /*position: absolute;*/
}
div.pure-g.fair p {
  font-size: .9rem;
}
div.pure-g.fair .fair {
  font-weight: bold;
  font-size: 1rem;
  margin: 12px 0 7px;
  border-bottom: 2px solid #0e2863;
  color: #0e2863;
  padding: 5px 3px;
}
.mb15 {
  margin-top: 15px!important;
}
.staff {
  display: table;
  width: 100%;
  overflow: hidden;
}
.staff .img {
  display: table-cell;
  width: 200px;
  padding-right: 20px;
}
.preparation {
  letter-spacing: normal;
  text-align: center;
  margin: 0 auto;
  font-size: 1rem!important;
}