@charset "euc-jp";
.container > .cInner{
  width:100%;
}
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}
#side{
  /*display: none;*/
}
#main{
  /*width:100%;*/
}
.free_space_block {
  margin-top: 3em;
}
.footer{
  margin-top:0;
}

/*item category辺り*/
.mainBox__topText{
  font-size:14px;
  margin-bottom:30px;
  text-align:center;
}
.itemList--8{
  text-align:center;
  letter-spacing: -.4em;
}
.itemList--8 .itemList__topText{
  font-size:12px;
  margin-bottom:20px;
}
.itemList--8 .itemList__unit{
  float:none;
  display: inline-block;
  letter-spacing: normal;
  width:100px;
  text-align:center;
  vertical-align: top;
}
.itemList--8 .itemList__unit:nth-child(n+2){
  margin-left:42px;
}

/*CONTENTS*/
.itemList--contents{
  background:black;
}
.itemList--contents .itemList__unit{
  width:14.27%;
  float:left;
}
.itemList--contents .itemList__unit img{
  width:100%;
}

/*お知らせ*/
.bgSection {
    padding: 60px 0;
    width: 100%;
    overflow-x: hidden;
    background: #f2f2f2;
}
.info{
  /*background:white;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:18px 15px 5px 40px;
}
.info__inner{
  height:260px;
  overflow: auto;
  padding:10px 15px;
  border-left:solid 5px #626262;
}
.info__inner dt,.info__inner dd{
  margin-bottom:10px;
}
.info__inner dt{
  float:left;
  font-weight:bold;
  width:15%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info__inner dd{
  float:left;
  padding-left:5px;
  width:85%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bgSection__bg--info{
  padding-top:50px;
  padding-bottom:80px;
}

/* バナーエリア お知らせ */
.bnrArea {
  position: relative;
}
.bnrArea .concept-deco1 {
  position: absolute;
  top: 80%;
  right: 15%;
}
.bnrArea .concept-deco2 {
  position: absolute;
  top: 70%;
  left: 15%;
}
.bnrArea .concept-deco3 {
  position: absolute;
  top: 35%;
  left: 10%
}
.bnrArea .concept-deco4 {
  position: absolute;
  top: 45%;
  right: 10%;
}
.bnrArea .leftBnr,
.bnrArea .rightBnr,
.bnrArea .uBnr {
  position: relative;
}
.bnrArea .leftBnr .bnrText,
.bnrArea .rightBnr .bnrText {
  position: absolute;
  display: block;
  top: -100px;
  left: 30px;
}
.bnrArea .itemList__unit {
  position: relative;
}
.bnrArea .itemList__unit > img {
  position: absolute;
  width: 90%;
}
.bnrArea .itemList__unit .uBnr .linkBtn {
  position: relative;
  width: 210px;
  height: 210px;
  background: #fff;
  border-radius: 50%;
}
.bnrArea .itemList__unit .uBnr .linkBtn img {
  position: absolute;
  top: 23%;
}
.bnrArea .itemList__unit .uBnr .linkBtn .bnrText {
  position: absolute;
  bottom: 17%;
  font-family: "fot-tsukuardgothic-std", sans-serif;
}
.bnrArea .itemList__unit:first-of-type > img {
  bottom: -10%;
  right: -1%;
}
.bnrArea .itemList__unit:nth-of-type(2) > img {
  top: -10%;
  left: -3%;
}
.bnrArea .itemList__unit:nth-of-type(3) > img {
  bottom: -10%;
  left: -2%;
}
.bnrArea .itemList__unit:last-of-type > img {
  top: -10%;
  right: 4%;
}
.bnrArea .itemList__unit:first-of-type .uBnr .linkBtn img {
  width: 51px;
  left: 37%;
}
.bnrArea .itemList__unit:nth-of-type(2) .uBnr .linkBtn img {
  height: 36px;
  left: 43%;
}
.bnrArea .itemList__unit:nth-of-type(3) .uBnr .linkBtn img {
  width: 35px;
  left: 43%;
}
.bnrArea .itemList__unit:last-of-type .uBnr .linkBtn img {
  width: 40px;
  left: 40%;
}
.bnrArea .itemList__unit:first-of-type .uBnr .linkBtn .bnrText {
  left: 15%;
}
.bnrArea .itemList__unit:nth-of-type(2) .uBnr .linkBtn .bnrText {
  left: 28%;
}
.bnrArea .itemList__unit:nth-of-type(3) .uBnr .linkBtn .bnrText {
  left: 28%;
}
.bnrArea .itemList__unit:last-of-type .uBnr .linkBtn .bnrText {
  left: 23%;
}
.bnrText {
  font-size: 12px;
  text-align: center;
}
.bnrText p {
  padding-bottom: 10px;
  line-height: 20px;
}
.bnrText__t {
  font-size: 16px;
  font-weight: bold;
}
.bnrArea .uBnr .ubnrText {
  position: absolute;
  display: block;
  top: -150px;
  left: 40%;
}
.ubnrText {
  font-size: 16px;
  text-align: center;
  position: absolute;
  top: 10%;
  padding-left: 25px;
}
.ubnrText p {
  padding-bottom: 15px;
  color: #fff;
  line-height: 2;
  text-align: left;
  padding-left: 15px;
}
.ubnrText__t {
  font-size: 22px;
  padding-left: 0 !important;
}

.top_info {
  width: 100%;
  margin: 0 auto;
}
.top_info > h2 {
  /*margin-bottom: 5px;
  padding: 5px 5px 5px 0;
  font-size: 16px;
  font-weight: 500;
  text-align: center;*/
}
.top_info .info {
  position: relative;
  height: 150px;
  margin: 0 5px;
  padding: 0;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.top_info .info::-webkit-scrollbar {
  width: 15px;
}
.top_info .info::-webkit-scrollbar-track {
  background: #f6f6f6;
  border-radius: 3px;
  border: 1px solid #d6d5d3;
  padding: 0 3px;
}
.top_info .info::-webkit-scrollbar-thumb {
  background: #991c1c;
  border-radius: 3px;
  margin: 0 3px;
}
.top_info .info .infoArea {
  margin-right: 15px;
  background: #f0e1e1;
}
.top_info .info .news {
  display: block;
  padding: 15px 20px 0;
}
.top_info .info .news .nBorder {
  padding-bottom: 15px;
  border-bottom: 1px dashed #d6a6a6;
}
.top_info .info .news:last-child .nBorder {
  border-bottom: none;
}
.top_info .info span {
  padding-bottom: 5px;
}
.top_info .info .newsDate {
  padding-right: 10px;
  padding: 5px 10px;
  color: #fff;
  background: #991c1c;
  border-radius: 2px;
}
.top_info .info .newsMessage {
  font-size: 14px;
}
.shop_info {
  width: 550px;
  margin: 0 auto 15px;
}
.shop_info h2 {
  padding-bottom: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
}
.shop_info p {
  text-align: center;
  font-size: 14px;
  line-height: 2.5;
}/* //バナーエリア お知らせ */

/* recommend j_sweets */
.recommend {
  padding: 50px 0;
  padding-top: 35px;
  width: 100%;
  /*background-image: url("https://img21.shop-pro.jp/PA01456/282/etc/pc_title_bg1.jpg?cmsp_timestamp=20201013111417");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right top;
  background-size: contain;*/
}
.mamegashi {
  width: 100%;
  padding-bottom: 10px;
}
.mTitle {
  font-size: 28px;
  margin-bottom: 20px;
  padding: 5px 0;
  font-weight: bold;
  text-align: left;
  color: #231815;
  font-family: 'Noto Serif JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.bgSection__recom .mTitle,
.top__category .mTitle,
.bgSection__sell .mTitle,
.top_info .mTitle {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 30px;
}
.mTitle small {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.5;
}
.mTitle > img {
  padding: 5px;
}
.itemList--4 .itemList__unit {
  width: 22.75%;
}
.itemList--4 .itemList__unit:nth-child(n+2) {
  margin-left: 3%;
}
.itemList--4 .itemList__unit:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.itemList--2 .itemList__unit {
  width: 47.5%;
}
.itemList--2 .itemList__unit:nth-child(n+2) {
  margin-left: 5%;
}
.itemList--2 .itemList__unit:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.itemList--3 .itemList__unit {
  width: 32%;
}
.itemList--3 .itemList__unit:nth-child(n+2) {
  margin-left: 2%;
}
.itemList--3 .itemList__unit:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.itemList__detail {
  margin-bottom: 5px;
}
.itemList__link {
  font-size: 14px;
  font-weight: normal;
  text-align: left !important;
}
.itemList__price,
.itemList__soldOut {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  color: #ff0000;
}
.itemList__link:hover {
  text-decoration: none !important;
}
.u_itemList {
  display: block;
}
.u_itemList > li {
  display: block;
  text-align: left;
}
.u_itemList > li > .itemList__unit_text {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 1px solid #d6d5d3;
  border-radius: 3px;
  background: #fff;
  font-family: 'Noto Serif JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
  align-items: center;
}
.u_itemList > li a {
  display: flex;
  width: 100%;
}
.u_itemList > li img {
  width: 90px;
  vertical-align: middle;
}
.u_itemList > li p {
  display: flex;
  width: 62%;
  float: right;
  justify-content: center;
  align-items: center;
}

.bgSection__recom {
  width: 100%;
}
.itemList--6 .itemList__unit {
  width: 16%;
}
.itemList--6 .itemList__unit:nth-child(n+2) {
  margin-left: 0.8%;
}
.itemList--6 .itemList__unit:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.itemList--6 .itemList__detail {
  text-align: left;
}/* //recommend j_sweets */

/* seller j_tea */
.seller {
  padding: 0;
  width: 100%;
}
.tea {
  padding-bottom: 10px;
}
.bgSection__sell {
  width: 100%;
  padding-top: 30px;
}
.seller .bx-wrapper {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.seller .bx-wrapper img {
  border-radius: 5px;
}
.itemList__name .itemList__link {
  color: #545352;
}
.seller .slick-slider .slick-prev {
  left: 1.2% !important;
  z-index: 1;
  background: url("https://img21.shop-pro.jp/PA01458/519/etc/prev.png?cmsp_timestamp=20201018005022") no-repeat !important;
  background-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
}
.seller .slick-slider .slick-next {
  right: 1.1% !important;
  z-index: 1;
  background: url("https://img21.shop-pro.jp/PA01458/519/etc/next.png?cmsp_timestamp=20201018004247") no-repeat !important;
  background-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
}
.seller .slick-slider .slick-prev:before,
.seller .slick-slider .slick-next:before {
  color: transparent !important;
}
.seller .slick-slider .slick-dots {
  display: none !important;
}
/* //seller j_tea */

/* 下部バナー */
.underBnr {
  padding: 60px 0 30px;
  background: #fff;
}
.underBnr img {
  width: 100%;
}/* 下部バナー */

.mpickup .itemList__imgBox.itemList__itemImg {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.mpickup .itemText {
  padding-top: 10px;
  background: #fff;
  border: 1px solid #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.mpickup .itemList__name {
  width: 28%;
  text-align: center;
  padding: 5px 10px;
  margin-right: auto;
  color: #fff;
  border-radius: 3px;
}
.p__f .mTitle {
  padding-top: 0;
}
.p__f .itemList__name {
  background: #f39c0a;
  letter-spacing: 15px;
}
.p__r .itemList__name {
  background: #24b8bc;
}
.p__c .itemList__name {
  background: #a69abd;
}
.mpickup .itemList__detail {
  text-align: left;
}
.popuptext {
  position: relative;
}

.mpickup .itemList__itemImg > img {
  width: 100%;
  height: auto;
}

.top__category {
  margin-bottom: 50px;
}

.feature,
.topInfo,
.seller,
.recommend,
.column {
  position: relative;
  padding-top: 20px;
}
.feature .mcontainer > img,
.topInfo .mcontainer > img,
.seller .mcontainer > img,
.recommend .mcontainer > img,
.column .mcontainer > img {
  position: absolute;
  z-index: -1;
}
.feature .mcontainer > img {
  top: -12.3%;
  right: 0;
  width: 90%;
}
.topInfo .mcontainer > img {
  width: auto;
}
.seller .mcontainer > img {
  top: 12%;
  right: 5%;
}
.recommend .mcontainer > img {
  top: 1%;
  left: 4%;
}
.column .mcontainer > img {
  top: -2.5%;
  left: 18%;
}

.recommend {
  margin-top: 40px;
  padding-bottom: 0;
}
.column {
  margin-bottom: 50px;
  padding-bottom: 20px;
}

.mpickup .itemList__imgBox {
  margin-bottom: 0;
}

.itemSlider .itemList__unit {
    padding: 0 12px;
}

/* ranking */
.itemList--ranking .itemList__unit {
  position: relative;
}

.itemList--ranking .itemList__unit:before {
  content: "";
  z-index: 2;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 31px;
  font-weight: normal;
  font-size: 21.33px;
  line-height: 29.92px;
  text-align: center;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  font-family: 'Noto Serif JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #fff;
}

.itemList--ranking .itemList__unit:nth-child(1):before {
  background: #c89932;
  border-color: #c89932;
}

.itemList--ranking .itemList__unit:nth-child(2):before {
  background: #9c9c9c;
  border-color: #9c9c9c;
}

.itemList--ranking .itemList__unit:nth-child(3):before {
  background: #874819;
  border-color: #874819;
}

.itemList--ranking .itemList__unit:nth-child(4):before {
  background: #991c1c;
  border-color: #991c1c;
}

.itemList--ranking .itemList__unit:nth-child(1):before {
  content: "1";
}

.itemList--ranking .itemList__unit:nth-child(2):before {
  content: "2";
}

.itemList--ranking .itemList__unit:nth-child(3):before {
  content: "3";
}

.itemList--ranking .itemList__unit:nth-child(4):before {
  content: "4";
}

.itemList--ranking .itemList__unit:nth-child(5):before {
  content: "5";
}

.itemList--ranking .itemList__unit:nth-child(6):before {
  content: "6";
}

.itemList--ranking .itemList__unit:nth-child(7):before {
  content: "7";
}

.itemList--ranking .itemList__unit:nth-child(8):before {
  content: "8";
}

.itemList--ranking .itemList__unit:nth-child(9):before {
  content: "9";
}

.itemList--ranking .itemList__unit:nth-child(10):before {
  content: "10";
}

.itemList--ranking .itemList__unit:nth-child(11):before {
  content: "11";
}

.itemList--ranking .itemList__unit:nth-child(12):before {
  content: "12";
}

.itemList--ranking .itemList__unit:nth-child(13):before {
  content: "13";
}

.itemList--ranking .itemList__unit:nth-child(14):before {
  content: "14";
}

.itemList--ranking .itemList__unit:nth-child(15):before {
  content: "15";
}

.itemList--ranking .itemList__unit:nth-child(16):before {
  content: "16";
}

.itemList--ranking .itemList__unit:nth-child(17):before {
  content: "17";
}

.itemList--ranking .itemList__unit:nth-child(18):before {
  content: "18";
}

.itemList--ranking .itemList__unit:nth-child(19):before {
  content: "19";
}

.itemList--ranking .itemList__unit:nth-child(20):before {
  content: "20";
}

.feature .itemList__name > img {
  width: 18px;
  padding-bottom: 5px;
  padding-right: 5px;
}
.feature .itemList__name {
  font-size: 18px;
}

.categoryPU {
  padding-top: 50px;
}
.categoryPU .mcontainer {
  position: relative;
}
.categoryPU .mcontainer > img {
  position: absolute;
  z-index: -1;
  top: -10%;
}
.categoryPU .mTitle {
  font-size: 32px;
  font-weight: lighter;
}

.topInfo {
  padding-bottom: 50px;
}
.topInfo .mcontainer {
  position: relative;
}
.topInfo .mcontainer > .ftrdeco_l {
  position: absolute;
  top: 15%;
  left: -40%;
}
.topInfo .mcontainer > .ftrdeco_r {
  position: absolute;
  top: 28%;
  right: -20%;
}

.recommend--rank .itemList .itemList__unit:first-of-type,
.recommend--rank .itemList .itemList__unit:nth-of-type(2),
.recommend--rank .itemList .itemList__unit:nth-of-type(3),
.recommend--rank .itemList .itemList__unit:nth-of-type(4) {
  display: none;
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(5):before {
  background: #c89932;
  border-color: #c89932;
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(6):before {
  background: #9c9c9c;
  border-color: #9c9c9c;
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(7):before {
  background: #874819;
  border-color: #874819;
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(8):before {
  background: #991c1c;
  border-color: #991c1c;
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(5):before {
  content: "1";
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(6):before {
  content: "2";
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(7):before {
  content: "3";
}
.recommend--rank .itemList--ranking .itemList__unit:nth-child(8):before {
  content: "4";
}