@charset "UTF-8";

/* ------------------
	under
 ------------------ */

.mv_itemarea {
  margin-bottom: 30px;
}

.mv_itemarea p:first-child {
  margin-bottom: 10px;
}

#prev_no {
  display: none !important;
}

.sitemap {
  padding: 40px 0;
}

.sitemap > ul {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.sitemap li {
  list-style: none;
}

.sitemap p {
  border-bottom: 5px solid #000;
  margin-bottom: 15px;
  padding-bottom: 6px;
}

.sitemap > ul > li {
  width: 30%;
  margin: 0 5% 5% 0;
}

.sitemap > ul > li:nth-child(3) {
  margin-right: 0;
}

.sitemap > ul > li li a {
  font-size: 88%;
  display: block;
  background: url(../img/delta.svg) no-repeat left center;
  background-size: 6px 6px;
  padding-left: 16px;
  text-decoration: none;
}

.sitemap a:hover {
  text-decoration: none;
}

/* よくあるご質問 */

.qaarea {
  margin-bottom: 60px;
}

.qaarea dt {
  background: url(../img/icon_q.svg) no-repeat left top;
  background-size: 26px 26px;
  min-height: 26px;
  font-weight: bold;
  font-size: 20px;
  padding-left: 36px;
  margin-bottom: 20px;
}

.qaarea dd {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/icon_a.svg) no-repeat left top;
  background-size: 4px 1px, 26px 26px;
  padding: 0 0 20px 36px;
  margin-bottom: 40px;
}

.qaarea dd p {
  margin-bottom: 25px;
}

.qaarea dd p:last-child {
  margin-bottom: 0px;
}

.qaarea table {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  margin-bottom: 10px;
}

.qaarea th,
.qaarea td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 10px;
}

.qaarea th {
  background: #efefef;
}

.qa_mintit {
  font-weight: bold;
  font-size: 110%;
  line-height: 150%;
  margin-bottom: 10px !important;
}

.c_ribo {
  margin-bottom: 20px;
  width: auto;
}

.c_ribo li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.c_ribo li p {
  margin: 0 15px 0 0;
}

.c_ribo li p:first-child {
  margin: 5px 15px 0 0;
}

/* ご利用ガイド_ギフト */

.gif_navs li img,
.gift_infos img {
  width: 100%;
  height: auto;
}

.gift_infos {
  margin-bottom: 40px;
}

.gif_navs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 50px;
}

.gif_navs li {
  list-style: none;
  width: 31.6%;
  margin: 0 2.6% 2.6% 0;
}

.gif_navs li:nth-child(3n) {
  margin-right: 0;
}

.gif_navs a,
.gif_navs a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.gif_navs a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

.gif_navs a:hover img {
  opacity: 0.5;
}

.tp_arange {
  color: #a99660;
  font-size: 200%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.tp_arange:before,
.tp_arange:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #a99660;
  display: block;
}

.tp_arange:before {
  margin-right: 0.4em;
}

.tp_arange:after {
  margin-left: 0.4em;
}

.gift_intros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px;
}

.rapp_intros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.txt_areas {
  width: 52%;
}

.txt_areas p {
  margin-bottom: 20px;
}

.txt_areas p:last-child {
  margin-bottom: 0;
}

.photo_area {
  width: 42%;
}

.photo_area li {
  list-style: none;
}

.paterns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(../img/d_delta.gif) no-repeat center center;
}

.paterns img,
.gui_dobb img {
  width: 100%;
  height: auto;
}

.paterns li,
.gui_dobb li {
  width: 46%;
}

.mini_s {
  font-size: 86%;
  line-height: 150%;
  margin-bottom: 10px;
}

.gui_dobb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.gui_dobb li {
  margin: 0 8% 4% 0;
}

.gui_dobb li:nth-child(2n) {
  margin-right: 0;
}

.gui_single li {
  margin-bottom: 20px;
}

.gui_single li:last-child {
  margin-bottom: 0;
}

.guide_bb_btn {
  width: 60%;
  margin: 0 auto 60px;
}

.guide_bb_btn a {
  display: block;
  text-decoration: none;
  background: url(../img/emptycart.svg) no-repeat 5% center #cf3c01;
  background-size: 20px 20px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px 10%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 130%;
  transition: 0.3s;
  -webkit-box-shadow: 0px 5px 0 #842404;
  box-shadow: 0px 5px 0 #842404;
}

.guide_bb_btn a:hover {
  display: block;
  background: url(../img/emptycart.svg) no-repeat 5% center #cf3c01;
  background-size: 20px 20px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 0 #842404;
  box-shadow: 0px 5px 0 #842404;
}

/* サイトマップ */
.sitemap_link > ul {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sitemap_link li {
  list-style: none;
}

.sitemap_link p {
  border-bottom: 5px solid #a99660;
  display: inline-block;
  margin-bottom: 20px;
}

.sitemap_link > ul > li {
  width: 48%;
  margin: 0 4% 4% 0;
}

.sitemap_link > ul > li:nth-child(2n) {
  width: 48%;
  margin: 0 0 4% 0;
}

.sitemap_link > ul > li li a {
  font-size: 88%;
  display: block;
  background: url(../img/r-delta_blo.svg) no-repeat left center;
  background-size: 6px 6px;
  padding-left: 16px;
}

/* 企業情報 */

.com_area .company_box {
  width: 100%;
}

.com_area .company_box .com_tit {
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 20px;
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 20px;

  line-height: 150%;
}

.com_area table {
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  width: 100%;
  margin: 0 0 40px;
}

.com_area table th,
.com_area table td {
  border-bottom: 1px dotted #ccc;
  padding: 20px 15px;
}

.com_area table th {
  border-left: 1px solid #e6e6e6;
  background: #f3f3f3;
  width: 20%;
}

.com_area .access_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.com_area .access_box ul li {
  width: 48%;
  margin: 0 4% 40px 0;
  list-style: none;
}

.com_area .access_box ul li img {
  width: 100%;
  height: auto;
}

.com_area .access_box ul li:nth-child(2n) {
  margin-right: 0;
}

.com_area .access_box ul li dl {
}

.com_area .access_box ul li dl dt {
  text-align: center;
  font-size: 24px;
  padding: 40px 0 20px;
}

.com_area .access_box ul li dl dd {
  margin: 0 0 20px;
}

.com_area .access_box ul li dl dd .maplink {
  margin: 0 0 0 1em;
  display: inline-block;
}

.com_area .access_box ul li dl dd iframe {
  width: 100%;
  height: 300px;
}

/* ショッピングカート */

.cart-block:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.cart-block {
  background: #e3ddcd;
  padding: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-block li {
  width: 23.5%;
  text-align: center;
  list-style: none;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.cart-block li:hover {
  width: 23.5%;
  text-align: center;
  list-style: none;
  background: #fff;
  opacity: 0.7;
}

.cart-block li a {
  display: block;
  padding: 5% 10%;
  text-decoration: none;
  height: 100%;
}

.cart-block li dt {
  max-width: 120px;
  max-height: 120px;
  margin: 0 auto;
}

.cart-block li dd {
  color: #000;
  font-size: 86%;
  line-height: 150%;
}

.cart-block li dd.btns {
  background: #a79667;
  color: #fff;
  padding: 15px 0;
  margin-top: 15px;
}

/* 新規会員登録 */

.guide-link {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.guide-link li {
  width: 30%;
  list-style: none;
  margin-right: 5%;
}

.guide-link li:nth-child(3n) {
  margin-right: 0;
}

.guide-link li a {
  display: block;
  text-align: center;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 20px;
  background: #eeeeee;
  padding: 3% 5%;
  font-size: 86%;
  text-decoration: none;
}

.took_logo {
  text-align: center;
  margin: 0 auto 25px;
}

.took_logo img {
  width: 214px;
  height: 55px;
}

.took_mtit {
  text-align: center;
  margin-bottom: 45px;
  border-bottom: 3px solid #c3d43a;
  padding-bottom: 20px;
}

.took_mtit dt {
  font-size: 190%;
  font-weight: bold;
  line-height: 150%;
  letter-spacing: 1px;
}

.took_mtit dd {
  font-size: 130%;
  font-weight: bold;
}

.tokus {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.tokus li {
  width: 48%;
  margin-bottom: 4%;
  list-style: none;
  min-height: 100px;
  padding: 0 0 20px 15%;
  min-height: 120px;
}

.tokus li:last-child {
  margin-right: 0;
  width: 100%;
}

.tokus dt {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
}

.tokus dd {
  color: #999;
}

.toku01 {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku01.svg) no-repeat left top;
}

.toku02 {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku02.svg) no-repeat left top;
}

.toku03 {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku03.svg) no-repeat left top;
}

.toku04 {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku04.svg) no-repeat left top;
}

.toku05 {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku05.svg) no-repeat left top;
}

.toku06 {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku06.svg) no-repeat left top;
}

.toku07 {
  background: url(../img/dot-line.gif) repeat-x left bottom, url(../img/toku07.svg) no-repeat left top;
}

.toku01,
.toku02,
.toku03,
.toku04,
.toku05,
.toku06,
.toku07 {
  background-size: 4px 1px, 100px 100px;
}

.stage_infos dt {
  background: #333;
  text-align: center;
  color: #fff;
  padding: 15px;
}

.stage_infos dd {
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 5%;
}

.stage_infos {
  margin: 30px auto 60px;
}

/* お問い合わせ */
.contact_area table {
  width: 100%;
  margin: 20px auto;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.contact_area table th,
.contact_area table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 2%;
  vertical-align: top;
}

.contact_area table th {
  width: 20%;
  background: #eee;
}

.contact_area input[type="text"] {
  padding: 5px;
  width: 60%;
}

.con_form {
  text-align: center;
  margin-top: 20px;
  font-size: 130%;
}

.con_form input[type="submit"] {
  width: 30%;
  padding: 10px;
  background: #a79667;
  color: #fff;
  border-radius: 4px;
}

.con_form input[type="reset"] {
  width: 30%;
  padding: 10px;
  background: #333;
  color: #fff;
  border-radius: 4px;
}

/* よくあるご質問 */

#acMenu {
  margin-bottom: 60px;
}

#acMenu dt {
  display: block;
  width: 100%;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 2% 2% 2% 7%;
  background: url(../img/open.svg) no-repeat 97% center, url(../img/icon-q.svg) no-repeat 3% 20px;
  background-size: 12px 12px;
  margin: -1px 0 0 0;
}

#acMenu dd {
  display: none;
  width: 100%;
  background: url(../img/icon-a.svg) no-repeat 3% 20px #e3ddcd;
  background-size: 12px 12px;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 2% 2% 2% 7%;
  margin: -1px 0 0 0;
}

#acMenu dt.active {
  background: url(../img/acc-close.svg) no-repeat 97% center, url(../img/icon-q.svg) no-repeat 3% 20px;
  background-size: 12px 12px;
}

.com_tit {
  font-size: 160%;
  font-weight: bold;
  margin-bottom: 20px;
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 20px;

  line-height: 150%;
}

/* メルマガ登録 */
.linecolub {
  margin: 20px 0;
}

.linecolub img {
  width: 100%;
  height: auto;
}

/* 商品一覧 */
.groups_tit {
  width: 1120px;
  margin: 0 auto 40px;
}

/* ------------------
ranking
------------------ */

.rankings {
  margin-bottom: 50px;
  display: flex;
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  /*--- safari（PC）用 ---*/
  -ms-flex-direction: row;
  /* for IE10 */
  -ms-flex-wrap: wrap;
  /* for IE10 */
}

.rankings li {
  list-style: none;
  width: 18%;
  margin: 0 2.5% 4% 0;
}

.rankings li:nth-child(5n) {
  margin-right: 0;
}

.rank_photo {
  position: relative;
  margin-bottom: 30px;
}

.frame {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  width: 148px;
  height: 148px;
}

.rank_icon {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -25px;
}

.no01 {
  color: #ca9f0b !important;
}

.no02 {
  color: #969696 !important;
}

.numbers {
  position: absolute;
  bottom: -10px;
  font-family: HelveticaNeue-CondensedBold, "arial black";
  right: 10%;
  font-size: 120%;
  color: #80653a;
}

.rankings dt {
  font-weight: bold;
  font-size: 110%;
  line-height: 150%;
}

.rankings .prices {
  color: #990000;
  font-size: 110%;
  line-height: 150%;
  margin-bottom: 10px;
}

.info_rank {
  color: #999;
  font-size: 90%;
}

.rftxt {
  text-align: center;
  margin-bottom: 20px;
}

/* 商品詳細 */
.item_action ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 30px !important;
}

.item_action ul li {
  list-style: none;
  width: 48%;
  margin-bottom: 0px;
}

.item_action ul li img {
  width: 100%;
  height: auto;
}

.item_action ul li:last-child {
  margin-bottom: 0;
}

.item_specs {
  margin-bottom: 40px !important;
}

.item_specs table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.item_specs table th,
.item_specs table td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 2%;
}

.item_specs table td a {
  text-decoration: underline !important;
}

.item_specs table th {
  width: 20%;
  background: #dcd5c4;
}

.item_specs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.item_specs ul li {
  list-style: none;
  width: 12.4%;
  text-align: center;
}

.item_specs ul li dt {
  background: #efefef;
  font-size: 80%;
  line-height: 150%;
  padding: 10px 0;
}

.shop_guideicon {
  margin-bottom: 40px !important;
}

.shop_guideicon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.shop_guideicon li {
  list-style: none;
  width: 16%;
}

.shop_guideicon li img {
  width: 100%;
  height: auto;
}

.shop_guideicon li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.shop_guideicon li a:hover {
  opacity: 0.5;
}

.contents_marke {
  margin-bottom: 40px !important;
}

.contents_marke h3 {
  margin-bottom: 15px;
  color: #a79667;
  font-size: 130%;
}

.basic_lt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.basic_lt .photo {
  width: 44%;
}

.basic_lt .mb_txt {
  width: 52%;
}

.contents_marke .photo img {
  width: 100%;
  height: auto;
}

.basic_lt_min {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.basic_lt_min .photo {
  width: 36%;
}

.basic_lt_min .mb_txt {
  width: 58%;
}

.basic_rt_min {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 40px;
}

.basic_rt_min .photo {
  width: 28%;
}

.basic_rt_min .mb_txt {
  width: 64%;
}

.contents_marke .photo img {
  width: 100%;
  height: auto;
}

.dobble ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.dobble li {
  list-style: none;
  width: 48%;
}

.itemvisivle {
  padding: 6%;
  -webkit-box-shadow: 0 0 0 1px #666 inset;
  box-shadow: 0 0 0 1px #666 inset;
  border-radius: 5px;
}

.now_item {
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 15px;
}

.near_item {
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 15px;
  border-top: 1px dotted #000;
  padding-top: 20px;
  margin-top: 20px !important;
}

/* ------------------
レシピ
------------------ */
.recipe_back {
  width: 100%;
  margin-bottom: 25px;
}

.recipe_back a {
  display: block;
  text-align: center;
  padding: 15px 0;
  background: #a99660;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.recipe_back a:hover {
  display: block;
  text-align: center;
  padding: 15px 0;
  background: #755f31;
  color: #fff;
  text-decoration: none;
}

.rcipe_mv {
  width: 1120px;
  height: 350px;
  margin: 0 auto;
  background: url(../img/recipe_mv.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rcipe_mvin {
  width: 1120px;
  margin: 0 auto;
  position: relative;
  height: 500px;
}

.rcipe_mvin p {
  display: inline-block;
  color: #fff;
  font-size: 220%;
  line-height: 150%;
  padding: 2%;
  background: rgba(179, 41, 44, 0.9);
  position: absolute;
  left: 0;
  bottom: 0;
}

.rcipe_contst .rcipe-side {
  width: 220px;
}

.rcipe_contst {
  margin-top: 40px;
}

.side_tit {
  text-align: center;
  border-bottom: 5px solid #669900;
  padding-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 15px;
}

.genre {
  margin-bottom: 40px;
}

.genre li {
  list-style: none;
  font-weight: bold;
}

.genre a {
  display: block;
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding: 10px 5%;
}

.genre a:hover {
  display: block;
  background: url(../img/dot-line.gif) repeat-x left bottom #eee;
  padding: 10px 5%;
}

#rcipeMenu li {
  list-style: none;
}

#rcipeMenu a {
  display: block;
  padding: 25px 0% 25px 60px;
}

#rcipeMenu .side_i01 a {
  background: url(../img/side-sum01.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i02 a {
  background: url(../img/side-sum02.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i03 a {
  background: url(../img/side-sum03.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i04 a {
  background: url(../img/side-sum04.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i05 a {
  background: url(../img/side-sum05.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i06 a {
  background: url(../img/side-sum06.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i07 a {
  background: url(../img/side-sum07.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i08 a {
  background: url(../img/side-sum08.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i09 a {
  background: url(../img/side-sum09.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i10 a {
  background: url(../img/side-sum10.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i11 a {
  background: url(../img/side-sum11.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i12 a {
  background: url(../img/side-sum12.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i13 a {
  background: url(../img/side-sum13.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i14 a {
  background: url(../img/side-sum14.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i15 a {
  background: url(../img/side-sum15.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i16 a {
  background: url(../img/side-sum16.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i17 a {
  background: url(../img/side-sum17.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i18 a {
  background: url(../img/side-sum18.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i19 a {
  background: url(../img/side-sum19.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu .side_i20 a {
  background: url(../img/side-sum20.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

#rcipeMenu li:nth-child(n + 21) a {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding: 15px 5%;
}

.recipe_detail h2 {
  margin-bottom: 30px;
}

.rcipe_recom {
  margin-bottom: 50px;
}

.rcipe_recom dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rcipe_recom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rcipe_recom p {
  text-align: center;
  font-weight: bold;
}

.pick_tit {
  text-align: center;
  background: #ff3000;
  padding: 10px 5%;
  color: #fff;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 10px;
}

.rcom_picks {
  width: 44%;
}

.rcom_picks img {
  width: 100% !important;
  height: 316px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  /* この一行を追加するだけ！ */
}

.rcipe_recom dl {
  width: 54%;
}

.rcipe_recom dd {
  width: 48%;
  margin: 0 4% 7% 0;
}

.rcipe_recom dd:nth-of-type(2n) {
  margin: 0 0% 4% 0;
}

.rcipe_recom dd img {
  width: 100% !important;
  height: 154px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  /* この一行を追加するだけ！ */
}

.rcipe_osusu {
  background: url(../img/gift_bg.png) repeat center top;
  padding: 5%;
  margin-bottom: 90px;
}

.rcipe_osusu li {
  list-style: none;
  width: 32%;
  margin: 0 2% 2% 0;
  background: #fff;
}

.rcipe_osusu li:nth-child(3n) {
  margin-right: 0;
}

.rcipe_osusu li img {
  width: 100%;
  height: auto;
}

.rcipe_osusu li section {
  padding: 5%;
}

.rcipe_osusu li section h2 {
  font-size: 120%;
  line-height: 150%;
  margin-bottom: 15px;
}

.rcipe_osusu li img {
  width: 100% !important;
  height: 160px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  /* この一行を追加するだけ！ */
}

.rcipe_osusu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.rcipe_osusu a {
  text-decoration: none;
}

.osusu_tit {
  background: url(../img/star.svg) no-repeat center top;
  background-size: 40px 40px;
  padding-top: 50px;
  color: #fff;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  margin: 0 auto 20px;
}

.classic_tit {
  background-size: 40px 40px;
  padding-top: 50px;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  margin: 0 auto 20px;
}

.rcipe_classic {
  margin-bottom: 40px;
}

.rcipe_classic a {
  text-decoration: none;
}

.clasic_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.clasic_list li {
  list-style: none;
  font-weight: bold;
  width: 23.5%;
  margin: 0 2% 3% 0;
  text-align: center;
}

.clasic_list img {
  width: 100%;
  height: auto;
}

.clasic_list li:nth-child(4n) {
  margin-right: 0;
}

.d_line {
  text-align: center;
  width: 80%;
  padding: 5px 15px;
  background: #c70e19;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
}

.rcipe_classic .blown_btn {
  width: 50%;
  margin: 20px auto;
}

.rcipe_genre {
  background: url(../img/gift_bg.jpg) repeat center top;
}

.genre_tit {
  background: url(../img/menu_icon.svg) no-repeat center top;
  background-size: 40px 66px;
  padding-top: 80px;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  margin: 0 auto 20px;
}

.genres {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.genres li {
  width: 18.4%;
  margin: 0 2% 2% 0;
  list-style: none;
  text-align: center;
}

.genres li:nth-child(5n) {
  margin-right: 0;
}

.genres li img {
  width: 100%;
  height: auto;
}

.genres li a {
  display: block;
  padding: 0%;
  text-decoration: none;
}

.genres li a:hover {
  display: block;
  padding: 0%;
  text-decoration: none;
  opacity: 0.6;
}

.rcipe_lists h2 {
  font-weight: bold;
  font-size: 180%;
  line-height: 150%;
  margin-bottom: 30px;
}

.rcipe_lists h2 span {
  font-size: 90%;
}

.re_lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.re_lists li {
  width: 32%;
  margin: 0 2% 2%0;
  list-style: none;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
}

.rep_item img {
  width: 100%;
  height: auto;
}

.re_lists li:nth-child(3n) {
  margin-right: 0;
}

.i_seps {
  padding: 5%;
}

.re_lists a {
  text-decoration: none;
}

.re_names {
  font-weight: bold;
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.i_seps dt {
  background: #df3710;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  position: relative;
  margin-bottom: 20px;
}

.i_seps dt:after {
  border: 10px solid transparent;
  border-top-color: #df3710;
  border-bottom-width: 0;
  bottom: -10px;
  content: "";
  display: block;
  left: 44%;
  position: absolute;
  width: 0;
}

.i_seps dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.i_seps .photo {
  width: 42%;
  text-align: center;
  font-weight: bold;
}

.i_seps .points {
  width: 50%;
}

.i_seps .photo img {
  width: 100%;
  height: auto;
}

.points .time {
  background: url(../img/times.svg) no-repeat left center;
  background-size: 16px 16px;
  padding-left: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 120%;
}

.go_shops {
  margin-bottom: 60px;
}

.go_shops img {
  width: 100%;
  height: auto;
}

.chats {
  background: #a99660;
  color: #fff;
  display: inline-block;
  padding: 2px 5%;
  position: relative;
  margin-bottom: 16px;
}

.chats:after {
  border: 7px solid transparent;
  border-top-color: #a99660;
  border-bottom-width: 0;
  bottom: -7px;
  content: "";
  display: block;
  left: 30px;
  position: absolute;
  width: 0;
}

.rcipe_list section h3 {
  margin-bottom: 10px;
}

.rcipe_list section dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.rcipe_list section dt {
  width: 30%;
}

.this_use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}

.this_use li {
  width: 49%;
  margin: 0 2% 2% 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 82%;
  line-height: 110%;
}

.this_use li:nth-child(2n) {
  margin-right: 0;
}

.this_use li span {
  width: 100%;
  display: block;
  padding: 15px 0 15px 50px;
  min-height: 40px;
}

.this_use .color-sesame_oil {
  background: url(../img/re_sesame_oil.jpg) no-repeat left top;
}

.this_use .color-gold_sesameoil {
  background: url(../img/re_gold_sesameoil.jpg) no-repeat left top;
}

.this_use .color-black_sesameoil {
  background: url(../img/re_black_sesameoil.jpg) no-repeat left top;
}

.this_use .color-cookingsesameoil {
  background: url(../img/re_cookingsesameoil.jpg) no-repeat left top;
}

.this_use .color-pure {
  background: url(../img/re_pure.jpg) no-repeat left top;
}

.this_use .color-garlicoil {
  background: url(../img/re_garlicoil.jpg) no-repeat left top;
}

.this_use .color-white_sesame {
  background: url(../img/re_white_sesame.jpg) no-repeat left top;
}

.this_use .color-black_sesame {
  background: url(../img/re_black_sesame.jpg) no-repeat left top;
}

.this_use .color-roast_white_sesame {
  background: url(../img/re_roast_white_sesame.jpg) no-repeat left top;
}

.this_use .color-roast_black_sesame {
  background: url(../img/re_roast_black_sesame.jpg) no-repeat left top;
}

.this_use .color-roast_gold_sesame {
  background: url(../img/re_roast_gold_sesame.jpg) no-repeat left top;
}

.this_use .color-suri_white_sesame {
  background: url(../img/re_suri_white_sesame.jpg) no-repeat left top;
}

.this_use .color-suri_black_sesame {
  background: url(../img/re_suri_black_sesame.jpg) no-repeat left top;
}

.this_use .color-kinako {
  background: url(../img/re_kinako.jpg) no-repeat left top;
}

.this_use .color-white_sesame_paste {
  background: url(../img/re_white_sesame_paste.jpg) no-repeat left top;
}

.this_use .color-black_sesame_paste {
  background: url(../img/re_black_sesame_paste.jpg) no-repeat left top;
}

.this_use .color-purely_white_sesameoil {
  background: url(../img/re_purely_white_sesameoil.jpg) no-repeat left top;
}

.this_use .color-purely_black_sesameoil {
  background: url(../img/re_purely_black_sesameoil.jpg) no-repeat left top;
}

.this_use .color-purely_white_sesame {
  background: url(../img/re_purely_white_sesame.jpg) no-repeat left top;
}

.this_use .color-purely_black_sesame {
  background: url(../img/re_purely_black_sesame.jpg) no-repeat left top;
}

.this_use .color-purely_roast_white_sesame {
  background: url(../img/re_purely_roast_white_sesame.jpg) no-repeat left top;
}

.this_use .color-purely_roast_black_sesame {
  background: url(../img/re_purely_roast_black_sesame.jpg) no-repeat left top;
}

.this_use .color-purely_suri_white_sesame {
  background: url(../img/re_purely_suri_white_sesame.jpg) no-repeat left top;
}

.this_use .color-purely_suri_black_sesame {
  background: url(../img/re_purely_suri_black_sesame.jpg) no-repeat left top;
}

.this_use .color-purely_white_sesame_paste {
  background: url(../img/re_purely_white_sesame_paste.jpg) no-repeat left top;
}

.this_use .color-purely_black_sesame_paste {
  background: url(../img/re_purely_black_sesame_paste.jpg) no-repeat left top;
}

.this_use .color-sesame_salt {
  background: url(../img/re_sesame_salt.jpg) no-repeat left top;
}

.this_use .color-black_sesame_salt {
  background: url(../img/re_black_sesame_salt.jpg) no-repeat left top;
}

.this_use .color-white_sesame_salt {
  background: url(../img/re_white_sesame_salt.jpg) no-repeat left top;
}

.this_use .color-salted_plum {
  background: url(../img/re_salted_plum.jpg) no-repeat left top;
}

.this_use .color-seaweed {
  background: url(../img/re_seaweed.jpg) no-repeat left top;
}

.this_use .color-spicyoil {
  background: url(../img/re_spicyoil.jpg) no-repeat left top;
}

.this_use .color-piri {
  background: url(../img/re_piri.jpg) no-repeat left top;
}

.this_use .color-gomasuko {
  background: url(../img/re_gomasuko.jpg) no-repeat left top;
}

.this_use .color-henkodare {
  background: url(../img/re_henkodare.jpg) no-repeat left top;
}

.this_use .color-gomadare {
  background: url(../img/re_gomadare.jpg) no-repeat left top;
}

.this_use .color-dressing {
  background: url(../img/re_dressing.jpg) no-repeat left top;
}

.this_use .color-cookie {
  background: url(../img/re_cookie.jpg) no-repeat left top;
}

.this_use .color-cookie_granola {
  background: url(../img/re_cookie_granola.jpg) no-repeat left top;
}

.this_use .color-granola {
  background: url(../img/re_granola.jpg) no-repeat left top;
}

.this_use .color-gomapoodle {
  background: url(../img/re_gomapoodle.jpg) no-repeat left top;
}

.this_use .color-sesame_oil,
.this_use .color-gold_sesameoil,
.this_use .color-black_sesameoil,
.this_use .color-cookingsesameoil,
.this_use .color-pure,
.this_use .color-garlicoil,
.this_use .color-white_sesame,
.this_use .color-black_sesame,
.this_use .color-roast_white_sesame,
.this_use .color-roast_black_sesame,
.this_use .color-roast_gold_sesame,
.this_use .color-suri_white_sesame,
.this_use .color-suri_black_sesame,
.this_use .color-kinako,
.this_use .color-white_sesame_paste,
.this_use .color-black_sesame_paste,
.this_use .color-purely_white_sesameoil,
.this_use .color-purely_black_sesameoil,
.this_use .color-purely_white_sesame,
.this_use .color-purely_black_sesame,
.this_use .color-purely_roast_white_sesame,
.this_use .color-purely_roast_black_sesame,
.this_use .color-purely_suri_white_sesame,
.this_use .color-purely_suri_black_sesame,
.this_use .color-purely_white_sesame_paste,
.this_use .color-purely_black_sesame_paste,
.this_use .color-sesame_salt,
.this_use .color-black_sesame_salt,
.this_use .color-white_sesame_salt,
.this_use .color-salted_plum,
.this_use .color-seaweed,
.this_use .color-spicyoil,
.this_use .color-piri,
.this_use .color-gomasuko,
.this_use .color-henkodare,
.this_use .color-gomadare,
.this_use .color-dressing,
.this_use .color-cookie,
.this_use .color-cookie_granola,
.this_use .color-granola,
.this_use .color-gomapoodle {
  background-size: 40px 40px;
}

.rcipe_list a {
  text-decoration: none;
}

.rcipe_list li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.rcipe_list li:hover {
  text-decoration: none;
  opacity: 0.7;
}

.times {
  background: url(../img/time.svg) no-repeat left center;
  background-size: 16px 16px;
  padding-left: 24px;
}

.rcipe_ded h2 {
  border-top: 5px solid #b3292c;
  padding: 30px 0;
  font-weight: bold;
  font-size: 180%;
  line-height: ;
}

.rcipe_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.rcipe_detail .det_mv {
  width: 54%;
}

.rcipe_detail .det_mv img {
  width: 100%;
  height: auto;
}

.dtail_spc {
  width: 40%;
}

.cooks li {
  list-style: none;
  background: #f0eddf;
  padding: 3%;
  margin-bottom: 10px;
}

.cooks li span {
  display: block;
}

.drinks {
  background: url(../img/water-bottle.svg) no-repeat left center;
  background-size: 30px 30px;
  padding: 10px 0 10px 30px;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 5px;
}

.bottle_kist li {
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 3% 5% 3% 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottle_kist li p {
  width: 80px;
  height: 80px;
  margin-right: 15px;
}

.bottle_kist li .color-sesame_oil {
  background: url(../img/re_sesame_oil.jpg) no-repeat left top;
}

.bottle_kist li .color-gold_sesameoil {
  background: url(../img/re_gold_sesameoil.jpg) no-repeat left top;
}

.bottle_kist li .color-black_sesameoil {
  background: url(../img/re_black_sesameoil.jpg) no-repeat left top;
}

.bottle_kist li .color-cookingsesameoil {
  background: url(../img/re_cookingsesameoil.jpg) no-repeat left top;
}

.bottle_kist li .color-pure {
  background: url(../img/re_pure.jpg) no-repeat left top;
}

.bottle_kist li .color-garlicoil {
  background: url(../img/re_garlicoil.jpg) no-repeat left top;
}

.bottle_kist li .color-white_sesame {
  background: url(../img/re_white_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-black_sesame {
  background: url(../img/re_black_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-roast_white_sesame {
  background: url(../img/re_roast_white_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-roast_black_sesame {
  background: url(../img/re_roast_black_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-roast_gold_sesame {
  background: url(../img/re_roast_gold_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-suri_white_sesame {
  background: url(../img/re_suri_white_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-suri_black_sesame {
  background: url(../img/re_suri_black_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-kinako {
  background: url(../img/re_kinako.jpg) no-repeat left top;
}

.bottle_kist li .color-white_sesame_paste {
  background: url(../img/re_white_sesame_paste.jpg) no-repeat left top;
}

.bottle_kist li .color-black_sesame_paste {
  background: url(../img/re_black_sesame_paste.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_white_sesameoil {
  background: url(../img/re_purely_white_sesameoil.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_black_sesameoil {
  background: url(../img/re_purely_black_sesameoil.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_white_sesame {
  background: url(../img/re_purely_white_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_black_sesame {
  background: url(../img/re_purely_black_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_roast_white_sesame {
  background: url(../img/re_purely_roast_white_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_roast_black_sesame {
  background: url(../img/re_purely_roast_black_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_suri_white_sesame {
  background: url(../img/re_purely_suri_white_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_suri_black_sesame {
  background: url(../img/re_purely_suri_black_sesame.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_white_sesame_paste {
  background: url(../img/re_purely_white_sesame_paste.jpg) no-repeat left top;
}

.bottle_kist li .color-purely_black_sesame_paste {
  background: url(../img/re_purely_black_sesame_paste.jpg) no-repeat left top;
}

.bottle_kist li .color-sesame_salt {
  background: url(../img/re_sesame_salt.jpg) no-repeat left top;
}

.bottle_kist li .color-black_sesame_salt {
  background: url(../img/re_black_sesame_salt.jpg) no-repeat left top;
}

.bottle_kist li .color-white_sesame_salt {
  background: url(../img/re_white_sesame_salt.jpg) no-repeat left top;
}

.bottle_kist li .color-salted_plum {
  background: url(../img/re_salted_plum.jpg) no-repeat left top;
}

.bottle_kist li .color-seaweed {
  background: url(../img/re_seaweed.jpg) no-repeat left top;
}

.bottle_kist li .color-spicyoil {
  background: url(../img/re_spicyoil.jpg) no-repeat left top;
}

.bottle_kist li .color-piri {
  background: url(../img/re_piri.jpg) no-repeat left top;
}

.bottle_kist li .color-gomasuko {
  background: url(../img/re_gomasuko.jpg) no-repeat left top;
}

.bottle_kist li .color-henkodare {
  background: url(../img/re_henkodare.jpg) no-repeat left top;
}

.bottle_kist li .color-gomadare {
  background: url(../img/re_gomadare.jpg) no-repeat left top;
}

.bottle_kist li .color-dressing {
  background: url(../img/re_dressing.jpg) no-repeat left top;
}

.bottle_kist li .color-cookie {
  background: url(../img/re_cookie.jpg) no-repeat left top;
}

.bottle_kist li .color-cookie_granola {
  background: url(../img/re_cookie_granola.jpg) no-repeat left top;
}

.bottle_kist li .color-granola {
  background: url(../img/re_granola.jpg) no-repeat left top;
}

.bottle_kist li .color-gomapoodle {
  background: url(../img/re_gomapoodle.jpg) no-repeat left top;
}

.bottle_kist li .color-sesame_oil,
.bottle_kist li .color-gold_sesameoil,
.bottle_kist li .color-black_sesameoil,
.bottle_kist li .color-cookingsesameoil,
.bottle_kist li .color-pure,
.bottle_kist li .color-garlicoil,
.bottle_kist li .color-white_sesame,
.bottle_kist li .color-black_sesame,
.bottle_kist li .color-roast_white_sesame,
.bottle_kist li .color-roast_black_sesame,
.bottle_kist li .color-roast_gold_sesame,
.bottle_kist li .color-suri_white_sesame,
.bottle_kist li .color-suri_black_sesame,
.bottle_kist li .color-kinako,
.bottle_kist li .color-white_sesame_paste,
.bottle_kist li .color-black_sesame_paste,
.bottle_kist li .color-purely_white_sesameoil,
.bottle_kist li .color-purely_black_sesameoil,
.bottle_kist li .color-purely_white_sesame,
.bottle_kist li .color-purely_black_sesame,
.bottle_kist li .color-purely_roast_white_sesame,
.bottle_kist li .color-purely_roast_black_sesame,
.bottle_kist li .color-purely_suri_white_sesame,
.bottle_kist li .color-purely_suri_black_sesame,
.bottle_kist li .color-purely_white_sesame_paste,
.bottle_kist li .color-purely_black_sesame_paste,
.bottle_kist li .color-sesame_salt,
.bottle_kist li .color-black_sesame_salt,
.bottle_kist li .color-white_sesame_salt,
.bottle_kist li .color-salted_plum,
.bottle_kist li .color-seaweed,
.bottle_kist li .color-spicyoil,
.bottle_kist li .color-piri,
.bottle_kist li .color-gomasuko,
.bottle_kist li .color-henkodare,
.bottle_kist li .color-gomadare,
.bottle_kist li .color-dressing,
.bottle_kist li .color-cookie,
.bottle_kist li .color-cookie_granola,
.bottle_kist li .color-granola,
.bottle_kist li .color-gomapoodle {
  background-size: 80px 80px;
}

.bottle_kist li dl {
  width: 73%;
}

.bottle_kist li dl dt {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 6px;
}

.bottle_kist li dl a {
  background: url(../img/r-delta.svg) no-repeat 96% center #c6ae7b;
  background-size: 12px 12px;
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 5px 5%;
}

.bottle_kist li dl a:hover {
  background: url(../img/r-delta.svg) no-repeat 96% center #c6ae7b;
  background-size: 12px 12px;
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 5px 5%;
  opacity: 0.7;
}

.infocook {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.material {
  width: 46%;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 3%;
}

.material dt {
  background: url(../img/spatula.svg) no-repeat left center;
  background-size: 32px 32px;
  padding: 10px 0 10px 40px;
  font-weight: bold;
  margin-bottom: 15px;
}

.material dd {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.material dd span {
  display: block;
}

.howto_num {
  width: 50%;
}

.howto_num .how_txt li {
  margin: 0 0 20px 20px;
}

.cook_point {
  width: 100%;
  margin-top: 40px;
}

.howto {
  background: url(../img/stew.svg) no-repeat left center;
  background-size: 32px 32px;
  padding: 10px 0 10px 40px;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 2px solid #b3292c;
}

.ck_ptit {
  background: url(../img/pan.svg) no-repeat left center;
  background-size: 32px 32px;
  padding: 10px 0 10px 40px;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 2px solid #a99660;
}

/* ------------------
ブログ
------------------ */

.post_thumbnail {
  margin-bottom: 30px;
}

.post_thumbnail img {
  max-width: 100%;
  height: auto;
}

.blog_mv {
  width: 100%;
  background: url(../img/blog_mv.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 50px;
}

.blog_mvin {
  width: 1120px;
  margin: 0 auto;
  position: relative;
  height: 500px;
}

.blog_mvin p {
  display: inline-block;
  color: #fff;
  font-size: 220%;
  line-height: 150%;
  padding: 2%;
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  left: 0;
  bottom: 0;
}

.blog_contst {
  margin-top: 40px;
  width: 1120px;
  margin: 40px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-side {
  width: 280px;
}

.blog_contst main {
  width: 800px;
}

.side_blogtit {
  text-align: center;
  color: #fff;
  background: #000;
  padding: 5%;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}

.side_blogtit:after {
  border: 10px solid transparent;
  border-top-color: #000;
  border-bottom-width: 0;
  bottom: -10px;
  content: "";
  display: block;
  left: 45%;
  position: absolute;
  width: 0;
}

.new_list {
  margin-bottom: 25px;
}

.new_list li {
  list-style: none;
  font-weight: bold;
}

.new_list a {
  display: block;
  background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 8px 8px, 4px 1px;
  padding: 10px 5%;
}

.new_list a:hover {
  display: block;
  background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 8px 8px, 4px 1px;
  padding: 10px 5%;
}

.bl_btn {
  margin-bottom: 40px;
}

.bl_btn a {
  background: url(../img/wh_arrow.svg) no-repeat 96% center #669900;
  background-size: 8px 8px;
  display: block;
  padding: 10px 6%;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bl_btn a:hover {
  background: url(../img/wh_arrow.svg) no-repeat 96% center #666;
  background-size: 8px 8px;
  display: block;
  padding: 10px 6%;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  text-align: center;
}

.nierly_list {
  margin-bottom: 40px;
}

.nierly_list li {
  list-style: none;
}

.nierly_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 8px 8px, 4px 1px;
  padding: 10px 5% 10px 0;
}

.nierly_list a:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../img/bl_arrow.svg) no-repeat right center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 8px 8px, 4px 1px;
  padding: 10px 5% 10px 0;
}

.nierly_list a p:first-child {
  width: 34%;
}

.nierly_list a p:first-child img {
  width: 100%;
  height: auto;
}

.nierly_list a p:last-child {
  width: 60%;
}

.bl_bnner {
  margin: 0 auto;
  text-align: center;
}

.blog_recom {
  margin-bottom: 50px;
}

.blog_recom ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3%;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  margin-bottom: 30px;
}

.blog_recom ul li p {
  width: 34%;
}

.blog_recom ul li p img {
  width: 100%;
  height: auto;
}

.blog_recom ul li .diff {
  width: 60%;
}

.blog_recom ul li .diff dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.blog_recom ul li .diff dt {
  background: #c53630;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  display: inline-block;
  margin-right: 5%;
}

.blog_recom ul li .diff dd {
  font-weight: bold;
}

.blog_recom ul li .diff h2 {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.blog_recom ul li .diff p {
  width: 100%;
}

.blog_recom ul li .diff p.more a {
  background: #669900;
  padding: 8px;
  color: #fff;
  text-decoration: none;
  float: right;
}

/* ------------------
スタッフブログ詳細
------------------ */

.cate_day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.cate_day dt {
  background: #c53630;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  display: inline-block;
  margin-right: 5%;
}

.cate_day dd {
  font-weight: bold;
}

.blog_details h1 {
  font-size: 200%;
  line-height: 150%;
  border-top: 5px solid #c53630;
  padding: 25px 0;
}

.blog_details img {
  max-width: 100%;
  height: auto;
}

.blog_details iframe {
  max-width: 100%;
}

.blog_details .mb_txt p {
  margin-bottom: 30px;
}

.blog_details .mb_txt a,
.blog_details .mb_txt a img {
  display: block !important;
}

.blog_details .mb_txt a br {
  clear: both;
}

.thamnail {
  margin-bottom: 30px;
}

.thamnail img {
  width: 100%;
  height: auto;
}

.blog_details h2.ver1 {
  background: #efefef;
  padding: 10px 3%;
  border-radius: 6px;
  margin-bottom: 20px;
  font-size: 150%;
  font-weight: bold;
  line-height: 150%;
}

.blog_details h2.ver2 {
  -webkit-box-shadow: 0 0 0 1px #a99660 inset;
  box-shadow: 0 0 0 1px #a99660 inset;
  padding: 10px 3%;
  border-radius: 6px;
  margin-bottom: 20px;
  font-size: 150%;
  font-weight: bold;
  line-height: 150%;
}

.blog_details h3.ver1 {
  border-left: 10px solid #c53630;
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
  padding-left: 20px;
  margin-bottom: 20px;
}

.blog_details h3.ver2 {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
}

.listback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.listback a {
  background: #222;
  padding: 8px;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  text-align: right;
}

.end_share {
  clear: both;
  margin: 30px auto 50px;
}

.end_share dt {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 20px;
}

.end_share dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 50%;
  margin: 0 auto;
}

.end_share dd ul li {
  list-style: none;
}

.end_share dd ul li img {
  width: 50px;
  height: 50px;
}

.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 1em;
  text-align: center;
  width: 70%;
  margin: 0 auto 40px;
}

.pagination-box {
  display: inline-block;
}

.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 14px 10px 14px;
  text-decoration: none;
  width: auto;
  color: #fff;
  /* 通常の文字色 */
  background: #333;
  /* 通常の背景色 */
  border-radius: 50%;
  /* 角を丸くして円形に */
}

.pagination span.page-of {
  background: none;
  color: #333;
}

.pagination a:hover {
  color: #222;
  /* マウスホバー時の文字色 */
  background: #f9d635;
  /* マウスホバー時の背景色 */
}

.pagination .current {
  padding: 10px 14px 10px 14px;
  color: #222;
  /* 現在のページの文字色 */
  background: #f9d635;
  /* 現在のページの背景色 */
}

@media only screen and (max-width: 413px) {
  .pagination {
    font-size: 12px;
    line-height: 12px;
  }

  .pagination span,
  .pagination a {
    padding: 7px 10px 7px 10px;
  }

  .pagination .current {
    padding: 7px 10px 7px 10px;
  }
}

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next {
  width: 100%;
  margin: 36px 0 50px;
  padding: 0;
  display: table;
}

#prev_next #prev,
#prev_next #next {
  width: 50%;
  padding: 30px 10px 10px;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  display: table-cell;
  position: relative;
  text-decoration: none;
}

#prev_next #prev p,
#prev_next #next p {
  font-size: 90%;
  line-height: 1.5;
}

#prev_next #prev:hover,
#prev_next #next:hover {
  background-color: rgba(238, 238, 238, 0.7);
}

#prev_next #prev {
  border-right: #ccc 1px solid;
}

#prev_next #prev_title,
#prev_next #next_title {
  font-size: 90%;
  top: -1em;
  position: absolute;
  border: 1px #ccc solid;
  background: #fff;
  text-align: center;
  padding: 3px;
  color: #666;
}

#prev_next #next_title {
  right: 10px;
}

#prev_next #prev img,
#prev_next #next img {
  margin: 0 auto;
}

#prev_next #prev_no,
#prev_next #next_no {
  width: 50%;
  height: 140px;
  padding: 0 10px;
  display: table-cell;
}

#prev_next #prev_no {
  border-right: #ccc 1px solid;
}

#prev_next_home {
  margin: 0 auto;
  background-color: #39f;
  border: solid 9px #fff;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  box-shadow: 0 0 0 3px #39f;
  -webkit-box-shadow: 0 0 0 3px #39f;
  -moz-box-shadow: 0 0 0 3px #39f;
  text-align: center;
}

#prev_next_home:hover {
  background-color: rgba(0, 0, 255, 0.7);
}

#prev_next_home i {
  color: #fff;
  margin: 10px auto;
  font-size: 60px;
}

.addthis_inline_share_toolbox {
  margin-bottom: 30px;
}

.media_recom {
  margin-bottom: 50px;
}

.media_recom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.media_recom ul li {
  list-style: none;
  width: 23.5%;
  margin: 0 2% 3% 0;
}

.media_recom ul li:nth-child(4n) {
  margin-right: 0;
}

.media_recom ul li p {
  text-align: center;
  margin-bottom: 10px;
}

.media_recom ul li p img {
  width: auto;
  max-height: 200px;
  height: 100%;
}

.color-magazine {
  background: #c53630;
  padding: 5px;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
}

.color-tv {
  background: #a99660;
  padding: 5px;
  color: #fff;
  display: inline-block;
  margin-bottom: 10px;
}

.media_photo {
  background: #fff;
  display: block;
  font-size: 0;
  line-height: 1em;
  font-size: 0;
}

.award_recom {
  margin-bottom: 50px;
}

.award_recom ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.award_recom ul li {
  border-bottom: 1px solid bottom #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.award_recom ul li .awa_photo {
  width: 35%;
}

.award_recom ul li .awa_photo img {
  width: 100%;
  height: auto;
}

.award_recom ul li .mb_txt {
  width: 60%;
}

.skin_s {
  width: 100%;
  height: auto;
}

.skin_s {
  font-size: 130%;
}

.endles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.endles li {
  list-style: none;
}

.endles li:first-child {
  width: 30%;
}

.endles li:last-child {
  width: 64%;
}

.mint {
  font-weight: bold;
  font-size: 130%;
  line-height: 150%;
  text-align: center;
}

.illi {
  font-size: 200%;
  line-height: 120%;
}

.illi span {
  font-size: 60%;
}

.oils {
  margin: 0 0 35px 30px;
  -webkit-box-shadow: 0 0 0 1px #ccc;
  box-shadow: 0 0 0 1px #ccc;
  padding: 3% 3% 3% 10%;
}

.patora {
  background: url(../img/patora.gif) no-repeat right top;
}

.kouka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.kouka li {
  width: 48%;
  margin: 0 4% 4% 0;
  background: #efefef;
  padding: 3%;
  list-style: none;
}

.subus {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.kouka li:nth-child(2n) {
  margin-right: 0;
}

.skinc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.skinc li {
  width: 32%;
  margin: 0 2% 0% 0;
  padding: 0%;
  list-style: none;
}

.skinc li:nth-child(3n) {
  margin-right: 0;
}

.skinc li img {
  max-width: 100%;
  height: auto;
}

.slins {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slins li {
  list-style: none;
  width: 35%;
}

.slins li:last-child {
  width: 60%;
}

.little .buy_btn {
  width: 40%;
  margin: 30px auto;
}

.handc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.handc > li {
  list-style: none;
  width: 45%;
}

.handc > li:last-child {
  width: 50%;
}

.handc li ol {
  width: 100%;
  margin-left: 25px;
}

.seis {
  text-align: center;
  margin: 0 auto;
}

/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}

/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
  /*-- ここから --*/
  /*--------------------------------------
    768px PREV NEXT
    --------------------------------------*/
  #prev_next #prev,
  #prev_next #prev::before,
  #prev_next #prev::after,
  #prev_next #next,
  #prev_next #next::before,
  #prev_next #next::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  #prev_next #prev_title,
  #prev_next #next_title {
    padding: 3px 10px;
  }

  #prev_next #next_title {
    right: 10px;
  }

  #prev_next #prev img {
    float: left;
    margin-right: 10px;
  }

  #prev_next #next img {
    float: right;
    margin-left: 10px;
  }

  /*-- ここまで --*/
}

/* よくあるご質問 */

.fa_box {
  margin-bottom: 50px;
}

.fa_box dt {
  background: url(../img/icon_q.svg) no-repeat left center;
  background-size: 40px 40px;
  padding: 15px 0 15px 54px;
  font-size: 150%;
}

.fa_box dd {
  background: url(../img/icon_a.svg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 40px 40px, 4px 1px;
  padding: 25px 0 25px 54px;
  margin-bottom: 30px;
  font-size: 120%;
}

/* ご利用ガイド */

.nur_flow .numb01 {
  background: url(../img/icon_num01.gif) no-repeat left center;
  background-size: 30px 30px;
  padding: 12px 0 12px 40px;
}

.nur_flow .numb02 {
  background: url(../img/icon_num02.gif) no-repeat left center;
  background-size: 30px 30px;
  padding: 12px 0 12px 40px;
}

.nur_flow .numb03 {
  background: url(../img/icon_num03.gif) no-repeat left center;
  background-size: 30px 30px;
  padding: 12px 0 12px 40px;
}

.nur_flow .numb04 {
  background: url(../img/icon_num04.gif) no-repeat left center;
  background-size: 30px 30px;
  padding: 12px 0 12px 40px;
}

.nur_flow .numb05 {
  background: url(../img/icon_num05.gif) no-repeat left center;
  background-size: 30px 30px;
  padding: 12px 0 12px 40px;
}

.nur_flow .numb06 {
  background: url(../img/icon_num06.gif) no-repeat left center;
  background-size: 30px 30px;
  padding: 12px 0 12px 40px;
}

.nur_flow dt {
  font-size: 120%;
  font-weight: bold;
  line-height: 150%;
}

.nur_flow dd {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.nosi_tit {
  margin-bottom: 45px;
}

.nosi_tit dt {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 20px;
}

.nosi_tit dd {
  margin-bottom: 20px;
}

.nosi_tit dd li {
  list-style: circle;
  margin-left: 25px;
}

.nosi_tit dd li span {
  color: #c53630;
  font-weight: bold;
}

.noted {
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 20px;
}

.noshi_num li {
  list-style: none;
  margin-bottom: 10px;
}

.couttion {
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 3%;
  margin-bottom: 50px;
}

.conta_banner {
  width: 100%;
  margin-bottom: 30px;
}

.conta_banner p {
  margin-bottom: 15px;
}

.conta_banner p:last-child {
  margin-bottom: 0;
}

.conta_banner img {
  width: 100%;
  height: auto;
}

.conta_banner a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: underline;
}

.conta_banner a:hover {
  opacity: 0.7;
  text-decoration: none;
}

.comingsoon {
  margin: 0 auto 40px;
  text-align: center;
}

.comingsoon p {
  text-align: center;
}

.comingsoon img {
  max-width: 500px;
  height: auto;
}

.fs-l-header {
  padding: 0 !important;
}

.holo_ded li {
  list-style: none;
}

.holo_ded {
  margin-bottom: 50px !important;
}

.letter_packs li {
  list-style: none;
}

/* ------------------
サイズ違い商品一覧
------------------ */
.nearsize ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.nearsize li {
  list-style: none;
  width: 100%;
  margin: 0 0 2% 0;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 5px;
  padding: 3% 5%;
}

.nearsize li:nth-child(3n) {
  margin-right: 0;
}

.nearsize li img {
  width: 100%;
  height: auto;
}

.nearsize ul dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nearsize li dt {
  width: 100%;
  font-size: 140%;
  font-weight: bold;
  line-height: 140%;
  margin-bottom: 6px;
}

.nearsize li dd.price_s {
  margin-right: 10px;
}

.nearsize li dd.price_s span {
  color: #dd0000;
  font-size: 180%;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
  font-weight: 300;
}

.nearsize .ass_point {
  background: #7c8790;
  color: #ffffff;
  display: inline-block;
  font-size: 90%;
  line-height: 1;
  padding: 4px 8px;
}

.nearsize .img_photo {
  margin: 0 auto 20px;
  text-align: center;
}

.nearsize .img_photo img {
  width: 70%;
  height: auto;
}

.nearsize form table {
  width: 100%;
}

.nearsize form table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nearsize form td:nth-of-type(1) {
  display: block;
  width: 30% !important;
  padding-top: 5px;
}

.nearsize form td:nth-of-type(2) {
  display: block;
  width: 70% !important;
  padding-top: 5px;
}

.nearsize form input[type="text"] {
  padding: 5px !important;
  width: 50px;
  margin-left: 5px !important;
  border-radius: 4px !important;
  background: #efefef !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
}

.nearsize form input[type="submit"] {
  background: #cf3c01 !important;
  width: 100% !important;
  border: 1px solid #cf3c01 !important;
  font-size: 130% !important;
  padding: 2% 3% !important;
  border-radius: 6px !important;
  color: #fff !important;
}

.gomano_ta {
  width: 100%;
  margin: 0px auto 20px;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.gomano_ta th,
.gomano_ta td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1%;
  vertical-align: top;
}

.gomano_ta th {
  text-align: center;
  font-weight: bold;
  background: #a99660;
  color: #fff;
}

/* ------------------
コンテンツ（マーケット）
------------------ */

.gensan_photo {
  margin-bottom: 0px;
}

.gensan_photo img {
  width: 100%;
  height: auto;
}

.mb_text {
  background: url(../img/f_bg.jpg) repeat left top;
  padding: 3%;
  margin-bottom: 40px;
}

.mb_text p {
  margin-bottom: 20px;
}

.mb_text p:last-child {
  margin-bottom: 0;
}

.tema_tit {
  line-height: 150%;
  font-size: 180%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  /* for no-flexbox browsers */
  color: #755f31;
  margin-bottom: 15px;
}

.tema_tit:before,
.tema_tit:after {
  border-top: 1px solid #755f31;
  content: "";
  display: inline;
  /* for IE */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tema_tit:before {
  margin-right: 0.5em;
}

.tema_tit:after {
  margin-left: 0.5em;
}

.cont_alc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cont_alc .photo {
  width: 30%;
}

.cont_alc .photo img {
  width: 100%;
  height: auto;
}

.cont_alc .mb_txt {
  width: 66%;
}

.cont_threealc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cont_threealc .photo {
  width: 28%;
}

.cont_threealc .photo img {
  width: 100%;
  height: auto;
}

.cont_threealc .mb_txt {
  width: 40%;
  margin-left: 4%;
}

.twos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.twos ul li {
  list-style: none;
  width: 48%;
}

.twos ul li img {
  width: 100%;
  height: auto;
}

.s_fukudashi {
  background: url(../img/s_fukidashi.jpg) no-repeat center center;
  padding: 10px;
  color: #000 !important;
  font-size: 180% !important;
  text-shadow: 0px 0px 4px #fff;
}

.yuzu_icon01,
.yuzu_icon02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.yuzu_icon03 {
  margin-bottom: 50px;
}

.yuzu_icon03,
.yuzu_icon03 .txt_y3 div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.txt_y {
  width: 65%;
  margin-right: 5%;
}

.txt_y2 {
  width: 45%;
  margin-right: 5%;
}

.txt_y3 {
  width: 80%;
}

.y_icons {
  width: 15%;
  height: 15%;
  margin-right: 5%;
}

.y_icons img,
.yuzu_icon01 .photo img,
.yuzu_icon02 .photo img {
  width: 100%;
  height: auto;
}

.yuzu_icon01 .photo {
  width: 10%;
}

.yuzu_icon02 .photo {
  width: 30%;
}

.undei {
  text-align: right;
  margin-top: 25px;
}

.yuzu_icon03 .photo:first-child {
  margin-right: 5%;
}

.yuzu_icon03 .photo img {
  max-width: 100%;
  height: auto;
}

.un_dobble ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

.un_dobble li:first-child {
  list-style: none;
  width: 39%;
}

.un_dobble li:last-child {
  list-style: none;
  width: 58%;
}

.gomazan ul {
  margin-bottom: 25px;
}

.gomazan li {
  list-style: none;
}

.gomazan dl {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.gomazan dl dt {
  font-size: 120%;
}

.gomazan dl span {
  font-size: 80%;
}

.draft {
  border-radius: 4px;
  padding: 2% 5%;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  font-size: 80%;
  margin-bottom: 20px;
}

.gomazan .doukon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gomazan .doukon .photo {
  width: 50%;
  margin-right: 5%;
}

.gomazan .doukon p:last-child {
  width: 50%;
}

.gomazan .doukon .photo img {
  width: 100%;
  height: auto;
}

.goman {
  text-align: center;
  font-size: 130%;
  text-decoration: underline;
  margin-bottom: 30px;
}

.goman h2 {
  font-size: 160%;
  line-height: 150%;
}

.zan_item {
  background: url(../img/zanmai_set.png) no-repeat 55% 14px, url(../img/zan_un.jpg);
  padding: 3%;
  -webkit-box-shadow: 0 0 0 1px #beb799 inset;
  box-shadow: 0 0 0 1px #beb799 inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 50px !important;
}

.zan_item .fl {
  width: 75%;
}

.zan_item .fr {
  width: 180px;
}

.zan_item dt img {
  max-width: 180px;
  height: auto;
}

.zan_item dd {
  font-size: 140%;
  line-height: 150%;
}

.t_names {
  color: #ad9929;
  font-weight: bold;
}

.strat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.strat dt {
  width: 180px;
  margin-right: 5%;
}

.inhouse {
  background: url(../img/inhouse_bg.jpg);
  padding: 3% 3% 3%;
  position: relative;
  margin-top: 70px;
}

.inhouse .inzan {
  margin-top: -30px;
  padding-bottom: 10px;
}

.inhouse div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inhouse div dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}

.inhouse div dl dt {
  width: 140px;
  margin-right: 3%;
}

.d_names {
  color: #7a6126;
  font-weight: bold;
}

.inhouse div dl dd {
  width: 46%;
}

.inhouse .prices {
  font-weight: bold;
}

.inhouse .prices span {
  font-size: 80%;
}

/* ------------------
ギフトセットページメインビジュアルコンテンツ
------------------ */
.gift_mv {
  margin-bottom: 40px;
}

.giftmv {
  margin-bottom: 30px;
}

.giftmv img {
  width: 100%;
  height: auto;
}

.tu_gift {
  margin-bottom: 40px;
}

.tu_gift dt {
  color: #97875c;
  font-size: 200%;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.tu_gift dt:before,
.tu_gift dt:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #97875c;
  display: block;
}

.tu_gift dt:before {
  margin-right: 0.4em;
}

.tu_gift dt:after {
  margin-left: 0.4em;
}

.tu_gift dd {
  font-size: 150%;
  line-height: 150%;
  text-align: center;
}

.tu_gift dd span {
  color: #dd0000;
}

.winter_gift {
  text-align: center;
  margin-bottom: 30px;
}

.pickgift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.pickgift li {
  list-style: none;
  width: 49%;
  margin: 0 2% 2% 0;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 3%;
}

.pickgift li:nth-child(2n) {
  margin-right: 0;
}

.pickgift li img {
  width: 100%;
  height: auto;
}

.pickgift li .itembtn {
  text-align: center;
}

.pickgift li .itembtn a {
  display: block;
  padding: 3%;
  background: #ab9b6f;
  color: #fff;
  border-radius: 6px;
  font-size: 120%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

.pickgift li .itembtn a:hover {
  display: block;
  padding: 3%;
  background: #97875c;
  color: #fff;
  border-radius: 6px;
  font-size: 120%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* ------------------
サイズ違い商品あり商品詳細
------------------ */
.diff_itemarea .swiper-slide {
  width: 100px;
}

.diff_itemarea .swiper-slide img {
  width: 100%;
  height: auto;
}

#thumb-v {
  width: 100%;
  max-width: 550px;
  padding-right: 300px !important;
}

.sp-thumbnails-container {
  width: 280px;
}

.sp-thumbnails {
  width: 280px !important;
  height: 540px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.sp-thumbnails div {
  margin: 0 10px 0 0;
}

.sp-thumbnails div:nth-of-type(2n) {
  margin-right: 0;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: initial !important;
}

.sp-thumbnail img {
  width: 100%;
  height: auto;
}

.sp-selected-thumbnail:before {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 0px solid red !important;
  left: 0;
  top: 0;
  margin-left: 0px !important;
}

.sp-selected-thumbnail:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: 0px !important;
  border-right: 0px solid red !important;
  border-top: 0px solid transparent !important;
  border-bottom: 0px solid transparent !important;
}

.sp-selected-thumbnail {
  border: 1px solid #000 !important;
}

.dditems {
  width: 100%;
  margin: 30px auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dditems .fls {
  width: 48%;
}

.dditems .fls h1 {
  font-size: 200%;
  margin-bottom: 20px;
  line-height: 150%;
}

.dditems .frs {
  width: 48%;
}

.i_chatch {
  font-size: 110%;
  line-height: 150%;
  margin-bottom: 10px;
  font-weight: bold;
}

.i_number {
  -webkit-box-shadow: 0 0 0 1px #000 inset;
  box-shadow: 0 0 0 1px #000 inset;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 20px;
}

.i_number span {
  font-weight: bold;
}

.txt_eid {
  margin-bottom: 20px;
}

/* ------------------
2018.11.14 追記
------------------ */

.oshi_cook {
  background: url(../img/gift_bg.jpg) left top;
  padding: 5%;
  margin-bottom: 50px;
}

.oshi_cook .cyakusyu {
  text-align: center;
  margin-bottom: 15px;
}

.oshi_cook ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.oshi_cook ul li {
  list-style: none;
  width: 31%;
  margin: 0 3.5% 2% 0;
  font-weight: bold;
}

.oshi_cook ul li:nth-child(3n) {
  margin-right: 0;
}

.oshi_cook ul li img {
  width: 100%;
  height: auto;
}

.scret {
  font-size: 150%;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 15px;
  color: #97875c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.scret:before,
.scret:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #97875c;
  display: block;
}

.scret:before {
  margin-right: 1em;
}

.scret:after {
  margin-left: 1em;
}

.neri_submv {
  margin-bottom: 40px;
}

.neri_submv p {
  margin-bottom: 20px;
}

.neri_submv p:last-child {
  margin-bottom: 0;
}

/* ------------------
2018.11.19 追記
------------------ */

.reds {
  color: #dd0000;
}

.cont_org {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cont_org .photo {
  width: 46%;
}

.cont_org .photo img {
  width: 100%;
  height: auto;
}

.cont_org .photo {
  margin-bottom: 0;
}

.cont_org .mb_txt {
  width: 50%;
}

.cont_org .mb_txt ul {
  margin: 0px 0 0px 20px;
}

.cmk_tit {
  font-weight: bold;
  line-height: 150%;
  font-size: 150%;
  color: #97875c;
  margin-bottom: 15px;
}

.noshi_cmk ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.noshi_cmk ul li {
  list-style: none;
  -webkit-box-shadow: 0 0 0 1px #ccc;
  box-shadow: 0 0 0 1px #ccc;
}

.noshi_cmk p:last-child {
  text-align: center;
  font-size: 130%;
}

.cmk_ilist li {
  list-style: none;
  margin: 0;
  line-height: 1em;
  font-size: 0;
}

.cmk_ilist .mrb20 {
  margin-bottom: 20px !important;
}

.cmk_ilist li img {
  width: 100%;
  height: auto;
}

.sq-stit {
  background: #000;
  color: #fff;
  padding: 3%;
}

.sq-stit dt {
  font-size: 120%;
}

.sq-stit dd {
  font-size: 180%;
  line-height: 150%;
}

.unenos {
  position: relative;
  margin-bottom: 40px;
}

.unenos .chop {
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  font-size: 150%;
  line-height: 150%;
}

.unenos .chop2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 52%;
  font-size: 150%;
  line-height: 150%;
}

.b_reds {
  color: #dd0000;
  font-weight: bold;
}

.cmksu_bg {
  background: url(../img/cmk_su01_bg.jpg) no-repeat center bottom;
  background-size: cover;
  font-size: 120%;
  padding: 5%;
}

.cmksu_bg p {
  margin-bottom: 20px;
}

.cmksu_bg p:last-child {
  margin-bottom: 0;
}

.s_gort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.s_gort li {
  list-style: none;
}

.s_gort li:first-child {
  width: 60%;
  line-height: 2em;
  font-size: 120%;
}

.s_gort li:last-child {
  width: 34%;
}

.s_gort li:last-child img {
  max-width: 100%;
  height: auto;
}

.s_gort li:last-child p {
  margin-bottom: 0px;
}

.s_gort li:last-child p:nth-child(2) {
  margin-bottom: 25px;
}

.keiyaku_n h2 {
  font-size: 200%;
  margin-bottom: 25px;
  color: #80653a;
}

.threescont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.threescont li {
  width: 30%;
  list-style: none;
}

.threescont li img {
  width: 100%;
  height: auto;
}

.threescont .photo {
  width: 100%;
}

.threescont .photo img {
  width: 100%;
  height: auto;
}

.syuzou {
  background: #333;
  padding: 3%;
  color: #fff;
  margin: 40px 0 0;
}

.syuzou h2 {
  margin-bottom: 20px;
}

.syuzou_sp01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.syuzou_sp01 .photo {
  width: 36%;
  text-align: center;
}

.syuzou_sp01 > div {
  width: 60%;
}

.gift_mmv img {
  width: 100%;
  height: auto;
}

.gift_ss {
  padding: 2% 5% 5%;
}

.jyotai ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.jyotai ul li {
  width: 30%;
  list-style: none;
  padding-right: 3%;
}

.jyotai ul li dd {
  text-align: center;
}

.jyotai ul li dt {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

.jyotai ul li:first-child,
.jyotai ul li:nth-child(2) {
  background: url(../img/gift_delta.jpg) no-repeat right center;
}

.jyotai ul li img {
  width: 100%;
  height: auto;
}

.jyotai_two ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.jyotai_two ul li {
  width: 30%;
  list-style: none;
  padding-right: 3%;
}

.jyotai_two ul li dd {
  text-align: center;
}

.jyotai_two ul li dt {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

.jyotai_two ul li:first-child {
  background: url(../img/gift_delta.jpg) no-repeat right center;
}

.jyotai_two ul li img {
  width: 100%;
  height: auto;
}

.misos {
  background: url(../img/cmk_miso02.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.misos .photo {
  width: 30%;
}

.misos .photo img {
  width: 100%;
  height: auto;
}

.misos .mb_txt {
  width: 60%;
  font-size: 120%;
  line-height: 2em;
}

.s_fukudashi2 {
  background: url(../img/s_fukidashi2.jpg) no-repeat center center;
  padding: 10px;
  color: #6b4d09 !important;
  font-size: 180% !important;
  text-shadow: 0px 0px 4px #fff;
}

.misokouji {
  margin: 40px 0;
}

.misokouji dt {
  font-size: 130%;
  line-height: 150%;
  margin: 0 0 10px;
  color: #97875c;
}

.misokouji dd {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.miso_ends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3%;
  -webkit-box-shadow: 0 0 0 1px #97875c inset;
  box-shadow: 0 0 0 1px #97875c inset;
  margin-top: 40px;
}

.miso_ends .photo {
  width: 30%;
}

.miso_ends .mb_txt {
  width: 65%;
  font-size: 130%;
  line-height: 200%;
  color: #97875c;
}

.fs-l-productLayout__item--1 {
  position: relative;
}

.fs-c-productList__list .fs-c-productListItem__image {
  height: 156px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.oilfirst {
  background: url(../img/oil_first.jpg) no-repeat center top;
  background-size: cover;
  padding: 5% 5% 200px;
  margin-bottom: 20px;
}

.first_oiltit {
  width: 54%;
}

.oilfirst h2 {
  font-size: 180%;
  line-height: 150%;
  color: #fff;
  margin-bottom: 30px;
}

.oilfirst h2 span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #dda700));
  background: linear-gradient(transparent 60%, #dda700 60%);
}

.offten {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

.offten li {
  list-style: none;
  width: 49%;
}

.offten li img {
  width: 100%;
  height: auto;
}

.create_h {
  background: url(../img/aout_henkod.jpg) no-repeat center top;
  background-size: cover;
  padding: 5%;
  margin-bottom: 50px;
}

.ab_hhe {
  width: 48%;
  font-size: 120%;
  line-height: 180%;
  letter-spacing: 1px;
}

.ab_hhe h3 {
  font-size: 150%;
  line-height: 150%;
  margin-bottom: 25px;
}

.copu_henkotit {
  max-width: 394px;
  margin-bottom: 30px;
}

.copu_henkotit img {
  width: 100%;
  height: auto;
}

.i_movie {
  margin-top: 40px;
}

.i_movie iframe {
  width: 100%;
  min-height: 250px;
}

.component {
  padding-bottom: 40px;
}

.component dt {
  display: inline-block;
  padding: 2px 5px;
  border: #000 1px solid;
  font-weight: normal;
  margin-bottom: 10px;
}

.component dd {
  font-weight: normal;

  line-height: 150%;
}

/* ------------------
メディア
------------------ */

.medias_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1120px;
  margin: 0 auto;
}

.medias_block li {
  list-style: none;
  width: 18.4%;
  margin: 0 2% 4% 0;
}

.medias_block li:nth-child(5n) {
  margin-right: 0;
}

.medias_block li img {
  width: 100%;
  height: auto;
}

.mediaconts {
  width: 1120px;
  margin: 0 auto;
}

.media_b {
  width: 50%;
  margin: 30px auto 70px;
}

.media_icon {
  text-align: center;
  margin: -30px auto 0px;
  width: 60px;
}

.medias_block li span {
  color: #fff;
  padding: 5px;
  background: #c70e19;
  margin-right: 10px;
}

.goma_b {
  width: 50%;
  text-align: center;
  margin: 0px auto 50px;
}

/* ------------------
レシピ詳細
------------------ */

.det_rep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.det_rep .photos {
  width: 64%;
}

.det_rep .photos img {
  width: 100%;
  height: auto;
}

.det_rep .this {
  width: 30%;
}

.this dl {
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  padding: 8%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.this dt {
  background: #df3710;
  padding: 5px;
  color: #fff;
}

.this dd img {
  width: 100%;
  height: auto;
}

.this dd {
  margin-top: 5px;
}

.times {
  text-align: center;
  margin-bottom: 10px;
}

.times span {
  background: url(../img/times.svg) no-repeat left center;
  background-size: 16px 16px;
  padding-left: 26px;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 120%;
}

.buys a {
  background: url(../img/rep_cart.svg) no-repeat 5% center #990000;
  background-size: 16px 16px;
  display: block;
  padding: 10px 10px 10px 40px;
  color: #fff;
  border-radius: 25px;
  text-decoration: none;
  line-height: 120%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.buys a:hover {
  background: url(../img/rep_cart.svg) no-repeat 5% center #dd0000;
  background-size: 16px 16px;
}

.onemesse {
  margin-bottom: 50px;
}

.states {
  background: url(../img/stew.svg) no-repeat left top;
  background-size: 30px 30px;
  padding: 2px 0 15px 44px;
  border-bottom: 5px solid #b3292c;
  font-size: 140%;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 25px;
}

.spatula {
  background: url(../img/spatula.svg) no-repeat left top;
  background-size: 30px 30px;
  padding: 2px 0 15px 44px;
  border-bottom: 5px solid #b3292c;
  font-size: 140%;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 25px;
}

.makecook,
.makeitem {
  margin-bottom: 50px;
}

.makecook li {
  list-style: none;
  margin-bottom: 10px;
}

.makeitem li {
  background: url(../img/dot-line.gif) repeat-x left bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
  list-style: none;
}

.other {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 20px;
}

.use-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.use-tab li {
  text-align: center;
  list-style: none;
  width: 25%;
  margin: 0 10px;
}

.use-tab li a {
  display: block;
  padding: 15px;
  background: #ddd;
  color: #000;
  border-radius: 30px;
}

.fs-c-productMark__item {
  margin: 0 5px 5px 0;
}

.fs-c-productMark__item img {
  height: 36px;
  width: auto;
}

.fs-c-productList__list__item .fs-c-productMark__item {
  margin: 0 1px 1px 0;
  display: contents;
}

.fs-c-productList__list__item .fs-c-productMark__item:nth-child(2n) {
  margin-right: 0;
}

.fs-c-productList__list__item .fs-c-productMark__item img {
  height: 21px;
  width: auto;
}

/* ------------------
	IE10+（Edgeも全て含む） ハック
 ------------------ */

_:-ms-lang(x),
.FS2_additional_image_itemdetail_container form .FS2_figure_table_td_input_cnt input {
  width: 50px;
}

_:-ms-lang(x),
.fs-c-productList__list .fs-c-productListItem__image {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

_:-ms-lang(x),
.fs-l-productLayout__item--1 .fs-c-productMainImage__image img {
  width: 100%;
  height: auto;
}

.fs-l-product4 .fs-l-productLayout {
}

.fs-body-cart .fs-c-totalAndActions table {
  text-align: center;
  margin: 10px auto 0;
}

.imgmax {
  display: block;
  width: 100%;
  height: auto;
}

.regist__banner {
  max-width: 800px;
  margin: 20px auto;
}

.n_cate_ft {
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.n_cate_tit {
  font-size: 200%;
  line-height: 150%;
  margin-bottom: 20px;
  padding: 5px 0 5px 10px;
  border-left: 7px solid #87b829;
  background-color: #e5f0ce;
}

.n_cate_con:not(:last-child) {
  margin-bottom: 40px;
}

.n_cate_recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
}

.n_cate_recommend li {
  list-style: none;
}

.n_cate_recommend_list-a {
  background-color: #fbe5d6;
  border-radius: 20px;
  margin-bottom: 4%;
  padding: 30px 50px;
  width: 100%;
}

.n_cate_recommend_list-b {
  background-color: #fbe5d6;
  border-radius: 20px;
  margin-bottom: 4%;
  padding: 30px;
  width: 48%;
}

.n_cate_recommend_list_tit {
  color: #cf3b02;
  font-size: 150%;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 25px !important;
  text-align: center;
}

.n_cate_recommend_list_con-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.n_cate_recommend_list_con-a__list {
  width: 46%;
}

.n_cate_recommend_list_con-a__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.n_cate_recommend_list_con-a__boxlist {
  width: 46%;
}

.n_cate_recommend_list_con-a__tit {
  font-size: 130%;
  font-weight: bold;
  line-height: 150%;
  text-align: center;
}

.n_cate_recommend_list_con-a__boximg,
.n_cate_recommend_list-b_img {
  margin: 0 auto 10px;
  max-width: 160px;
}

.n_cate_recommend_list_con-a__boxname,
.n_cate_recommend_list-b_name,
.n_cate_recommend_list_con_b__name {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}

.n_cate_recommend_list-b_name {
  margin-bottom: 10px;
}

.n_cate_recommend_list_con_b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.n_cate_recommend_list_con_b__list {
  width: 20%;
}

.n_cate_link {
  display: block;
}

.n_cate_link:hover {
  color: #000;
  opacity: 0.7;
}

.n_chinmi_con {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.n_chinmi_con_img {
  margin-bottom: 0 !important;
  width: 44%;
}

.n_chinmi_con_txt {
  width: 52%;
}

.n_chinmi_txt {
  font-size: 110%;
  line-height: 200%;
  margin-bottom: 0 !important;
}

.n_chinmi_txt b {
  font-size: 120%;
  font-weight: bold;
}

.n_chinmi_txt:not(:last-child) {
  margin-bottom: 20px !important;
}

.n_chinmi_eat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.n_chinmi_eatlist {
  width: 30%;
}

.n_chinmi_eatlist_txt {
  font-weight: bold;
}

.n_chinmi_recipe__btn {
  max-width: 400px;
  margin: 0 auto;
}

.n_chinmi_recipe__btnlink {
  display: block;
  background: url(../img/r-delta.svg) no-repeat 96% center #669900;
  background-size: 9px 8px;
  color: #fff !important;
  text-align: center;
  border-radius: 6px;
  padding: 15px 10%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 120%;
  text-decoration: none;
}

.n_chinmi_recipe__btnlink:hover {
  opacity: 0.7;
  text-decoration: none;
}

.cate_mvimg {
  margin-bottom: 10px;
}

/* 230614追記 */
.side_recommend_btn {
  position: absolute;
  right: 0;
  top: 5px;
}

.side_recommend {
  position: relative;
}

.fix-right-ncon.wide {
  max-width: 330px;
}

.side_recommend.active {
  display: none;
}

/* 230614追記ここまで */

/* ------------------
	Edgeのみ（Edge全て） ハック
 ------------------ */

@supports (-ms-ime-align: auto) {
}

/* ------------------
	IE11のみ
 ------------------ */

@media all and (-ms-high-contrast: none) {
  /* -  *::-ms-backdrop, .topictab-content li ul li {
    border-bottom: 1px dotted #ccc;
  }- */

  *::-ms-backdrop,
  .layout_table {
    width: 1000px !important;
    margin-right: auto;
    margin-left: auto;
  }

  *::-ms-backdrop,
  .system_content {
    width: 1000px !important;
  }

  *::-ms-backdrop,
  .fs-c-productMark__item img {
    height: auto;
    width: 100%;
    max-width: 125px;
  }

  *::-ms-backdrop,
  .fs-c-productList__list__item .fs-c-productMark__item img {
    height: auto;
    width: 100%;
    max-width: 70px;
  }
}

/* ------------------
	firefox
 ------------------ */

@-moz-document url-prefix() {
}

/* ------------------
	Chrome
 ------------------ */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .FS2_additional_image_itemdetail_container form .FS2_figure_table_td_input_cnt input {
    width: 50px;
  }
}

/* ------------------
	tablet css
 ------------------ */

@media screen and (min-width: 767px) and (max-width: 1320px) {
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
}
/* 20230919ここから */
.rank_sl-namber {
  display: grid;
  grid-template-columns: repeat(5, 18%);
  gap: 0 2.5%;
}

.rank_sl-item {
  display: grid;
  grid-template-rows: 190px auto;
}
.rank_txt {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.rank_sl-no {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 15px;
}
.rank_name {
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
}
.rank_sl-item-btn {
  text-align: center;
  background: #ff9615;
  padding: 5px;
}
.rank_sl-item-btn a {
  color: #fff;
}
.rank_category {
  margin: 50px 0;
}

/* 20230919ここまで */