@charset "UTF-8";

.mantenance {
  width: 1120px;
  margin: 0 auto;
  text-align: center;
  font-size: 300%;
  line-height: 150%;
  height: 500px;
  -webkit-box-shadow: 0 0 0 5px #ccc;
  box-shadow: 0 0 0 5px #ccc;
}

.mantenance p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  /* Safari用 */
  transform: translateY(-50%);
  font-weight: bold;
}

body {
  line-height: 180% !important;
  font-size: 86%;
  color: #222 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}

.headers,
.lapnav,
.nars {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}

.nars {
  margin-top: -20px !important;
}

#pagetop {
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.fontbig {
  font-weight: bold;
}

#logoutButton,
#loginButton,
#mypages,
#newmember {
  display: none;
}

a {
  color: #222;
}

.is-fixed {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100% !important;
  z-index: 12;
  margin-top: 0px !important;
  background: #fff;
}

.is-fixed .g_navi {
  padding: 14px 40px 0 0 !important;
}

.is-fixed > ul {
  padding: 0 0 10px;
  margin: 0 auto;
  width: 1120px;
}

.is-fixed ul > li:last-child {
  margin-right: 20px;
}

.fix-right-navi .fs-p-cartItemNumber {
  font-size: 1.6rem !important;
  top: 190px;
}

.basecont {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  letter-spacing: 1px;
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pc-side-nav-fixed {
  top: 2%;
  left: 68%;
  width: 18%;
  position: fixed;
}

/* ------------------
	common
 ------------------ */

.mrb4 {
  margin-bottom: 4px;
}

.mrb10 {
  margin-bottom: 10px;
}

.mrb15 {
  margin-bottom: 15px;
}

.mrb20 {
  margin-bottom: 20px;
}

.mrb30 {
  margin-bottom: 30px;
}

.mrb40 {
  margin-bottom: 40px;
}

.mrb60 {
  margin-bottom: 60px;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}

#page-top a {
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 10px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#page-top img {
  width: 100px;
  height: auto;
}

.fontbig {
  font-size: 130%;
  line-height: 150%;
}

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

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

.side-tit {
  text-align: center;
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 140%;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #a99660;
}

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

.tp_subtit span {
  color: #fff;
  padding: 5px;
  margin-right: 5px;
  background: #cb576e;
  font-size: 80%;
}

.tp_subtit dt,
.tp_subtit h2 {
  text-align: center;
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 200%;
  font-weight: normal;
  list-style-position: 150%;
  margin-bottom: 10px;
}

.tp_subtit dd,
.tp_subtit p {
  color: #a99660;
  font-family: HelveticaNeue-CondensedBold, "arial black";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.tp_subtit dd:before,
.tp_subtit p:before {
  margin-right: 4em;
}

.tp_subtit dd:after,
.tp_subtit p:after {
  margin-left: 4em;
}

.detail_tit {
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 140%;
  margin-bottom: 25px !important;
  padding-bottom: 10px;
  border-bottom: 2px solid #a99660;
}

.bnk_link {
  background: url(../img/external-link-symbol.svg) no-repeat left top;
  background-size: 12px 12px;
  padding-left: 20px;
  margin-top: 25px;
}

/* ------------------
btn
------------------ */

.blown_btn a {
  display: block;
  background: url(../img/r-delta.svg) no-repeat 96% center #a99660;
  background-size: 9px 8px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 110%;
}

.blown_btn a:hover {
  opacity: 0.7;
  display: block;
  background: url(../img/r-delta.svg) no-repeat 96% center #a99660;
  background-size: 9px 8px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0;
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 110%;
}

.buy_btn a {
  display: block;
  text-decoration: none;
  background: url(../img/emptycart.svg) no-repeat 8% center #cf3c01;
  background-size: 20px 20px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 110%;
  transition: 0.3s;
  -webkit-box-shadow: 0px 5px 0 #842404;
  box-shadow: 0px 5px 0 #842404;
}

.buy_btn a:hover {
  display: block;
  background: url(../img/emptycart.svg) no-repeat 8% center #cf3c01;
  background-size: 20px 20px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 110%;
  opacity: 0.7;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 0 #842404;
  box-shadow: 0px 5px 0 #842404;
}

/* ------------------
	header
 ------------------ */

#slide-l {
  z-index: 100;
  cursor: default;
  position: fixed;
  top: -460px;
  height: 460px !important;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
}

#slide-l .slide-inner {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  margin: 0 auto;
  max-width: 1120px;
  width: 100%;
  height: 100%;
}

#slide-l .slide-inner section {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

.headline h1 {
  font-size: 90%;
  line-height: 150%;
  font-weight: normal;
  width: 66%;
}

.headline .logo {
  width: 228px;
}

.information-block {
  width: 74%;
}

.ban_block {
  width: 230px;
  margin-top: 70px;
}

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

.ban_block li {
  list-style: none;
}

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

.information-block > ul > li:first-child {
  width: 30%;
}

.information-block > ul > li:nth-child(2) {
  width: 38%;
}

.information-block > ul > li:nth-child(3) {
  width: 24%;
}

.information-block > ul p {
  font-weight: bold;
}

.information-block > ul > li {
  width: 20%;
  list-style: none;
  border-right: 1px solid #eee;
}

.information-block > ul > li a:hover {
  text-decoration: none;
}

.information-block > ul > li li {
  list-style: none;
  font-size: 90%;
}

.information-block .f_items li:nth-child(odd) {
  width: 30% !important;
}

.information-block .f_items li:nth-child(even) {
  width: 60% !important;
}

#slide-l .nav-icon {
  position: absolute;
  right: 0px;
  top: 460px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  z-index: 3000 !important;
}

.cov {
  margin: 0 auto;
  max-width: 1120px;
  min-width: 768px;
  width: 100%;
  position: relative;
}

.headers {
  width: 1120px;
  margin: 14px auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.FS2_repeater {
  margin: 14px 30px 0 0;
  text-align: right;
}

.hd-cont:after {
  content: "";
  clear: both;
  display: block;
}

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

.tp_infos {
  width: 70%;
}

.tp_infos li {
  list-style: none;
}

.tp_infos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gai_yo {
  margin: 0 40px 7px 0;
}

.gai_yo li {
  background: url(../img/tp-lines.gif) no-repeat left center;
  padding-left: 20px;
  margin-left: 20px;
  font-size: 80%;
}

.gai_yo li:first-child {
  background: none;
}

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

.tp_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tp_btn li {
  margin-left: 25px;
}

.tp_btn li:last-child {
  font-family: HelveticaNeue-CondensedBold, "arial black";
  font-size: 180%;
  line-height: 1em;
  margin-top: -8px;
}

.tp_btn li span {
  background: url(../img/free-icon.svg) no-repeat left center;
  background-size: 32px 24px;
  padding-left: 40px;
}

.tp_btn a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.tp_btn a:hover {
  opacity: 0.7;
}

.nars .g_navi {
  width: 1120px;
  margin: 0 auto 10px;
  padding: 5px 0;
}

.nars ul {
  display: flex;
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

.nars .g_navi > ul > li {
  list-style: none;
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background: url(../img/txt-over.gif) no-repeat center bottom;
  margin-left: 30px;
}

.nars .g_navi a {
  text-decoration: none;
}

.nars .g_navi li ul li img {
  width: 54px;
  height: auto;
}

.i-plus {
  background: url(../img/un_delta.svg) no-repeat right center;
  background-size: 8px 8px;
  padding-right: 15px;
}

/* drop down
-----------------------------------------*/

/* mod_dropnavi_child */

.parent {
  position: relative;
}

.nars .mod_dropnavi_child {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -120px;
  z-index: 99;
  padding: 32px 0 0 0 !important;
  width: 240px;
}

.pareabg {
  background: #fff;
}

.nars .mod_dropnavi_child ul {
  padding: 5% !important;
  position: relative;
}

#gray {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1;
  display: none;
}

#gray:targets {
  display: block;
}

.p-list {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}

.p-list li {
  background: url(../img/r-delta_blo.svg) no-repeat left 32%, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 6px 6px, 4px 1px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  list-style: none;
  padding-left: 12px;
}

.p-list li a {
  display: block;
}

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

.nars .mod_dropnavi_child ul {
  display: block;
  border: 1px solid #000;
}

.nars .mod_dropnavi_child ul.p-list:after {
  border: 12px solid transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
  top: -10px;
  content: "";
  display: block;
  left: 46%;
  position: absolute;
}

.nars .mod_dropnavi_child ul li {
  font-size: 90%;
  line-height: 1.3;
  text-align: left;
}

.nars .mod_dropnavi_child ul li a {
  background: #fff;
}

.nars .mod_dropnavi_child ul li a:hover {
  opacity: 0.6;
}

/* ------------------
レイアウト
------------------ */

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

.contst .l-side {
  width: 220px;
}

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

/* ------------------
左サイド
------------------ */

.contst .l-side a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contst .l-side a:hover {
  opacity: 0.7;
}

.contst .l-side .user-bnr {
  margin-bottom: 20px;
}

.contst .l-side .user-bnr li {
  list-style: none;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contst .l-side .user-bnr li:hover {
  opacity: 0.7;
}

.contst .l-side .user-bnr li img {
  font-size: 0;
  line-height: 1em;
  display: block;
}

.contst .l-side .user-bnr li:last-child {
  margin-bottom: 0;
}

.contst .l-side .user-bnr li p {
  margin-top: 6px;
}

.contst .mainconts,
.rcipe_contst .mainconts {
  width: 860px;
}

.side-serach {
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 6px;
  padding: 5%;
  margin-bottom: 30px;
}

.wotxt {
  text-align: center;
  margin: 0px auto 10px;
}

.wotxt-sd {
  text-align: center;
  margin: 25px auto 10px;
}

.keyword-ser input[type="text"] {
  width: 100%;
  padding: 10px 10px 10px 30px;
  background: url(../img/l-search.svg) no-repeat 10px center #fff;
  background-size: 15px 15px;
  border: none;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 6px;
  margin-bottom: 10px;
}

.keyword-ser input[type="button"] {
  width: 100px;
  padding: 2px 10px;
  text-align: center;
  margin: 0 auto;
  background: #e28b00;
  color: #fff;
  font-size: 130%;
  border-radius: 6px;
  display: block;
}

.keyword-ser button {
  width: 100px;
  padding: 2px 10px;
  text-align: center;
  margin: 0 auto;
  background: #e28b00;
  color: #fff;
  font-size: 130%;
  border-radius: 6px;
  display: block;
}

.price-ser input[type="text"] {
  width: 32%;
  padding: 10px 10px 10px 10px;
  border: none;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 6px;
  margin-bottom: 10px;
  margin-right: 5px;
}

.side-serach select {
  width: 100%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #999;
  background: #eee;
  background: url(../img/arrow01.png) 96% 50% no-repeat;
  background-size: 10px, 100%;
  margin-bottom: 10px;
}

.side-serach .price-ser input[type="text"] {
  width: 80%;
  padding: 10px 10px 10px 10px;
  border: none;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 6px;
  margin-bottom: 10px;
  margin-right: 5px;
}

.lists {
  margin-bottom: 30px;
}

.lists li {
  list-style: none;
}

.lists li a {
  display: block;
  padding: 20px 0 20px 60px;
}

.lists li a:hover {
  text-decoration: none;
}

.lists .side-i01 {
  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;
}

.lists .side-i02 {
  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;
}

.lists .side-i03 {
  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;
}

.lists .side-i04 {
  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;
}

.lists .side-i05 {
  background: url(../img/side-sum05_02.jpg) no-repeat left center, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 50px 50px, 4px 1px;
}

.lists .side-i06 {
  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;
}

.lists .side-i07 {
  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;
}

.lists .side-i08 {
  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;
}

.lists .side-i09 {
  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;
}

.lists .side-i10 {
  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;
}

.lists .side-i11 {
  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;
}

.lists .side-i12 {
  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;
}

.lists .side-i13 {
  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;
}

.lists .side-i14 {
  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;
}

.lists .side-i15 {
  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;
}

.lists .side-i16 {
  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;
}

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

.s_sns li {
  list-style: none;
}

.s_sns img {
  width: 40px;
  height: 40px;
}

/* ------------------
検索エリア
------------------ */
.m_search {
  width: 100%;
  background: #d3cbb2;
  padding: 20px 0;
  margin-bottom: 40px;
}

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

.sr_areas:after {
  content: "";
  clear: both;
  display: block;
}

.sr_areas .keys_s {
  width: 40%;
  float: left;
}

.sr_areas .if_s {
  width: 56%;
  float: right;
}

.keys_s .tp_keyword-ser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
}

.keys_s .tp_keyword-ser input[type="text"] {
  width: 66%;
  padding: 15px 10px 15px 30px;
  background: url(../img/l-search.svg) no-repeat 10px center #fff;
  background-size: 15px 15px;
  border: none;
  -webkit-box-shadow: 0 0 0 1px #ccc inset;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 6px;
  margin-bottom: 10px;
}

.keys_s .tp_keyword-ser input[type="button"] {
  width: 100px;
  padding: 0px 10px;
  text-align: center;
  margin: 0 auto;
  background: #e28b00;
  color: #fff;
  font-size: 130%;
  border-radius: 6px;
  display: block;
}

.fours {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 80%;
}

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

.if_s select {
  width: 48%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #999;
  background: #eee;
  background: url(../img/arrow01.png) 96% 50% no-repeat #fff;
  background-size: 10px, 100%;
  margin-bottom: 10px;
}

/* ------------------
footer
------------------ */

.f-guide {
  width: 1120px;
  margin: 0 auto 30px;
  text-align: center;
}

.f_bg {
  width: 100%;
  background: url(../img/f_bg.jpg) repeat left top;
  padding: 80px 0 40px;
}

.f_bg ul {
  width: 1120px;
  margin: 0 auto;
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.f_bg ul li {
  list-style: none;
  width: 32%;
  text-align: center;
  -webkit-box-shadow: 0 0 0 1px #a99660 inset;
  box-shadow: 0 0 0 1px #a99660 inset;
  padding: 5% 3% 3%;
  background: #fff;
  position: relative;
  margin-bottom: 20px;
}

.f_bg ul li dt {
  font-family: "heisei-mincho-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 130%;
  line-height: 150%;
  margin-bottom: 15px;
}

.f_icon {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -37px;
  width: 74px;
  height: 74px;
}

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

.calls {
  font-family: HelveticaNeue-CondensedBold, "arial black";
  font-size: 180%;
  line-height: 1em;
  margin-top: -8px;
}

.calls span {
  background: url(../img/free-icon.svg) no-repeat left center;
  background-size: 32px 24px;
  padding-left: 40px;
}

.f_bg ul li:nth-child(4),
.f_bg ul li:nth-child(5) {
  width: 49%;
  margin-bottom: 0;
  font-size: 90%;
  padding-top: 3%;
}

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

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

.f_card p:last-child {
  text-align: left;
  margin-top: 8px;
}

.f_link {
  background: #e6e1d3;
  padding: 40px 0;
}

.f_link > ul {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.f_link li {
  list-style: none;
}

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

.f_link > ul > li {
  width: 18%;
}

.f_link > ul > li:first-child {
  width: 30%;
}

.f_items {
  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;
}

.f_items li {
  width: 48%;
}

.f_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;
}

.en_links {
  padding: 20px;
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.en_links li {
  background: url(../img/tp-lines.gif) no-repeat left center;
  padding-left: 20px;
  margin-left: 20px;
  list-style: none;
}

.en_links li:first-child {
  background: none;
}

.f_link a:hover,
.en_links li a:hover {
  text-decoration: none;
}

.copys {
  text-align: center;
  color: #fff;
  background: #333;
  padding: 20px;
}

.copys a {
  color: #fff;
}

/* =================================
fix nav
======================================== */

.fix-right-navi {
  position: fixed;
  top: 45% !important;
  right: 20px;
  width: 80px;
  z-index: 90;
}

.fix-right-navi ul {
  margin-bottom: 30px !important;
}

.fix-right-navi ul li {
  margin-bottom: 10px;
  list-style: none;
}

.fix-right-navi ul li a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.fix-right-navi ul li a:hover img {
  opacity: 0.5;
}

.fix-right-navi ul li img {
  width: 80px;
  height: 80px;
}

/* ------------------
	IE,chorme対策
 ------------------ */

b,
strong,
.bold {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

_:lang(x)::-ms-backdrop,
body {
  font-family: "メイリオ", Meiryo, sans-serif;
}

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

_:-ms-lang(x),
.topictab-content > li ul li:hover {
}

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

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

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

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .lapnav {
    padding-top: 8px;
  }

  *::-ms-backdrop,
  .lapnav li:last-child a {
    margin-top: -11px;
  }
}

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

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

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
}

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

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

/* ------------------
	comingsoon
 ------------------ */

.coming {
  text-align: center;
}

.coming img {
  max-width: 600px;
  margin: 0 auto 30px;
  width: 100%;
}

.coming p {
  font-size: 140%;
}

.fs-c-cartTable th {
  color: #eee !important;
}

/*追加*/

.gnavs {
  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;
  max-width: 800px;
  margin: 0 auto 10px;
}

.gnavs > li {
  width: 20%;
  text-align: center;
  font-weight: bold;
  list-style: none;
}

.mod02_dropnavi_child {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -300px;
  z-index: 99;
  padding: 32px 0 0 0 !important;
  width: 600px;
}

.mod02_dropnavi_child .p-list {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
  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;
  padding: 5% 5% 5px;
  position: relative;
}

.mod02_dropnavi_child .p-list:after {
  border: 10px solid transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
  top: -10px;
  content: "";
  display: block;
  left: 48%;
  position: absolute;
  width: 0;
}

.mod02_dropnavi_child .p-list li {
  background: url(../img/r-delta_blo.svg) no-repeat left 32%, url(../img/dot-line.gif) repeat-x left bottom;
  background-size: 6px 6px, 4px 1px;
  padding-bottom: 10px;
  margin: 0 2% 5% 0;
  list-style: none;
  padding-left: 12px;
  width: 32%;
  font-size: 90%;
}

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

.mod02_dropnavi_child .p-list li a {
  display: block;
}

.tp_btn02 li {
  margin-left: 25px;
  font-weight: bold;
  list-style: none;
}

.tp_btn02 li:last-child {
  font-family: HelveticaNeue-CondensedBold, "arial black";
  font-size: 180%;
  line-height: 1em;
}

.tp_btn02 a {
  text-decoration: none;
}

.tp_btn02 li .i_regist {
  background: url(../img/user.svg) no-repeat left center;
  background-size: 20px 20px;
  padding: 5px 0 5px 30px;
}

.tp_btn02 li .i_logins {
  background: url(../img/login.svg) no-repeat left center;
  background-size: 20px 20px;
  padding: 5px 0 5px 30px;
}

.tp_btn02 li .i_cart {
  background: url(../img/i_cart.svg) no-repeat left center;
  background-size: 20px 20px;
  padding: 5px 0 5px 30px;
}

.tp_btn02 li .i_free {
  background: url(../img/free-icon.svg) no-repeat left center;
  background-size: 32px 24px;
  padding-left: 40px;
}

/*2020.04.13追記*/
.media_obi {
  background: #2c762a;
}

.media_obi--area {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  letter-spacing: 2px;
}

.media_obi--img {
  margin-right: 10px;
}

.media_obi--y {
  font-size: 120%;
  line-height: 150%;
  color: #fff100;
}

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

.imovie {
  margin-top: 50px;
}

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

.item_movie_tit {
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 5px;
}

.item_movie_area {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.item_movie_area iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* 2022.10toprenewal */

.c_gnavs_wrap {
  background: #f7f6ec;
}

.gnavs > li {
  background: #f7f6ec;
  padding: 3px 0;
}

.gnavs_wrap {
  background: #f7f6ec;
}

.catenavarea {
  padding: 0px 5%;
  margin-top: 15px;
}

.catenav {
  list-style: none;
  display: flex;
  max-width: 1120px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.catenav__list {
  width: 11%;
  text-align: center;
}

.catenav__icon {
  max-width: 66px;
  margin: 0 auto 10px;
}

.catenav__a p {
  line-height: 1.2;
  min-height: 38px;
}

.layer_board .mdl_btn_close.circle_btn {
  background-image: url(../img/modalclose.png) !important;
}

.layer_board {
  background: none !important;
  padding: 0 !important;
  max-width: 600px !important;
  top: 50%;
  transform: translate(-0%, -50%);
  width: 100% !important;
}

.layer_board_bg {
  background: rgba(0, 0, 0, 0.6);
}

.layer_borad_content__a {
  display: block;
}

.layer_board .mdl_btn_close.circle_btn {
  cursor: pointer !important;
}

.layer_board .mdl_btn_close.circle_btn {
  top: 0px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
}

/* 2022.10toprenewal ここまで */

/* 2022.10toprenewal 追記 */

.sticky_gnavs_wrap.fixed {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}

.catenavarea {
  margin-top: 0px;
  padding-top: 15px;
  background: #fff;
}

.gnavs {
  margin: 0 auto 0px;
}

.c_gnavs_wrap {
  background: #cf3c02;
}
.gnavs > li {
  background: #cf3c02;
}

.gnavs a {
  color: #fff;
}

.i-plus {
  background: url(../img/un_delta_w.svg) no-repeat right center;
}

.p-list li a {
  color: #000 !important;
}

/* 2022.10toprenewal 追記ここまで */

.giftset_txt .giftset_price span.giftset_price_srfree {
  margin: 0;
}

.fs-body-about-shippingPayment #fs_anchor_custom1 {
  display: none;
}

/* 230720追記ここから */
.alphabet-exception {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
/* 230720追記ここまで */

/* 231011追記ここから */
.mailbin-linktext a {
  color: #728496;
}

.mailbin-imgbox img {
  width: 100%;
  height: auto;
}
/* 231011追記ここまで */