a {
  text-decoration: none;
}

.ButtonB {
  background-color: #E94709;
}

.ButtonB:hover {
  background-color: #EF7559;
}

.ButtonS {
  background-color: #E94709;
}

.ButtonS:hover {
  background-color: #EF7559;
}

.Tag {
  color: #fff;
  font-size: 12px;
  display: inline-block;
  margin: 0 .1em .6em 0;
  padding: .4em .6em;
  line-height: 1;
  text-decoration: none;
  border-radius: 0.5em;
}

#Item .TagGroup {
  margin-bottom: 16px;
}

.TagColor1 {
  background-color: #ffa200;
}

.TagColor2 {
  background-color: #00a03e;
}

.TagColor3 {
  background-color: #716e77;
}

.TagColor4 {
  background-color: #E94709;
}

.pager .pagination li a:hover,
.pager .pagination li a.active {
  background: #E94709;
}

.Headerbg {
  background-color: #E94709;
}

@media screen and (max-width: 1023px) {
  .Headerbg {
    background-color: #E94709;
  }
}

#MenberHeader li.Login {
  background-image: url("../images/icon_login_W.svg");
}

#MenberHeader li.Logout {
  background-image: url("../images/icon_logout_W.svg");
}

#MenberHeader li.Myroom {
  background-image: url("../images/icon_mypage_W.svg");
  fill: #fff;
}

#MenberHeader a:hover {
  color: #fff;
  -webkit-text-decoration: underline solid    #fff;
          text-decoration: underline solid    #fff;
}

#GHeader li {
  margin-left: 10px;
}

#GHeader li.Search {
  margin-right: 15px;
}

#SearchBoxSubmit {
  background-image: url("../images/icon_search_glass_R.svg");
}

.mainvisual {
  margin-bottom: 15px;
}

h2 {
  background: url("../images/h2_title_icon_logo6.svg") no-repeat;
  background-position: top 0px left 0px;
  color: #3c3c3c;
  font-weight: 700;
  padding: 0px;
  height: 57px;
}

h2::after {
  border-top: none;
}

h2 .Title {
  background: url("../images/h2_title_icon_logo6-3.svg") no-repeat;
  background-position: top 0px right 0px;
  padding: 14px;
  height: 57px;
  margin-left: 50px;
}

@media screen and (max-width: 1023px) {
  h2 .Title {
    white-space: nowrap;
    overflow-x: auto;
  }
}

h3 .Title {
  font-size: 16px;
  color: #ffffff;
  font-weight: normal;
  padding-top: 5px;
  text-align: center;
  height: 32px;
  background: url("../images/h3_title_bg_R.svg") no-repeat;
  background-position: center;
  position: relative;
  z-index: 2;
}

#News .Box {
  width: 100%;
  height: auto;
  max-height: 200px;
}

#News .ItemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}

#News .ItemBox .Date {
  width: 90px;
}

#News .ItemBox .Item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#WhatsKUJI {
  margin-bottom: 50px;
}

#WhatsKUJI .Box .Twitter {
  width: 262px;
  margin-left: 20px;
}

@media screen and (max-width: 1023px) {
  #WhatsKUJI .Box .Twitter {
    margin-left: auto;
    margin-right: auto;
  }
}

#WhatsKUJI .Box .Kujitoha {
  width: 700px;
}

#WhatsKUJI .Box .Kujitoha img {
  width: 100%;
}

#TopPreWhappy .Box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1023px) {
  #TopPreWhappy .Box {
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}

#TopPreWhappy .icon {
  width: auto;
}

@media screen and (max-width: 1023px) {
  #TopPreWhappy .icon {
    display: block;
  }
}

#TopPreWhappy .Txt {
  display: inline;
  width: auto;
  text-align: center;
  font-size: .8em;
}

#TopPreWhappy .Txt span {
  font-size: .8em;
}

@media screen and (max-width: 1023px) {
  #TopPreWhappy .Txt {
    width: 100%;
    display: inline-block;
  }
}

@media screen and (max-width: 1023px) {
  #TopPreWhappy .BoxR, #TopPreWhappy .BoxL {
    height: 170px;
  }
}

#Search .ButtonSearch {
  background: #E94709;
}

@media screen and (max-width: 1023px) {
  #Search .ButtonSearch {
    background: #E94709;
  }
}

#Login .ItemName,
#SNSLogin .ItemName {
  color: #3c3c3c;
}

#Login .Normal input,
#SNSLogin .Normal input {
  border-bottom: #3c3c3c 1px solid;
}

@media screen and (max-width: 1023px) {
  #Login .Normal input,
  #SNSLogin .Normal input {
    border-bottom-color: #3c3c3c;
  }
}

.Regist .ItemName,
.PassWardBox .ItemName,
#RegistCheck .ItemName,
.RegistChange .ItemName,
#ShippingAddressCheck .ItemName,
#IDInput .ItemName {
  color: #3c3c3c;
}

.Regist .LoginID input,
.Regist .PassWard input,
.Regist .Address input,
.Regist .Mail input,
.Regist .ZipCode input,
.Regist .Name input,
.Regist .TEL input,
.PassWardBox .PassWard input,
.PassWardBox .Mail input,
#RegistCheck .TxtArea,
#MyPage .Account .TxtArea,
#IDInput .TxtArea input {
  border-bottom: #3c3c3c 1px solid;
}

.Regist .BirthY,
.Regist .BirthMD,
.Regist .AddressSele {
  background: url("../images/point--arr.svg") no-repeat #fff;
  background-position: right 8px center;
  border-bottom: solid 1px #3c3c3c;
}

.Regist .Sex .check_box:checked + .label,
.Regist .MailMag .check_box:checked + .label {
  background-color: #E94709;
}

#ConfirmBox input[type="checkbox"] + label::before {
  background-color: #E94709;
}

#OtherChallenges .Item .Line {
  background-color: #E94709;
}

@media screen and (max-width: 1023px) {
  #OtherChallenges .Item .Line {
    background-color: #E94709;
  }
}

#EnquetePre .Answer .check_box:checked + .label,
#EnquetePre .Answer input[type="radio"]:checked + .label {
  background-color: #E94709;
  color: #ffffff;
}

.KujiInfo .CardL .ItemBox {
  /* position: relative; */
  width: 300px;
  height: 100%;
  /* padding: 12px 14px 14px; */
}

@media screen and (max-width: 1023px) {
  .KujiInfo .CardL .ItemBox {
    width: 100%;
    height: auto;
  }
}

.KujiInfo .CardL .Image {
  height: 270px;
  width: 270px;
}

@media screen and (max-width: 1023px) {
  .KujiInfo .CardL .Image {
    height: 200px;
    width: 200px;
  }
}

.KujiInfo .CardL .Image img {
  max-width: 270px;
  max-height: 270px;
}

@media screen and (max-width: 1023px) {
  .KujiInfo .CardL .Image img {
    max-width: 200px;
    max-height: 200px;
  }
}

.KujiInfo .CardL .Item {
  padding-right: 21px;
}

@media screen and (max-width: 1023px) {
  .KujiInfo .CardL .Item {
    padding-right: 0px;
  }
}

@media screen and (max-width: 1023px) {
  .KujiInfo .CardL .Line {
    height: auto;
  }
}

.Campaign .CardL .ItemBox {
  /* position: relative; */
  width: 307px;
  height: 100%;
  /* padding: 12px 14px 14px; */
}

@media screen and (max-width: 1023px) {
  .Campaign .CardL .ItemBox {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1023px) {
  .Campaign .CardL .ItemBox .DteilS {
    width: auto;
    margin-left: 0px;
    margin-top: 8px;
  }
}

.Campaign .CardL .Image {
  height: 156px;
  width: 277px;
}

@media screen and (max-width: 1023px) {
  .Campaign .CardL .Image {
    height: auto;
    width: 100%;
  }
}

.Campaign .CardL .Image img {
  max-width: 277px;
  max-height: 156px;
}

@media screen and (max-width: 1023px) {
  .Campaign .CardL .Image img {
    max-width: 100%;
    max-height: none;
  }
}

.Campaign .CardL .Item {
  padding-right: 21px;
}

@media screen and (max-width: 1023px) {
  .Campaign .CardL .Item {
    padding-right: 0px;
  }
}

@media screen and (max-width: 1023px) {
  .Campaign .CardL .Line {
    height: auto;
  }
}

.CardL .ItemBox {
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .CardL .ItemBox {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .CardL .Line {
    height: auto;
  }
}

.CardL .Line {
  background: #E94709;
}

.CardM .Line {
  background: #E94709;
}

@media screen and (max-width: 1023px) {
  .CardM .Line {
    background: #E94709;
  }
}

.CardS .ItemBox {
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .CardS .ItemBox {
    height: 100%;
  }
}

.CardS .ItemName {
  margin-bottom: 5px;
}

.CardTyny .ItemBox {
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .CardTyny .ItemBox {
    width: 165px;
    height: 100%;
  }
}

.CardTyny .ItemName {
  margin-bottom: 10px;
}

#Shop .SearchDetail .Title {
  width: 60px;
}

#Shop .Group {
  display: block;
  width: calc(100% - 210px);
}

@media screen and (max-width: 1023px) {
  #Shop .Group {
    width: 100%;
  }
}

#Shop .Group .AreaSelect {
  background: url("../images/point--arr.svg") no-repeat #fff;
  background-position: right 8px center;
  float: left;
}

@media screen and (max-width: 1023px) {
  #Shop .Group .AreaSelect {
    float: none;
    margin-bottom: 8px;
    width: 100%;
  }
}

#Shop .Group .AreaSelect select {
  width: 100%;
}

#Shop .Group .TxtArea {
  margin-top: 50px;
  display: block;
  text-align: center;
}

@media screen and (max-width: 1023px) {
  #Shop .Group .TxtArea {
    margin-top: 0px;
  }
}

#Shop .Group .TxtArea input {
  width: 100%;
}

#Shop .ResultCount {
  width: 120px;
  margin-top: auto;
}

@media screen and (max-width: 1023px) {
  #Shop .ResultCount {
    width: auto;
    text-align: right;
    margin-top: 8px;
  }
}

#Shop .Address {
  margin-top: 8px;
}

.SearchMap {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

.SearchMap a:hover {
  opacity: 0.7;
}

.SearchMap .AreaName {
  position: absolute;
  width: 260px;
  top: 48px;
  left: 380px;
  z-index: 10000;
}

.SearchMap .AreaName .Txt {
  padding: 10px;
  background-color: white;
  border: #565656 double;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -20px;
}

.SearchMap .AreaName .Txt div a {
  display: block;
  padding: 10px;
  margin: 5px;
  font-size: 14px;
  border: #565656 solid 1px;
  border-radius: 3px;
}

.SearchMap .AreaName .DisPN {
  display: none;
}

@media screen and (max-width: 1023px) {
  .SearchMap {
    display: none;
  }
}

#Item {
  margin-bottom: 50px;
}

.Flyer {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.Flyer img {
  max-width: 350px;
  max-height: auto !important;
  max-height: initial !important;
}

#Footer {
  background-color: #E94709;
}

#FootCont .info {
  background-color: rgba(233, 255, 255, 0.2);
}

#SiteCopyright {
  border-top: rgba(233, 255, 255, 0.2) 1px solid;
}

#mobile-nav-menu li a {
  font-size: .9em;
}
/*# sourceMappingURL=style2022.css.map */