@charset "utf-8";

.btn_anchor {
  text-decoration: none;
}

.parts_anchor {
  display: block;
  text-decoration: none;
}

.parts_btn_wrap {
  overflow: hidden;
  position: relative;
}

.parts_btn {
  display: block;
  box-sizing: border-box;
  width: auto;
  min-width: 300px;
  max-width: 440px;
  margin: auto;
  padding: 12px;
  font-size: 14px;
  text-align: center;
  color: #45433e !important;
  border: 1px solid #d3d2cf;
  border-radius: 100px;
  cursor: pointer;
  background-color: #fff;
  font-family: '游ゴシック体',yugothic,'游ゴシック','Yu Gothic',YuGothic,'Hiragino Kaku Gothic ProN','Hiragino Sans','Noto Sans JP',sans-serif; /* edge用 */
}

.parts_btn:hover {
  background-color: #ececeb;
}

.parts_btn:disabled[disabled] {
  cursor: default;
}

/*START_220207LINEアカウント登録追加改修分 */
.l_btnLine {
  clear: left;
  display: inline-block;
  margin: 15px 0;
}
.btn_icon_line_regist {
    background-image: url(/shared/assets/img/login/logo_line.png);
    background-position: calc(16% - 12px) 50%,calc(100% - 9px) 50%;
    background-repeat: no-repeat;
    background-size: 30px,15px;
    border: 1px solid #00b900;
    background-color: #00b900;
    color: #fff !important;
    margin-top: 15px;
}
/*END_220207LINEアカウント登録追加改修分 */

.btn_fluct {
  font-size: 12px;
  width: auto;
  /* min-width: unset; */
  min-width: auto;
  max-width: none;
}

.btn_absolute {
  position: absolute;
}

.btn_icon_plus {
  background-image: url('/shared/assets/img/icon_btn_plus.png');
  background-position: 94% 50%;
  background-repeat: no-repeat;
  background-size: 10px;
}

.btn_icon_arrow {
  background-image: none;
  background-position: calc(100% - 6px) 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.btn_icon_xmark {
  background-image: url('/shared/assets/img/icon_btn_xmark.png');
  background-position: calc(100% - 7px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  color: #807f7d !important;
  border-color: #d3d2cf;
  padding: 6px 12px;
  padding-right: 24px;
}

.parts_btn.btn_fluct.btn_icon_xmark.borderNone {
  background-color: #fff;
}

.btn_icon_cart {
  background-image: url('/shared/assets/img/icon_btn_cart.png');
  background-position: calc(100% - 18px) 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  background-color: #45433e;
  color: #fff !important;
  border: 1px solid #d3d2cf;
}

.btn_icon_cart:hover {
  background-color: #615f5b;
}

.btn_icon_blank {
  background-image: url('/shared/assets/img/icon_link_window.png');
  background-position: calc(100% - 15px) 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  background-color: #fff;
  color: #45433e !important;
  border: 1px solid #d3d2cf;
}

.btn_icon_blank:hover {
  background-color: #ececeb;
}

.btn_icon_greyarw {
  background-image: none;
  background-position: calc(100% - 6px) 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #45433e !important;
  background-color: #fff;
  border: 1px solid #d3d2cf;
  padding: 6px 18px;
}

.btn_icon_greyarw:hover {
  background-color: #ececeb;
}

.btn_icon_tel {
  background-image: url('/shared/assets/img/icon_btn_receiver.png');
  background-position: 12px 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.btn_icon_heart {
  background-image: url('/shared/assets/img/icon_btn_heart.png');
  background-position: calc(100% - 6px) 50%;
  background-repeat: no-repeat;
  background-size: 12px;

  padding: 6px 12px;
  padding-right: 24px;
}

.btn_icon_back {
  background-image: none;
  background-color: #fff;
  background-position: 6px 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  color: #45433e !important;
  border: 1px solid #d3d2cf;
}

.btn_icon_back:hover {
  background-color: #f4f4f5;
}

.btn_important {
  color: #fff !important;
  border: 1px solid #45433e;
  background-color: #45433e;
  background-image: none;
  background-position: calc(100% - 9px) 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.btn_important:hover {
  background-color: #615f5b;
}

.btn_disable {
  color: #fff !important;
  border: 1px solid #807f7d;
  background-image: none !important;
  background-position: none;
  background-repeat: none;
  background-size: none;
  background-color: #807f7d;
  cursor: default;
  pointer-events: none;
}

.btn_icon_delete {
  background-image: none;
  padding: 6px 18px;
}

.moreshow::after {
  content: 'もっと見る';
}

.moreshow.opened::after {
  content: '閉じる';
}

.btn_icon_plus.opened {
  background-image: url('/shared/assets/img/icon_btn_minus.png');
}

.btn_inactive {
  color: #807f7d !important;
  border: 1px solid #807f7d;
  background-image: none;
  cursor: default;
}


/*  「商品カタログ」商品を探すエリア 202109
---------------------------------------------------------- */
.category_search_btn_area ul{
	padding: 14px 0 10px 10px !important;
}

.category_search_btn_area ul li{
	margin: 10px 5px !important;
	position: relative;
}

.category_search_btn_area ul li input[type='text']{
	padding: 11px 12px 10px 16px !important;
}

.category_search_btn_area ul li input[type='text']:focus {
	outline: none;
	border: 2px solid #45433e;
	border-radius: 100px;
}

.category_search_btn_area ul li .search_btn{
	display: block;
	box-sizing: border-box;
	width: auto;
	min-width: 300px;
	max-width: 440px;
	border: 2px solid #807f7d;
	border-radius: 100px;
}

.category_search_btn_area ul li .search_btn_icon{
	position: absolute;
	top: calc(50% - 9px);
	right: 10px;
	width: 18px;
}


.category_search_btn_area .jqTransformInputWrapper{
	background: none !important;
	height: auto !important;
}

.category_search_btn_area .jqTransformInputInner{
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
}

.category_search_btn_area div{
	height: auto !important;
}

.category_search_btn_area div input{
	font-size: 16px !important;
	height: 48px !important;
	margin: 0px !important;
}

.category_search_btn_area .category_search_btn {
	font-size: 16px;
	padding: 12px 12px 9px 12px;
}