@charset "euc-jp";

/*TOPのみ*/
#main{
    padding:0;
    background:none;
  }
  #middle_contents{
    margin-top:80px;
  }
  .eyecatch{
    display: block;
  }

  /*インフォ(管理画面のおしらせ　dl作り)*/
  .mainTitle--info{
    margin-bottom:20px;
    font-size:14px;
  }
  .info dl {
      height: 85px;
      overflow: auto;
      font-size:14px;
  }
  .info dt{
    float:left;
    clear:both;
    margin-bottom:5px;
    font-weight:bold;
  }
  .info dt span{
    font-weight:bold;
    display: inline-block;
    margin-right:5px;
  }
  .info dd{
    float:right;
    width:584px;
    word-break:break-all;
    margin-bottom:5px;
  }

  .mainBox__topText{
    text-align:center;
    margin-bottom:20px;
  }
  .mainBnrList__unit{
    margin-bottom:10px;
  }
  .mainBnrList__unit--left{
    float:left;
    max-width:49.5%;
  }
  .mainBnrList__unit--right{
    float:right;
    max-width:49.5%;
  }

  /**/
  .infosection h2.mainTitleB { padding-bottom: 0; border-bottom: none;}
  .infosection .borderbox_innerright { padding-top: 13px;}

  /**/
  .runkingicon {
      position: absolute;
      background: url(https://img21.shop-pro.jp/PA01423/044/etc/icon_ranking_bg.png);
      width: 47px;
      height: 45px;
      color: #fff;
      text-align: center;
    font-family: YuMincho, "游明朝","Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
      font-size: 25px;
      line-height: 45px;
      font-weight: normal;
    z-index: 1;
  }

  /**/
  .section--bnrList { margin-bottom: 30px;}


  /**/

  .flavorsection .bnrList--3 .bnrList__unit {width: 30.55%;}
  .flavorsection .bnrList--3 .bnrList__unit:nth-child(n+2) {margin-left: 4.175%;}
  .flavorsection .bnrList--3 .bnrList__unit:nth-child(4n) {margin-left: 0;}
  .flavorsection .bnrList--3 .bnrList__unit:nth-child(n+4) { margin-top: 30px;}
  .flavorsection .section--bnrList .bnrList__unit:nth-child(4) .bnrList__hoverTitle ,
  .flavorsection .section--bnrList .bnrList__unit:nth-child(5) .bnrList__hoverTitle { padding: 5px 10px; }


  /**/

  .roastingsection h3 {
    font-family: YuMincho, "游明朝","Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 0.5em;
      line-height: 1.1em;
      }
  .roastingsection .borderbox_wrap { margin-bottom: 28px;}
  .roastingsection .borderbox_wrap p {line-height: 1.785em;}
  .roastingsection .leftimg {
  float: left;
  }
  .roastingsection .righttxt {
  float: right;
  width: 480px;
  }
  .roastingsection .clearfix {margin-top: 24px;}
  .roastingsection .flavorbox {
  float: left;
  width: 310px;
  border: 1px solid #0c0907;
  border-radius: 4px;
  padding: 8px 10px 8px 14px;
  box-sizing: border-box;
  }

  .roastingsection .clearfix a {
  float: right;
  }

  /**/

  .aboutsection .rightimg {float:right;}
  .aboutsection h3 { margin-bottom: 22px;}
  .aboutsection .lefttxt { float:left; width: 450px;}

  /**/

  .storesection .bnrList__unit { text-align: left;}
  .storesection .bnrList__unit p {padding-top: 5px; line-height: 1.75em;}

  .info2-box {
      margin-bottom:10px;
  }
  .info2-box dl {
      display: flex;
      border: 2px dotted #aaa;
      padding: 10px;
  }
  .info2-box dl dt {
      width: 25%;
  }
  .info2-box dl dd {
      width: 78%;
      padding-left: 1%;
      text-align: center;
  }
  .info2-box h3 {
      font-size: 1rem;
      font-weight: bold;
      margin-bottom: 5px;
  }
  .textRed {
      color: #ff0000;
  }
  .textBold {
      font-weight: bold;
  }

  .rankingsection .itemList--4 .itemList__unit {
      width: 100%;
    display:flex;
    margin-left: 0;
    justify-content: space-between;
  }


  .rankingsection .itemList--4 .itemList__unit .itemList__imgBox{
    width: 300px;
}


.rankingsection .itemList--4 .itemList__unit .itemList__detail{
  width: 400px;
}
.rankingsection .itemList--4 .itemList__unit img{
  max-width: 300px;
}


.rankingsection .itemList--4 .itemList__unit .itemList__detail p{
  text-align: start;
  margin: 5px 0;
}

.rankingsection .itemList--4 .itemList__unit .itemList__detail .itemList__price{
  text-align: end;
}

.rankingsection .itemList--4 .itemList__unit:nth-child(n+5) {
    margin-top: 0px;
}
.flag {
    font-size: 15px;
    display: flex;
    padding: 10px;
    background: #f7f7f7;
    margin-bottom: 20px;
}
.flag img {
    width: 26px;
    height: auto;
    vertical-align: middle;
    margin-right: 6px;
}
.flags {
    flex-basis: 33.3%;
    padding-right: 5px;
}
.flags ul {
    font-size: 11px;
    line-height: 1.2;
    margin: 0;
    padding: 4px 0 0 29px;
    background: url("https://img07.shop-pro.jp/PA01423/044/etc/flag-L.png") no-repeat left top;
    background-size: 26px auto;
    list-style: none;
}
.flags li {
    margin-bottom: 8px;
    background: url("https://img07.shop-pro.jp/PA01423/044/etc/flag-arrow.png") no-repeat left 3px;
    background-size: 8px auto;
    padding-left: 9px;
}
.flags li::marker {
color: #0bd;
}
.flags a {
    color: #b35c24;
    text-decoration: none;
}

li.sakura{
  background-image: url(https://img07.shop-pro.jp/PA01423/044/etc_base64/c2FrdXJh.png?cmsp_timestamp=20250311125234);
  background-repeat: no-repeat;
  background-size: 10%;
}
li.sakura h3{
  margin-left: 50px;
  margin-top: 10px;
}