@charset "UTF-8";
/* all
---------------------------------*/
#wrapper_hlw .navbar .navbar-brand {
  padding: 0 10px !important;
}

/*オレンジbg*/
.orange_bg {
  background-image: url("2020_img/orange_bg.gif");
  background-repeat: repeat;
  background-position: center top;
}

/*黄色bg*/
.yellow_bg {
  background-image: url("2020_img/yellow_bg.gif");
  background-repeat: repeat;
  background-position: center top;
}

.txt_c {
  text-align: center;
}

/*----------------------
fv
----------------------*/
.hw2020_fv {
  width: 100%;
  height: auto;
  background-image: url("2020_img/hw2020_fv_bg.gif");
  background-position: center top;
  background-size: cover;
  overflow: hidden;
  text-align: center;
}

.hw2020_fv img {
  max-width: 910px;
  width: 100%;
}

.hw2020_fv img:first-child {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .hw2020_fv {
    background-image: none;
  }
  .hw2020_fv img:first-child {
    margin-bottom: 0;
  }
}

.line_orange {
  border-top: dotted 4px #ee9300;
  margin: 10px 0;
}

.line_white {
  border-top: dotted 4px #FFF;
  margin: 10px 0;
}

/*----------------------
限定セット　メイン
----------------------*/
.set_area {
  max-width: 910px;
  margin: 0 auto;
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .set_area {
    padding-top: 75px;
  }
}

.set_bg_white {
  margin: 0 8px;
  padding: 0 20px 10px;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  position: relative;
  text-align: center;
}

.set_bg_white p {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
}

.set_bg_white .set_cap {
  margin: 0 12px;
}

.set_bg_white .set_txt {
  padding: 10px;
  font-size: 13px;
  color: #6a3906;
  background-color: #ffeed9;
}

.set_bg_white .cf_txt02 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  margin: 0px;
  padding: 0px;
  /*  width: 400px;*/
  background: linear-gradient(transparent 70%, #ffec00 0%);
}

.set_bg_white .cf_txt03 {
  color: #e10012;
}

@media screen and (max-width: 768px) {
  .set_bg_white {
    padding: 10px;
  }
}

.set_ttl {
  position: absolute;
  left: 50%;
  transform: translate(-30%, -30%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media screen and (max-width: 568px) {
  .set_ttl {
    top: -70px;
    left: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    width: 100%;
  }
  .set_ttl img {
    width: 100%;
  }
}

.set_img {
  text-align: center;
  margin: 0 auto 10px;
  padding-top: 10%;
}

.set_img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .set_img {
    padding-top: 14%;
  }
}

@media screen and (max-width: 568px) {
  .set_img {
    padding-top: 10%;
  }
}

.cf_txtbg {
  margin: 0 0 0 0px;
  padding: 0 0 0 0px;
  background-repeat: y-repeat;
  background-position: left top;
  height: 120px;
}

.cf_txt {
  float: left;
  font-size: 16px;
  /* font-weight:bold;*/
  line-height: 1.3;
  color: #000;
  margin: 0 10px 0px 50px;
  padding: 0 0 0px 0;
  width: 400px;
}

.set_kakaku img {
  max-width: 402px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .set_kakaku img {
    max-width: initial;
  }
}

/*----------------------
限定セット　2列
----------------------*/
.set2_area {
  padding: 12px 0;
  max-width: 910px;
  margin: 0 auto;
}

.set2_one {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .set2_one {
    margin-top: 60px;
  }
}

/*白ブロック*/
.set2_bg_white {
  margin: 40px 8px 8px;
  padding: 75px 0 10px 0;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  position: relative;
}

.set2_bg_white p {
  margin: 0 12px;
  font-size: 16px;
  line-height: 1.5;
}

.set2_bg_white .set_txt {
  margin: 12px;
  padding: 10px;
  font-size: 13px;
  color: #6a3906;
  background-color: #ffeed9;
}

/*黒ブロック*/
.set2_bg_black {
  margin: 10px 8px 8px;
  padding: 5px 0;
  background-color: #231815;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.set2_bg_black p {
  margin: 12px;
  font-size: 16px;
  height: 50px;
  color: #FFF;
  line-height: 1.5;
}

.set2_bg_black .ma_set_name {
  margin: 10px;
  position: relative;
}

.set2_bg_black .ma_set_name p {
  float: left;
  font-size: 22px;
  color: #FFF;
  line-height: 1.2;
  font-weight: bold;
}

.set2_bg_black .ma_set_name .obk_img {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .set2_bg_black .ma_set_name .obk_img img {
    width: 50px;
  }
}

/* カート　価格周りのこまごま ___ */
/*価格フォント*/
.alp {
  font-family: 'Sen', sans-serif;
}

.unit {
  font-size: 30px;
  font-weight: bold;
}

.bag {
  font-size: 20px;
  font-weight: bold;
}

.price_ttl {
  font-size: 22px;
  font-weight: bold;
  writing-mode: vertical-rl;
  letter-spacing: -1px;
}

.price {
  font-size: 56px;
  font-weight: bold;
  letter-spacing: -1px;
}

.tax img {
  width: 33px;
}

.price_en {
  font-size: 30px;
  font-weight: bold;
}

/*価格*/
.price_area {
  width: 100%;
  text-align: right;
  padding: 0 10px;
  color: #FFF;
}

.set2_ttl {
  position: absolute;
  top: -50px;
  left: 0;
}

.set2_ttl img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .set2_ttl {
    top: -70px;
    left: 0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    width: 100%;
  }
  .set2_ttl img {
    width: 100%;
  }
}

.set2_img {
  text-align: center;
  margin: 0;
  padding: 0 10px;
}

.set2_img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .set2_img {
    padding-top: 5%;
  }
}

@media screen and (max-width: 568px) {
  .set2_img {
    padding-top: 0;
  }
}

.attention_set p {
  font-size: 12px;
  color: #6a3906;
}

.attention_set a p {
  text-decoration: underline;
  color: #ff1d25;
}

@media screen and (max-width: 768px) {
  .attention_set {
    margin-top: 10px;
  }
}

/*カート*/
.cart_area {
  margin: 10px;
}

#crt_btn {
  width: 95%;
  height: auto;
  float: right;
  /* marg in:0 0 0 14px;*/
  padding: 19px 5px;
  background-color: #22a738;
  border: 0;
  color: #fff;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 23px;
  font-weight: none;
  line-height: 1.3;
  vertical-align: bottom;
  text-align: center;
}

#crt_btn:hover {
  background-color: #3bb74c;
  cursor: pointer;
}

#link_btn {
  width: 85%;
  margin: 0 auto;
  height: auto;
  padding: 15px 5px;
  font-size: 20px;
  font-weight: none;
  line-height: 1.3;
  vertical-align: bottom;
  background-color: #22a738;
  border: 0;
  color: #fff;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#link_btn:hover {
  background-color: #3bb74c;
  cursor: pointer;
}

.link_btn_area {
  padding: 10px;
  text-align: center;
}

.cart_select {
  float: right;
}

.cart_select p {
  font-size: 15px;
  margin: 3px 0;
  text-align: right;
}

.cart_btn {
  background-color: plum;
}

/*セットの場合*/
.set_area {
  /*
	input#crt_btn{
	 width:340px;
   padding: 20px 5px;
	 @media screen and (max-width: 1040px) {
	   width:300px;
   }
 }*/
}

.set_area .cart_area {
  margin: 10px 0;
}

.set_area .cart_select {
  float: right;
}

.set_area .cart_select p {
  font-size: 15px;
  margin: 15px 0 3px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .set_area .cart_select p {
    margin: 16px 0 0 0;
  }
}

/*----------------------
注意書き　白ブロック
----------------------*/
.attention_area {
  max-width: 890px;
  margin: 0 auto;
  padding: 30px 10px 30px 30px;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
}

.attention_area p, .attention_area ul {
  font-size: 14px;
  margin: 0;
  text-align: left;
  line-height: 1.5;
  color: #6a3906;
}

.attention_area li {
  margin: 0 15px;
  list-style: square;
}

.attention_area small p {
  font-size: 12px;
}

.attention_area .att_ttl {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .attention_area {
    max-width: 100%;
    margin: 10px;
  }
}

.footer_img {
  width: 100%;
  height: 87px;
  background-image: url("2020_img/footer_img.png");
  background-position: center bottom;
  text-align: center;
}