/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */
 
/* --- Reset Start --- 
   --- 各ブラウザ間の表示を統一する為の記述です --- */

/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
   

body * {line-height:1.22em;}
/* body * {line-height:1.22em;} について */
/*
各フォントサイズ毎に行間を算出する指定です。
この指定を削除すると、全体の行間は統一される為、
見た目のレイアウトが変更される場合があります。
*/



/* --- Reset End --- */


body {
	font-family:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro','Verdana','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height:170%;
	background-color:#FFFFFF;
	color:#333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

img {
	 vertical-align:bottom;
	}

.bold {
	font-weight:bold;
	}

.cell_mar {
	margin: 0px 5px 0px 15px;
	}

a:link    { color:#eb5050;text-decoration:none;}
a:visited { color:#eb5050;text-decoration:none;}
a:active  { color:#eb5050;text-decoration:none;}
a:hover   { color:#ff7a21;text-decoration:none; }




/* ************************************************ 
 *	ヘッダーメニュー
 * ************************************************ */

#header {
	color:#ffffff;
	margin:20px 0px 10px;
	}

.title {
	width:960px;
	height:100px;
	color: #6d2916;
	font-size: 22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
	}

.title a {color: #6d2916;}
.title a:link    {color: #6d2916;text-decoration: none;}
.title a:visited {color: #6d2916;text-decoration: none;}
.title a:active  {color: #6d2916;text-decoration: none;}
.title a:hover   {color: #6d2916;text-decoration: none;}


/*ホーム・マイアカウント・お問合せリンク*/
.menu_1 {
	padding:0px;
	margin:0px;
	line-height:0em;
	text-align:right;
}
.menu_1 img{
	vertical-align:top;
}

a#linkHome,
a#linkMyAccount {
	margin-right:25px;
}

/* ************************************************ 
 *	左側メニュー
 * ************************************************ */


.sidemenu {
	width:170px;
	color:#333333;
	margin-bottom: 20px;
	}

.side_title {
	height:30px;
	background:transparent url(http://img.shop-pro.jp/tmpl_img/26/side_cat_title_bg.jpg) 0px 0px no-repeat;
	color:#6d2916;
	padding-left:15px;
	font-weight:bold;
	}

.side_text {
	background-color:#f9f4eb;
	padding:13px;
	}
	
.side_text ul li{
	padding-bottom:10px;
	}
	
.side_text ul li img{
	vertical-align:middle;
	}

.side_bottom {
	height:4px;
	background-color:#f9f4eb;
	background: url(http://img.shop-pro.jp/tmpl_img/26/side_bottom_bg.gif) no-repeat;
	}

.soldout-info {
 margin-top:25px;
}
.soldout-info p {
 line-height:1.6em;
}


/* ------------------------------------- 
 *	商品カテゴリｰエリア背景色
 * ------------------------------------- */

.side_cat_bg {
	width:170px;
	background:transparent url(http://img.shop-pro.jp/tmpl_img/26/side_cat_bg.gif) 0px 0px repeat-y;
	margin-bottom:25px;
	}

.side_cat_title {
	height:30px;
	background:transparent url(http://img.shop-pro.jp/tmpl_img/26/side_cat_title_bg.jpg) no-repeat;
	color:#6d2916;
	padding-left:15px;
	font-weight:bold;
	}

.side_cat_text {
	border-bottom:1px #dacdb9 solid;
	padding:10px 15px 10px 30px;
	background:transparent url(http://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 15px 13px;
	line-height:0px;
	}

.side_cat_bottom {
	height:18px;
	background: url(http://img.shop-pro.jp/tmpl_img/26/side_cat_bottom_bg.jpg) no-repeat;
	}

.side_cat_text a {color: #eb5050;}
.side_cat_text a:link    {color: #eb5050;text-decoration: none;}
.side_cat_text a:visited {color: #eb5050;text-decoration: none;}
.side_cat_text a:active  {color: #eb5050;text-decoration: none;}
.side_cat_text a:hover   {color: #ff7a21;text-decoration: none;}


/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	border-left: 3px solid #dacdb9;
	border-right: 3px solid #dacdb9;
	margin: 3px 0px 3px 0px;
	padding:0 5px;
	font-size:80%;
	}
	
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	padding-top:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

/* ------------------------------------- 
 *	会員専用ページ
 * ------------------------------------- */
#btn_members_login,
#btn_members_logout {
	text-align:center;
	}
#btn_members_signup {
	padding:7px 0px 0px;
	margin:10px 0px 0px;
	border-top:#dacdb9 dotted 1px;
	text-align:center;
	}
#btn_members_signup span,
#btn_members_logout span {
	display:block;
	font-size:10px;
	line-height:1.1em;
	padding-bottom:3px;
	text-align:center;
	}

/* ************************************************ 
 *	フッターメニュー
 * ************************************************ */

#footer {
	width: 960px;
	height: 100px;
	font-size:100%;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 15px;
	}

#menu_2 {
	text-align:left;
	margin-bottom: 5px;
	}

#copy {
	text-align:center;
	color:#333333;
	}

#footer a {color: #432A16;}
#footer a:link    {color: #432A16;text-decoration: none;}
#footer a:visited {color: #432A16;text-decoration: none;}
#footer a:active  {color: #432A16;text-decoration: none;}
#footer a:hover   {color: #7E5E44;text-decoration: none;}



/* ************************************************ 
 *	コンテンツ共通
 * ************************************************ */


.main_title {
	width:760px;
	height:30px;
	background: url(http://img.shop-pro.jp/tmpl_img/26/main_title_bg.jpg) no-repeat;
	color:#6d2916;
	margin-bottom:15px;
	font-weight:bold;
	}
	
.main_title td{
	padding-left:15px;
	}

.main_title td img{
	vertical-align:middle;
	}
	
/* ------------------------------------- 
 *	会員専用価格の表示　トップページ用
 * ------------------------------------- */
.regular_price_top {
	padding:0px;
	margin:0px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_top {
	padding:0px;
	margin:0px;
}

.discount_rate_top {
	padding:0px;
	margin:0px;
	color:#ff0000;
}

/* ************************************************ 
 *	TOPコンテンツ
 * ************************************************ */

/* ------------------------------------- 
 *	お知らせエリア
 *	箇条書きでお知らせを掲載する際にご利用ください
 *	※初期設定では適用されていません
 * ------------------------------------- */

.info_bg {
	background:transparent url(http://img.shop-pro.jp/tmpl_img/26/info_bg.jpg) 0px 0px repeat-y;
	padding:0px 0px 5px;
	width:565px;
	}

.info_title {
	background:transparent url(http://img.shop-pro.jp/tmpl_img/26/info_top_bg.jpg) 0px 0px no-repeat;
	color:#6d2916;
	font-weight:bold;
	padding:7px 15px;
	margin:0px;
	}

.info_text {
	color:#333333;
	padding:0px 15px;
	}
	
.info_text_bottom {
	margin-top:10px;
	}
	
.info_block {
	width:550px;
	margin:0px auto;
	padding:15px 0px 0px;
	background:#ffffff;
}
	
.info_bottom {
	background:transparent url(http://img.shop-pro.jp/tmpl_img/26/info_bottom_bg.jpg) 0px 0px no-repeat;
	height:5px;
	margin-bottom:20px;
	}

/* ------------------------------------- 
 *	フリースペース
 * ------------------------------------- */
.free_space {
	color:#333333;
	margin-bottom: 15px;
	}


/* ************************************************ 
 *	商品一覧　レイアウト
 * ************************************************ */


/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品一覧）
 * ------------------------------------- */
.sort_01 {
	width: 760px;
	height: 30px;
	color: #432A16;
	font-size:80%;
	background: url(http://img.shop-pro.jp/tmpl_img/26/sort_bg.gif) no-repeat;
	margin-bottom: 1px;
	}

.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
	color:#eb5050;
	text-decoration:none;
	}

.sort_01 a:active,
.sort_01 a:hover {
	color:#ff7a21;
	text-decoration:none;
	}

/* 会員専用価格の表示 商品一覧用 */
.regular_price_all {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
	margin:0px;
}

.price_all {
	padding:0px;
	margin:0px;
}

.discount_rate_all {
	padding:2px 0px 0px;
	color:#ff0000;
	margin:0px;
}


/* ------------------------------------- 
 *	一覧表示　並び順を変更(商品検索結果）
 * ------------------------------------- */

.sort_02 {
	width: 760px;
	height: 28px;
	color: #432A16;
	font-size:80%;
	background: url(http://img.shop-pro.jp/tmpl_img/26/sort_bg.gif) no-repeat;
	margin-bottom: 1px;
	}

.sort_02 a,
.sort_02 a:link,
.sort_02 a:visited {
	color:#eb5050;
	text-decoration:none;
	}

.sort_02 a:active,
.sort_02 a:hover {
	color:#ff7a21;
	text-decoration:none;
	}

/* 会員専用価格の表示 商品検索結果用 */
.regular_price_search {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
	margin:0px;
}

.price_search {
	padding:0px;
	margin:0px;
}

.discount_rate_search {
	padding:2px 0px 0px;
	color:#ff0000;
	margin:0px;
}


/* ------------------------------------- 
 *	一覧表示　商品数と表示数
 * ------------------------------------- */
.pagenavi {
	width: 760px;
	height: 30px;
	color: #432A16;
	font-size:80%;
	background: url(http://img.shop-pro.jp/tmpl_img/26/pagenavi_bg.gif) no-repeat;
	margin-bottom: 15px;
	}


/* ------------------------------------- 
 *	商品一覧表示のレイアウト
 * ------------------------------------- */

.product_list {
	float: left;
	width: 188px;
	text-align: center;
	padding:5px 0px 30px;
	}


.product_item {
	text-align:center;
	width:175px;
	margin:0px auto;
	}

.product_item img {
	padding: 4px;
	border: 1px #dacdb9 solid;
	}

.product_item .name {
	line-height: 120%;
	margin:10px 0px 0px;
	}
	
.product_item .name img{
	vertical-align:middle;
	}

.product_item .price {
	margin:5px 0px 0px;
	color: #333333;
	}

.product_item .expl {
	color: #999;
	font-size:80%;
	line-height:120%;
	text-align: left;
	margin:5px 0;
	}


.product_list a,
.product_list a:link,
.product_list a:visited {
	text-decoration:none;
	}

.product_list a:active,
.product_list a:hover {
	text-decoration:none;
	}

/* ------------------------------------- 
 *	最近チェックした商品
 * ------------------------------------- */
.checkitem_list {
	width:120px;
	padding:0 8px 0 12px;
	margin:0 0 10px 0;
	float:left;
	}

.checkitem .ci_img {
	width:90px;
	border: 1px solid #DACDB9;
	padding: 4px;
	margin-bottom:3px;
	}

/* ------------------------------------- 
 *	ぱんくずリスト
 * ------------------------------------- */

.footstamp {
	width: 760px;
	background:#F2F2F2;
	color: #333333;
	margin-bottom: 15px;
	padding:.5em;
	}

.footstamp a {color: #eb5050;}
.footstamp a:link    {color: #eb5050;text-decoration: none;}
.footstamp a:visited {color: #eb5050;text-decoration: none;}
.footstamp a:active  {color: #eb5050;text-decoration: none;}
.footstamp a:hover   {color: #ff7a21;text-decoration: none;}

.txt-f10 {
	font-size:10px;
}

.footstamp img {
	vertical-align:middle;
}

.footstamp .bg {
	}

.footstamp .bg .middle {
	margin: 0;
	padding: 5px 0 0 0;
	}

.footstamp .bg .middle .pankuzuline {
	margin:0;
	padding:0 15px 2px;
	}

.footstamp .bottom {
	width: 564px;
	height:5px;
	}

/* ------------------------------------- 
 *	商品が無い時の表示
 * ------------------------------------- */
.nodata {
	width: 90%;
	padding-top: 20px;
	text-align: center;
	margin-bottom:40px;
	}

/* ************************************************ 
 *	商品詳細　レイアウト
 * ************************************************ */

#detail {
	text-align:center;
	color:#333333;
	}

#detail .expl {
	line-height:1.67;
	text-align: left;
	font-size:130%;
	margin-bottom:2em;
	color: #666;
	font-weight: normal;
	}

#detail .main_img {
	padding:.3em;
	border-bottom: 1px solid #DEDEDE;
	border-top:1px solid #DEDEDE;
	margin-bottom:4em;
	}

#detail .sub {
	float: left;
	width: 188px;
	text-align: center;
	}

#detail .sub img {
	width: 160px;
	}

#detail .table {
	width: 760px;
	text-align:left;
	margin:20px auto 10px;
	}
	
#detail .table td {padding-left:.5em;}

#detail .table .cell_1 {
	width: 200px;
	height: 40px;
	color: #444;
	background:#DEDEDE;
	font-weight:bold;
	border-right: 1px #ffffff solid;
	border-bottom:1px #ffffff solid;
	}

#detail .table .cell_2 {
	color: #666;
	background: #F2F2F2;
	border-bottom:1px #ffffff solid;
	}



/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:center;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}

/* 会員専用価格の表示 商品詳細用 */	
.regular_price_detail {
	padding:5px 0px 0px;
	margin:0px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
	margin:0px;
	color:#00B22C;
	font-weight:bold;
	font-size:130%;
}

.discount_rate_detail {
	padding:0px 0px 5px;
	margin:0px;
	color:#00B22C;
}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */

#together {
	margin: 0px 10px 0px 10px;
	}

#together .tog_main_title {
	font-weight:bold;
	margin:30px 0px 5px;
	color:#6d2916;
	padding:5px 10px;
	background:#f9f4eb;
	}

#together .together_list {
	margin:10px 3px 10px 3px;
	float:left;
	width: 170px;
	text-align:center;
	}

#together img {
	padding: 4px;
	border: 1px #dacdb9 solid;
	}

/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

#trackback {
	margin: 0px 10px 20px 10px;

	}

#trackback .tb_main_title {
	font-weight:bold;
	margin:30px 0px 5px;
	color:#6d2916;
	}


#trackback .tb_url {
	font-size:11px;
	padding:10px 13px;
	background:#f9f4eb;
	color:#6d2916;
	}

#trackback .tb {
	margin:0px 0px 5px;
	border:1px solid #dacdb9;
	}

#trackback .tb_date {
	font-size:80%;
	padding: 10px 10px 10px 10px;
	}

#trackback .tb_title {
	padding: 0px 10px 10px 10px;
	color:#6d2916;
	}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #dacdb9;
	border-bottom: 1px dotted #dacdb9;
	}

#trackback .tb_state {
	padding: 5px 10px 5px 10px;
	}




/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */
#Option .option_table {
	width: 760px;
	margin-bottom:5px;
	border-left: 1px solid #dacdb9;
	border-top: 1px solid #dacdb9;
	}

#Option .option_cell1 {
	font-size: 11px;
	text-align:left;
	font-weight:normal;
	padding:5px;
	border-right: 1px solid #dacdb9;
	border-bottom: 1px solid #dacdb9;
	padding-left: 6px;
	}

#Option .option_cell2 {
	font-size:80%;
	text-align:left;
	padding:5px;
	border-right: 1px solid #dacdb9;
	border-bottom: 1px solid #dacdb9;
	background-color:#FFFFFF;
	padding: 2px 6px 2px 6px;
	}

#Option .option_cell3 {
	font-size:80%;
	text-align:left;
	padding:5px;
	border-right: 1px solid #dacdb9;
	border-bottom: 1px solid #dacdb9;
	background-color:#FFFFFF;
	padding: 2px 10px 2px 6px;
	}

/* 会員専用価格の表示 オプション用 */
.regular_price_stock {
	padding:0px;
	margin:0px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_stock {
	padding:0px;
	margin:0px;
}

.discount_rate_stock {
	padding:0px;
	margin:0px;
	color:#ff0000;
}

/* ************************************************ 
 *	特定商取引法・お支払い方法・配送設定について
 * ************************************************ */
.payment_img {
	width:30px;
	height:30px;
	margin:3px;
}

#ShopKeeper {
	width: 760px;
	color:#333333;
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}


#ShopKeeper th {
	width: 160px;
	padding:10px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 80%;
	font-weight: normal;
	text-align:left;
	}

#ShopKeeper td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:10px;
	text-align:left;
	}
	
#ShopKeeper td table th,
#ShopKeeper td table td,
#ShopKeeper td table,
#ShopKeeper td table {
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:none;
	}
	
#ShopKeeper th img,
#ShopKeeper td img {
	vertical-align:middle;
	}
	
/* 検索結果 */
.txt-search {
	padding:5px 10px;
	background:#f6eddf;
	border-bottom:#ffffff solid 1px;
	}

.txt-hitNum {
	margin-bottom:15px;
	padding:5px 10px;
	background:#f6eddf;
	}

.txt-search strong,
.txt-hitNum strong {
	color:#6d2916;
	font-weight:bold;
	}

/* オプションリンク */
.txt-optionLink {
	margin-bottom:15px;
	font-weight:bold;
	padding:1em;
}

ul.product-linkList  {
	margin:4em 0 4em 0;
}
ul.product-linkList li {
	display:inline;margin-right:1em;
}

/* ************************************************ 
 *	プライバシーポリシー
 * ************************************************ */

#PrivacyExplain {
	color:#333333;
	margin-bottom: 15px;
	}

.pe_title {
	color: #432A16;
	border-top: 1px solid #dacdb9;
	padding-top: 15px;
	}

.pe_note {
	line-height: 150%;
	margin:5px 5px 20px 30px;
	}


/*---fix---*/
#side h2 {margin-bottom: 1em;}
#side h3 {padding:1em 0;border-bottom: 1px solid #DEDEDE;font-size:130%;}
.category-list li {padding:.5em 0 .5em 2em;font-size:120%;}
.search-area {margin-top:2em;}
ul.p-list {width:860px;overflow: hidden;}
.p-list li {width:360px;float:left;margin-right:32px;margin-bottom:2em;font-family: serif;border:1px solid #DEDEDE;padding:1px;padding-bottom:8px;}

.p-list h3 {font-size:130%;margin:.3em 0;text-align:center;}
.p-list p {line-height:1.6em;margin:0;padding:0;margin-bottom: 1em;}
.p-list .price {background: #F2F2F2;text-align: center;font-size:150%;color:#00B22D;padding:.4em 0;margin-bottom: .4em;}
.p-list .price span {font-size: 70%;color:#777;}
.p-list .dbtn {text-align: center;}

#footer {border-top:1px solid #DEDEDE;padding-top:30px;margin-top:30px;}
#footer ul li {display:inline;margin-right:20px;}
.cr {position:absolute;top:20px;right:20px;text-align:right;}


.choice3  {
width:800px;
overflow:hidden;
}
.choice3  li {
width:245px;
float:left;
margin-right:12px;
text-align:center;
}
.choice3 h4 {
font-size:140%;
font-weight:bold;
margin:1em 0;
}
.choice3 .bgn-price {
font-size:160%;
font-weight:bold;
color:#008600;
}
.point5 h4 {
font-size:160%;color:#E11800;
}
.point5 p {
line-height:1.5em;
font-size:110%;
}
.point5>div {
margin:1em 0;
height:130px;
}
.point5 span{
clear:both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* アコーディオン */
.accordion ul {
	list-style: none;
	margin:0;
}
.accordion ul li {
	font-size:100% !important;
   padding-left:.5em !important;
}
.accordion {
    padding: 1em 0;
    border-bottom: 1px solid #DEDEDE;
    font-size: 130%;
}
.accordion label {
  color:#eb5050;
}
label{
	cursor: pointer;
}
.toggle{
	display: none;
}
.toggle + ul{
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease-out;
}
.toggle:checked + ul{
	max-height: 999px;
	transition: all .5s ease-in;
}

/* 20240612 ナビゲーション追加 */
.sale-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #333333;
  font-size: 16px;
  border-radius: 5px;
  padding:1em 0;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
  background-color: #fbc02dff;
  color:#000 !important;
}

.sale-btn::before, .sale-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #333;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.sale-btn::before {
  transform: translateY(-50%) rotate(30deg);
}

.sale-btn::after {
  transform: translateY(-50%) rotate(-30deg);
}

.sale-btn:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
}

.sale-btn:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
}

/* 20240612 ナビゲーション追加 */
.sale-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #333333;
  font-size: 16px;
  border-radius: 5px;
  padding:1em 0;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
  background-color: #fbc02dff;
  color:#000 !important;
}

.sale-btn::before, .sale-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #333;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.sale-btn::before {
  transform: translateY(-50%) rotate(30deg);
}

.sale-btn::after {
  transform: translateY(-50%) rotate(-30deg);
}

.sale-btn:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
}

.sale-btn:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
}

.beginer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  border-radius: 5px;
  padding:1em 0;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
  background-color: #68ee90;
  color:#000 !important;
}

.beginer-btn::before, .beginer-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #333;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.beginer-btn::before {
  transform: translateY(-50%) rotate(30deg);
}

.beginer-btn::after {
  transform: translateY(-50%) rotate(-30deg);
}

.beginer-btn:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
}

.beginer-btn:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
}

.outlet-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  border-radius: 5px;
  padding:1em 0;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
  background-color: #7cb7f7;
  color:#000 !important;
}
.outlet-btn::before, .outlet-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #333;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.outlet-btn::before {
  transform: translateY(-50%) rotate(30deg);
}

.outlet-btn::after {
  transform: translateY(-50%) rotate(-30deg);
}

.outlet-btn:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
}

.outlet-btn:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
}

.special-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  border-radius: 5px;
  padding:1em 0;
  font-weight: bold;
  position: relative;
  transition: 0.3s;
  background-color: #e46729;
  color:#000 !important;
}
.special-btn::before, .special-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform-origin: 100% 50%;
  height: 1px;
  width: 11px;
  background-color: #333;
  border-radius: 2px;
  will-change: transform;
  transition: .3s;
}

.special-btn::before {
  transform: translateY(-50%) rotate(30deg);
}

.special-btn::after {
  transform: translateY(-50%) rotate(-30deg);
}

.special-btn:hover::before {
  transform: translate(5px, -50%) rotate(30deg);
}

.special-btn:hover::after {
  transform: translate(5px, -50%) rotate(-30deg);
}