/* リセットCSS
================================ */

#rice-otomo *,
#rice-otomo *::before,
#rice-otomo *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
#rice-otomo h1,
#rice-otomo h2,
#rice-otomo h3,
#rice-otomo h4,
#rice-otomo h5,
#rice-otomo h6,
#rice-otomo ul,
#rice-otomo ol,
#rice-otomo dl,
#rice-otomo li,
#rice-otomo dt,
#rice-otomo dd,
#rice-otomo p,
#rice-otomo div,
#rice-otomo span,
#rice-otomo img,
#rice-otomo a,
#rice-otomo table,
#rice-otomo tr,
#rice-otomo th,
#rice-otomo td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

#rice-otomo header,
#rice-otomo footer,
#rice-otomo nav,
#rice-otomo section,
#rice-otomo article,
#rice-otomo main,
#rice-otomo aside,
#rice-otomo figure,
#rice-otomo figcaption {
  display: block;
}

#rice-otomo ol,
#rice-otomo ul,
#rice-otomo li {
  list-style: none;
  list-style-type: none;
}

#rice-otomo img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#rice-otomo a {
  color: inherit;
  text-decoration: none;
}

#rice-otomo a:hover {
  opacity: 0.7;
}

/* ここから追加
================================ */
/* ベース */

#rice-otomo {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.06em;
  line-height: 1.5;
  color: #222222;
  width: 1200px;
}

#rice-otomo img {
  width: 100%;
}

#rice-otomo section{display: flex;    align-items: center;
  flex-direction: column;
  width: 1200px;
}
#rice-otomo .second{display: none;}
#rice-otomo .smp{display: none !important;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■　テキスト周辺　■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*h*/
#rice-otomo h2{text-align: center;font-size: 1.4rem;}
#rice-otomo h4{text-align: center;font-size: 1.2rem;}

/*ラベル*/
#rice-otomo .label_red{
  padding: 0.5rem 2rem;
  background-color: #cd2b1f;
  margin: 0.5rem 0;
  color: white;}
#rice-otomo .label_red span{color: #dec657;}

/*見出し*/
#rice-otomo .subtitle{   display: flex; align-items: center;width: 100%;margin-bottom: 10px;}
#rice-otomo .subtitle:before,
#rice-otomo .subtitle:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
}
#rice-otomo .subtitle:before {margin-right: 1rem;}
#rice-otomo .subtitle:after {margin-left: 1rem;}

#rice-otomo .subtext{
  text-align: center;margin-bottom: 10px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■　common　■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*カートに入れるボタン*/
#rice-otomo .auto-cart-in{ 
  position: relative;
      width: 100%;
      height: 3rem;
      background-color: #cd2b1f;
      text-align: center;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff !important;}
  #rice-otomo .auto-cart-in:after
      {    position: absolute;
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 6px;
        height: 6px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        top: 0;
        bottom: 0;
        right: 8%;
        margin: auto;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .3s ease 0s;}
/*選択するボタン*/
#rice-otomo .auto-cart-in-asort.select{ 
  position: relative;
      width: 100%;
      height: 3rem;
      background-color: #cd2b1f;
      text-align: center;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff !important;}
  #rice-otomo .auto-cart-in-asort.select:after
      {    position: absolute;
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 6px;
        height: 6px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        top: 0;
        bottom: 0;
        right: 8%;
        margin: auto;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .3s ease 0s;}
/*価格プロ*/
#rice-otomo .price{  font-size: 1.6rem;}
#rice-otomo .price .spesicalprice,#rice-otomo .price .intax{display: none;}
    
    
/*■■■■■■■■■■■■■■■■■■■■■■■■■　看板　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo h1{position: relative;}
#rice-otomo h1 .cp{position: absolute;    bottom: -50px;
  right: 10px;  cursor:pointer;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■　人気のキーワード　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo #otm_hotword{  
  text-align: center;
  display: flex;
  margin: 1rem 0;
  padding: 10px;
  background-color: #e1c65b;
  flex-direction: row;
  justify-content: center;
}
#rice-otomo #otm_hotword h2{margin-right: 1rem;font-size: 1rem;}
#rice-otomo #otm_hotword div.sort div{
  width: fit-content;
  margin-right: 0.5rem;
  padding: 0.2rem 1rem;
  border: 1px solid;  cursor:pointer;
  float: left;}

/*■■■■■■■■■■■■■■■■■■■■■■■■■　人気のお供　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo #otm_ranking{
  width: 80%;  margin-bottom: 30px !important;
  margin: auto;
  display: flex;
  flex-direction: column;
}
#rice-otomo #otm_ranking li{
  position: relative;
  width: calc((100% / 3) - 20px);
  float: left;
  margin: 10px;
  box-sizing: border-box;}

  #rice-otomo #otm_ranking li h3{    text-align: center;margin: 10px auto;}
#rice-otomo #otm_ranking li p{
  position: absolute;
  background-color: black;
  color: white;
  top: 0;
  left: 0;
  padding: 5px 10px;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■　お供一覧　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo #otm_list{    display: block;
  padding-top: 140px;
  margin-top: -140px;}


/*リスト*/
#rice-otomo .item_wrap{    
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

#rice-otomo .item_wrap > li{  
  width: calc(100% / 4);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;}

#rice-otomo .item_wrap > li dt h3{margin: 0.5rem 0;}
#rice-otomo .item_wrap > li dt p{  
  font-size: 0.8rem;
  border: 1px solid;
  border-radius: 90px;
  width: fit-content;
  margin: auto;
  padding: 0 1rem;}
#rice-otomo .item_wrap > li dd p{font-size: 0.8rem;    line-height: 1rem;
  margin: 0.5rem 0;}


/*パンくずソート*/
#rice-otomo #otm_list #pnkz_sort{
  width: fit-content;
  margin: 0.5rem auto 1rem;
  padding: 0 1rem;}

  #rice-otomo #otm_list #pnkz_sort ul li{   padding: 0.5rem;    border-bottom: 2px solid #cd2b1f;}
  #rice-otomo #otm_list #pnkz_sort h3{color: #cd2b1f;    font-size: 1.5rem;}



/*■■■■■■■■■■■■■■■■■■■■■■■■■　お供一覧並び替え　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo .item_1{order:1}
#rice-otomo .item_2{order:2}
#rice-otomo .item_3{order:3}
#rice-otomo .item_4{order:4}
#rice-otomo .item_5{order:5}
#rice-otomo .item_6{order:6}
#rice-otomo .item_7{order:7}
#rice-otomo .item_8{order:8}
#rice-otomo .item_9{order:9}
#rice-otomo .item_10{order:10}
#rice-otomo .item_11{order:11}
#rice-otomo .item_12{order:12}
#rice-otomo .item_13{order:13}
#rice-otomo .item_14{order:14}
#rice-otomo .item_15{order:15}
#rice-otomo .item_16{order:16}
#rice-otomo .item_17{order:17}
#rice-otomo .item_18{order:18}
#rice-otomo .item_19{order:19}
#rice-otomo .item_20{order:20}
#rice-otomo .item_21{order:21}
#rice-otomo .item_22{order:22}
#rice-otomo .item_23{order:23}
#rice-otomo .item_24{order:24}
#rice-otomo .item_25{order:25}
#rice-otomo .item_26{order:26}
#rice-otomo .item_27{order:27}
#rice-otomo .item_28{order:28}
#rice-otomo .item_29{order:29}
#rice-otomo .item_30{order:30}
#rice-otomo .item_31{order:31}
#rice-otomo .item_32{order:32}
#rice-otomo .item_33{order:33}
#rice-otomo .item_34{order:34}
#rice-otomo .item_35{order:35}
#rice-otomo .item_36{order:36}
#rice-otomo .item_37{order:37}
#rice-otomo .item_38{order:38}
#rice-otomo .item_39{order:39}
#rice-otomo .item_40{order:40}
#rice-otomo .item_41{order:41}
#rice-otomo .item_42{order:42}
#rice-otomo .item_43{order:43}
#rice-otomo .item_44{order:44}
#rice-otomo .item_45{order:45}
#rice-otomo .item_46{order:46}
#rice-otomo .item_47{order:47}
#rice-otomo .item_48{order:48}
#rice-otomo .item_49{order:49}
#rice-otomo .item_50{order:50}
#rice-otomo .item_51{order:51}
#rice-otomo .item_52{order:52}
#rice-otomo .item_53{order:53}
#rice-otomo .item_54{order:54}
#rice-otomo .item_55{order:55}
#rice-otomo .item_56{order:56}
#rice-otomo .item_57{order:57}
#rice-otomo .item_58{order:58}
#rice-otomo .item_59{order:59}
#rice-otomo .item_60{order:60}
#rice-otomo .item_61{order:61}
#rice-otomo .item_62{order:62}
#rice-otomo .item_63{order:63}
#rice-otomo .item_64{order:64}
#rice-otomo .item_65{order:65}
#rice-otomo .item_66{order:66}
#rice-otomo .item_67{order:67}


/*■■■■■■■■■■■■■■■■■■■■■■■■■　ナビ　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo [id^="sort_navi"]{
  background-color: #f3f2e6;
padding: 10px;
display: flex !important;
    flex-direction: column;}

#rice-otomo [id^="sort_navi"] div.sort{
  width: fit-content;
  margin: auto;}

#rice-otomo [id^="sort_navi"] div.sort div{width: fit-content;
  border: 1px solid;
  margin: 5px;  cursor:pointer;
  float: left;
  border-radius: 90px;
  padding: 0.5rem 1rem;}

#rice-otomo [id^="sort_navi"] #Keyall{padding: 0.5rem 3rem;
  background-color: black;
color: white;}

#rice-otomo [id^="sort_navi"] h3{clear: both;}

#rice-otomo div.sort > div:hover{background-color: #666;color: #fff;}


/*■■■■■■■■■■■■■■■■■■■■■■■■■　お茶漬け　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo #cha{    margin: 20px 0;}
#rice-otomo #cha .item_wrap > li{  
  width: calc(100% / 5);

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■　カレー　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo #cary{    margin: 20px 0;}
#rice-otomo #cary .item_wrap > li{  
  width: calc(100% / 5);

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■　パックごはんCP　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo #packcp{    margin-bottom: 50px;
  display: block;
  padding-top: 140px;
  margin-top: -140px;
  box-sizing: border-box;
  text-align: center;}

  #rice-otomo #packcp > div{   padding: 1rem; background-color: #f2f2f2;}
  #rice-otomo #packcp .item_wrap .cartin{display: flex;
    align-content: flex-start;
    flex-direction: row;
    align-items: center;}
  #rice-otomo #packcp .item_wrap .cartin a{width: calc(100% / 3) !important;margin-top: 5px;}
  #rice-otomo #packcp .item_wrap .cartin a:nth-of-type(2){margin: 5px 5px 0;}



/*■■■■■■■■■■■■■■■■■■■■■■■■■　パックごはんCP_フッター　■■■■■■■■■■■■■■■■■■■■■■■■■*/
#rice-otomo #packcp_footer{
  position: fixed;  cursor:pointer;
  z-index: 999;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
}