/* 共通設定
 * ******************************************** */

.wrapper { width: 1200px; margin: 0 auto;}

/* --- 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,p {margin:0px; padding:0px;}
table {border-collapse:collapse; border-spacing:0px;}
fieldset,img {border:0px;}
ol,ul {}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0px;}
em { font-style: normal; }

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

.clear { clear: both; }

.dbox .line { border: 1px solid #ccc}
.dbox,.dbox .line  { margin: 0 auto; text-align: center}

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif; line-height:170%; margin:0px; padding:0px; text-align:center; font-size:90%; color:#333333 }

img {	 vertical-align:bottom;	}
.bold {	font-weight:bold;	}
.cell_mar {	margin:0px 5px 0px 15px;	}

a:link    {color:#1278DE;text-decoration:underline;}
a:visited {color:#1278DE;text-decoration:underline;}
a:active  {color:#FE7901;text-decoration:underline;}
a:hover   {color:#FE7901;text-decoration:underline;}

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

/* 明朝に変換 */
.mintyo { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

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

#header { margin:0px 0px 15px 0px; padding-top: 8px; }
#header .headtitle { height: 90px; background: url(https://img02.shop-pro.jp/PA01009/062/etc_base64/SU1HXzAzNzI.jpeg?cmsp_timestamp=20241104011219) 0px -10px no-repeat; }
.headurl { text-align: left; margin-bottom: 5px; }

#header h1 { padding-left: 85px; font-size: 28px; font-weight:600; text-align: left; line-height: 100%; }
.headtitle { width: 600px; float:left }
#header .headtitle h1 a { text-decoration: none; color: #111 }
.headlabel { font-size: 26px; color: #075; }

.title {width:1200px;height:130px;font-weight:bold;text-align:center;margin-bottom:15px;color:#333333;font-size:16pt;}

.headright { float: right }

.headaccess { line-height: 100%; text-align: center; width: 214px; padding: 14px 14px 14px 14px; border: 1px solid #A3D16E; color: #1Ca500; border-radius: 7px; background: repeating-linear-gradient(135deg,#E2EED6,#E2EED6 7px,#fff 0,#fff 14px);}
.headaccess a { line-height: 100%; text-decoration: none; color: red }
.headaccess div { font-weight: 600; }
.hrmemo1 { text-align: left; line-height: 100%; padding-bottom: 5px; font-size:14px; }
.hrmemo2 { text-align: right; line-height: 100%; padding-top: 5px; font-size:14px }
.hrmemo2 a { text-decoration:none; color:#f00; font-size:130%;}

.tnwrap {  }
.topnavi { list-style: none; margin-bottom: 15px; float: left; }
.topnavi li { float: left; }
.topnavi li:hover img{ opacity: 0.6;  transition-duration: 0.3s;}
.cartnavi { padding-left: 12px; }
.shoplinknavi { padding-left: 12px; }

.shop_navi { background-color:#3CD500; font-size:13px; line-height:100%; margin: 0 5px 0 15px; height: 39px; border: 1px solid #0ca500; border-radius: 4px; color:#fff; padding: 10px 11px; line-height: 100%; font-weight:600; box-shadow: 0px 1px 2px 0px #aaa; }

.shop_navi { background: -moz-linear-gradient(top, #3CD500, #2Cc500);
  background: -webkit-linear-gradient(top, #3CD500, #2Cc500);
  background: linear-gradient(to bottom, #3CD500, #2Cc500); }

.shop_navi span { display: block; margin: 3px 0; }
.shop_navi a { color: #fff; text-decoration: none; }
.title a         {color:#1278DE;}
.title a:link    {color:#1278DE; text-decoration:none;}
.title a:visited {color:#1278DE; text-decoration:none;}
.title a:active  {color:#FE7901; text-decoration:none;}
.title a:hover   {color:#FE7901; text-decoration:none;}

#gbn9_form {padding: 5px 0 0 20px; width: 220px; float: right; }
.gbn9_form_select {width:206px;margin-bottom:5px;}
.gbn9_form_input {width:140px;margin-right:5px;  }

.menu_1 {	width:1200px;	height:150px;	padding:0px 15px 0px 0px;
	margin:0px;	line-height:0em;	text-align:right;	font-size:10px;	}
	
.menu_1 img{	vertical-align:top;	}

.menu_1 a         {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:link    {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:visited {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:active  {color:#FFFFFF; text-decoration:underline;}
.menu_1 a:hover   {color:#FFFFFF; text-decoration:underline;}

#linkSpacer{ margin:0px 5px 0px 5px; }

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

.sideleft { width: 315px; float: left; text-align: left; }

.side_title { background: #f0f0f0; border-top-left-radius: 6px; border-top-right-radius: 6px; text-align: center; font-weight: 600; letter-spacing: 2px; font-size: 15px; width:265px; height:33px; margin-bottom:10px; background: #e5e5e5 }
.side_ctitle { }

/* *** カテゴリータイトル *** */
.catetitle1,.sellertitle,.recommendtitle,.membertitle{ background: #e5e5e5; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; }
.catetitle2 { border: 1px dotted #e5e5e5; padding: 4px 0 4px 10px; font-weight: 600; background: #f9f9f9; color: #555; }
.membertitle{ margin-bottom: 13px } 

/* メーカー別タイトル */
.makerbetsu { padding-top: 5px; padding-bottom: 5px; font-weight:600; letter-spacing: 0.2em; font-size:14px;}

/* *** カテゴリー基本設定 *** */
.catemenu,.sellersbox,.recommendbox { border: 1px solid #e5e5e5; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 28px 0; }
.catemenu li { list-style: none; border-bottom: 1px solid #e5e5e5; padding: 6px 10px 7px 22px; 
background:transparent url(https://img.shop-pro.jp/tmpl_img/61/rs_m_rect.gif) 10px 11px no-repeat; line-height: 130%; }
.catemenu li:last-child { list-style: none; }

.sellersbox,.recommendbox { width: 315px; border: 1px solid #e5e5e5; }
.sellersbox ul,.recommendbox ul { padding: 15px }
.sellersbox li,.recommendbox li { list-style: none; padding: 5px 0; }

/* *** デフォルトのサイドCSS *** */
table.sidemenu { margin-bottom:25px; }

.side_text_members,
.side_text_cart { display:block;text-align:center;padding-top:10px; }
.side_text ul li{padding-bottom:10px;}
	
.side_text ul li img{ vertical-align:middle; }
	
.side_cat_bottom { width:290px; height:2px;	}

.side_bottom { display:block; width:315px; height:2px; background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/61/left-navi_bg03.gif) 0px 0px no-repeat; }
	
.st_contents { overflow:hidden; width:290px; text-align:left; }

.side_text a         {color:#1278DE; text-decoration:underline;}
.side_text a:link    {color:#1278DE; text-decoration:underline;}
.side_text a:visited {color:#1278DE; text-decoration:underline;}
.side_text a:active  {color:#FE7901; text-decoration:underline;}
.side_text a:hover   {color:#FE7901; text-decoration:underline;}


/*background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/61/left-navi_bg.gif) 0px 0px repeat-y;*/

.side_text {text-align:center;padding:5px 10px;	line-height:1.2em;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}

/* *** 店長のコーナー *** */
.tensyu_table { margin: 20px auto; padding-bottom: 20px; }
.tensyu_image { margin: 0 auto; text-align: center; padding-top:10px;}
.tensyu_image p { padding-top: 10px;padding-bottom: 8px; }
.tensyu_name { text-align:left; }
.tensyu_url { padding: 10px 0 20px 0; }

/*	商品カテゴリｰエリア背景色 デフォルト
 * ------------------------------------- */

.side_cat_bg { margin-bottom:25px; 	}

.side_cat_text { width:315px; background:#E5E5E5; border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.side_cat_text_group {width:315px;background:#FFFFFF;overflow:hidden;}

/*background:#FFFFFF url(https://img.shop-pro.jp/tmpl_img/61/left-navi_bg.gif) 0px 0px repeat-y;*/
.side_cat_text .st_contents {background:#FFFFFF}
.side_cat_text_group .st_contents {	border-top:1px #e6e6e6 dotted;}
.side_cat_text .st_contents,.side_cat_text_group .st_contents{ padding:10px; }

/* 三角マーク */
.side_cat_text .st_contents a,
.side_cat_text_group .st_contents a { font-size: 14px; line-height: 150%; background:transparent url(https://img.shop-pro.jp/tmpl_img/61/rs_m_rect.gif) 0px 3px no-repeat; padding-left: 15px }
	
.side_cat_img {	padding:10px 0px 0px;}

.side_cat_text a,.side_cat_text_group a                 {color:#1278DE; text-decoration:underline;}
.side_cat_text a:link ,.side_cat_text_group a:link      {color:#1278DE; text-decoration:underline;}
.side_cat_text a:visited,.side_cat_text_group a:visited {color:#1278DE; text-decoration:underline;}
.side_cat_text a:active,.side_cat_text_group a:active   {color:#FE7901; text-decoration:underline;}
.side_cat_text a:hover,.side_cat_text_group a:hover     {color:#FE7901; text-decoration:underline;}

/* カートの中 - 商品名・価格ボタン色/枠線色
--------------------------------------------- */
.cartarea { text-align: center }
.cart_item { width:280px; overflow:hidden; margin:15px auto 20px auto; padding: 15px; font-size:10px; border:1px solid #DDDDDD; border-radius: 5px; }
.incart_name { font-size:10px; text-align:left;}
.subtotal {	padding:5px 0;}
.stotal { text-align:right;}
.total { padding:5px 0;border-top:1px dotted #C3C3C3;text-align:right;margin:0; } 
.postage { border-top:1px solid #C3C3C3; border-bottom:1px solid #C3C3C3; padding:5px 0;}
.postage li { list-style: none; margin:5px 0; color:red; text-align:left; }

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

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

.member_hello { display:block; padding: 5px 0 10px 0; }

/* 商品検索
------------------------------------------ */
.side_form_select {	width:315px;	margin-bottom:5px;	}
.side_form_input {	width:120px;	margin-right:5px;	}

/* フッターメニュー
****************************************** */
#footer #copy{ clear: both;
	border-top:1px #e6e6e6 solid;	width:1200px;	text-align:center;	padding-top:20px;
	margin:30px 0px;	color:#E6E6E6;	}
	
#footer .calamel_logo {	width: 1200px;	text-align:center;}

#footer a         {color:#1278DE; text-decoration:underline;}
#footer a:link    {color:#1278DE; text-decoration:underline;}
#footer a:visited {color:#1278DE; text-decoration:underline;}
#footer a:active  {color:#FE7901; text-decoration:underline;}
#footer a:hover   {color:#FE7901; text-decoration:underline;}


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

.main_title { width:821px; height: 33px; margin-bottom:25px; background: #e5e5e5; }
.mainright { width: 821px; float: right; text-align: left; }
	
/* 会員専用価格の表示　トップページ用
 * ------------------------------------- */
.regular_price_top { padding:0px; margin:0px; text-decoration:line-through; color:#999999; }
.price_top { padding:0px; margin:0px; font-size:14px; color:#ff0000; }
.discount_rate_top { padding:0px; margin:0px; color:#333333; }
	
.common_image img{ margin-bottom:15px; display:block; }
	
/*	コンテンツ下部 決済・配送方法指定
 * ------------------------------------- */
#shop_info {margin-top:60px;}
#shop_info_pay .tit,#shop_info_deli .tit {}
#shop_info .cont {}

#shop_info_pay {background:transparent url(https://img.shop-pro.jp/tmpl_img/61/shop_info_pay_bg.gif) 0px 0px repeat-y;}
#shop_info_deli {background:transparent url(https://img.shop-pro.jp/tmpl_img/61/shop_info_deli_bg.gif) 0px 0px repeat-y;}
#shop_info_sct_img {margin-top:20px;}

#right_pay_deli_bg {
	height:2px;	background:transparent url(https://img.shop-pro.jp/tmpl_img/61/right-pay_deli_bg.gif) 0px 0px no-repeat;width:806px;}

/* 買い物方法 2020修正 
************************************************** */

.ptit { padding-bottom: 15px; }  

.paybox { width: 821px; margin-top: 30px; line-height: 150%}
/* トップのメッセージ */
.paytopbox { border-radius: 5px; border: 1px solid #ddd; padding: 15px 12px; margin-bottom: 20px;}
.paytop { border-collapse: collapse; }
.paytop th { vertical-align: top; font-weight:600;font-size: 13px; color: #d55; width: 10%; 
 }
.paytop th p { background-color: #d55; width:fit-content; border-radius: 5px; color:#fff; padding: 5px 8px; margin-top: 4px;}
.paytop td p { line-height: 140%; }
.paytop td { vertical-align: top; font-size: 13px; color: #222; }
.paytop td p { padding: 3px 0; }
.payright { width: 365px; float: left; border: 1px solid #e7e7e7; padding: 15px; border-radius: 8px; }
.payleft { width: 365px; float: right; border: 1px solid #e7e7e7; padding: 15px; border-radius: 8px; }

.paytitle { background: #e7e7e7; margin: 18px 0 10px 0; font-weight: bold; padding: 3px 0 3px 12px; }
.pbox { margin-bottom: 8px; line-height: 160%; padding: 10px 0; }
.pbox ul li { list-style: disc; margin: 0 0 0 18px;  line-height: 150% }
.pbox ol li { margin: 0 0 0 18px; line-height: 150% }
.pbox p { line-height: 150% }
.payimg { }
.payimages { margin: 12px 0;  }
.payyakusou li { margin-left: 20px; line-height: 160%;}

.ypaytitle { font-weight:500; color: #05c; margin: 18px 0 12px 0; font-size: 110%; margin: 18px 0 10px 0; }

.pminibox { border-collapse: collapse; margin: 15px 0; }
.pminibox th  { padding: 3px 5px; border: 1px solid #ccc; } 
.pminibox td  { padding: 3px 5px; border: 1px solid #ccc; } 

.lminibox { border: 2px solid #d22; color: #d22; padding: 10px 15px; margin: 25px }
.lpminiimage { margin: 15px 0; }

.payminititle { font-weight: 600; margin: 15px 0; }

.tousyashitei_image { font-weight: 600; font-size: 16px; }
.tit { font-size: 15px; font-weight:600; }
.minisouryou1,.minisouryou2,.tesuuryoum { border-collapse: collapse; margin: 15px 0; font-size: 80%; width: 100%; }
.minisouryou1 th { padding: 4px 3px 3px 3px; border: 1px solid #bbb; }
.minisouryou1 td { padding: 4px 3px 3px 3px; border: 1px solid #bbb; }
.minisouryou2 th,.tesuuryoum th { padding: 4px 5px 3px 5px; border: 1px solid #bbb; }
.minisouryou2 td,.tesuuryoum td { padding: 4px 5px 3px 5px; border: 1px solid #bbb; }	
.tstt { background-color: #f2f2f2; color: #333; }	
.t0s { color: #075; }
.gy0,.gy1,.gy2,.gy3,.gy4,.gy5,.gy6 { background-color: #f2f2f2; color: #333; }
.gy0 {  }
.gy1 { width: 13%; text-align: right; }
.gy2 { width: 13%; text-align: right; }
.gy3 { width: 13%; text-align: right; }
.gy4 { width: 13%; text-align: right; }
.gy5 { width: 13%; text-align: right; }
.gy6 { width: 13%; text-align: right; }
.mrx { font-size: 110%; color: #C24A2D; text-align: right; line-height: 100%; }
	
.sy0,.sy1,.sy2,.sy3 { background-color: #f2f2f2; color: #333; }
.sy1,.sy2,.sy3 { text-align: right; }	
	
.dminibox { margin: 10px 0; padding: 5px 10px; border: 1px dotted gray }
.usuihai { color: #aaf; }


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

/* フリースペース
 * ------------------------------------- */
.free_space { text-align:left; color:#333333; }

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

.footstamp { width:821px; color:#333333; margin-bottom:15px; }

.footstamp a         {color:#1278DE; text-decoration:underline;}
.footstamp a:link    {color:#1278DE; text-decoration:underline;}
.footstamp a:visited {color:#1278DE; text-decoration:underline;}
.footstamp a:active  {color:#FE7901; text-decoration:underline;}
.footstamp a:hover   {color:#FE7901; text-decoration:underline;}

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

.footstamp img { vertical-align:middle; }

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

/* 最近チェックした商品 */

.ci_main_title {
	border-bottom: 5px solid #ABABAB;
	font-weight: bolder;margin: 30px 0 20px;padding-bottom: 5px;text-align: left;}

.checkitem_list {	float:left;	margin: 15px 0;	padding: 0 6px 0 9px;	width: 120px; 	}
.checkitem_list .name { font-size: 80%; }
.checkitem .price {	font-weight:bold;	}
.ckitemwrap { min-height: 100px; }

.checkitem .ci_img {	margin-bottom:3px; }

.checkbox { width: 821px;  }



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

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

.pe_title { padding-top:15px; color:#333333; border-top:1px solid #DDDDDD; }

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

/* float解除
* ************************************************ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }
	
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
	
.clearfix { display: block }
/* End hide from IE-mac */

/* 商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 10px;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero { color:red; }

/* temp */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray { background-color: #f1f1f1 }

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) { /* ~980px */
  #base_gmoWrapp, #gmo_CMSPbar { overflow: hidden; min-width: 100% !important; width: 100% !important; }
}
@media (max-width: 768px) { /* ~768px */
  #contents { padding-left: 0; }
}
@media (max-width: 480px) { /* ~480px */ }

/* icons */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }

.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,.icon-w { width: 16px; height: 16px; display: inline-block; *display: inline; *zoom: 1; }
.icon-lg-b,.icon-lg-w {
  width: 24px; height: 24px; display: inline-block;
  *display: inline; *zoom: 1;}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

/* カラーチャート
************************************************************************* */

/* 基本カラー */

.blue  { color: #05c; }
.red   { color: #f32; }
.pink  { color: #fe7caf; }
.purple { color: #880088; }
.green { color: #028760; }
.yellow { color: #ffdc00; }
.orange { color: #f08300 }
.sky  { color: #44a1fc; }
.black { color: #000; }

.kon   { color: #223a70; }
.ao  { color: #0056D3; } 
.aka { color: #f72737; }

.wakaba { color: #83CA18; }
.sakura { color: #FA9DB2; }
.sora   { color: #76B4FF; }
.fuji { color: #D285DD; }
.ruri { color: #0040BE; }
.hisui { color: #38b48b; }
.usuao { color: #9AAAFD }
/* 2012 Newcolor */

.umi { color: #003C8B; }
.umix { color: #003C8B; font-weight: 600; }
.mori { color: #005E38; }
.morix { color: #005E38; font-weight: 600; }
.ayame { color: #880088; }
.ayamex { color: #880088; font-weight: 600; }
.sumire { color: #5400A4; }
.sumirex { color: #5400A4; font-weight: 600; }
.enji { color: #A40000; }
.enjix { color: #A40000; font-weight: 600; }
.botan { color: #C7006A; }
.botanx { color: #C7006A; font-weight: 600; }



/* 和色　基本カラー */

.ukon            { color: #fabf14; }
.azuki { color: #B93E3E; }
.hiiro { color: #F87962; }
.akane { color: #CC3300 }
.syu { color: #ea5532; }
.daidai { color: #f68300; }
.mikan           { color: #f08300; }
.momo            { color: #f09199; }
.bara            { color: #e9546b; }
.nadeshiko       { color: #eebbcb; }
.sango        { color: #ea5550; }
.beni           { color: #C81C00; }

.mizuiro { color: #3E8AD7; }

.usumidori { color: #90DE84; }
.seiji { color: #7ebea5; }
.wakakusa { color: #B8CB57; }
.kimidori { color: #B8D200; }
.moegi { color: #016836; }
.midori { color: #00a968; }
.fukamidori  { color: #007b43; }
.gunjou  { color: #4C6CB3; }
.asagi  { color: #00a3af; }
.aomidori { color: #277A95; }
.ai { color: #0D5C9A; }
.aomurasaki    { color: #434da2; }
.murasaki { color: #9960d3; }
.amairo          { color: #2ca9e1; }
.awamidori  { color: #4DAAC0 }
.seidou { color: #67A387 }
.camel { color: #BC611E }
.nezumi { color: #949495; }
.sumi { color: #595857 }

/* 洋色　基本カラー */

.babygreen { color: #F0FAD8; } 
.babyblue { color: #F2F9FB }

.teagreen { color: #5B9B30 }
.rose            { color: #e72f43; } 
.brown           { color: #9F561F; }
.caramel         { color: #bc611e; }
.mossgreen       { color: #777e41; }
.indigo          { color: #043c78; }
.mauve           { color: #915da3; }
.iris            { color: #c7a5cc; }
.lilac           { color: #d1bada; }
.crimson         { color: #dc143c; }
.carmine         { color: #d70035; }
.ruby            { color: #c70067; }
.cosmos          { color: #dc6b9a; }
.silver          { color: #c9caca; }
.gray            { color: #7d7d7d; }
.charcoal        { color: #4e454a; }




/* 基本カラーの太字 */

.bluex  { color: #05c; font-weight: 600; }
.redx   { color: #f32; font-weight: 600; }
.pinkx  { color: #fe7caf; font-weight: 600; }
.purplex { color: #880088; font-weight: 600; }
.greenx { color: #028760; font-weight: 600; }
.yellowx { color: #ffdc00; font-weight: 600; }
.orangex { color: #f08300 }
.skyx  { color: #44a1fc; font-weight: 600; }

.konx   { color: #223a70; font-weight: 600; }
.aox  { color: #0056D3; font-weight: 600; } 
.akax { color: #f72737; font-weight: 600; }

.sakurax { color: #FA9DB2; font-weight: 600; }
.fujix { color: #D285DD; font-weight: 600; }
.rurix { color: #0040BE; font-weight: 600; }
.hisuix { color: #38b48b; font-weight: 600; }

/* 和色　基本カラー */

.ukonx            { color: #fabf14; font-weight: 600; }
.azukix { color: #B93E3E; font-weight: 600; }
.hiirox { color: #F87962; font-weight: 600; }
.akanex { color: #CC3300 }
.syux { color: #ea5532; font-weight: 600; }
.daidaix { color: #f68300; font-weight: 600; }
.mikanx           { color: #f08300; font-weight: 600; }
.momox            { color: #f09199; font-weight: 600; }
.barax            { color: #e9546b; font-weight: 600; }
.nadeshikox       { color: #eebbcb; font-weight: 600; }
.sangox        { color: #ea5550; font-weight: 600; }
.benix           { color: #C81C00; font-weight: 600; }

.usumidorix { color: #90DE84; font-weight: 600; }
.seijix { color: #7ebea5; font-weight: 600; }
.wakabax { color: #83CA18; font-weight: 600; }
.wakakusax { color: #B8CB57; font-weight: 600; }
.kimidorix { color: #B8D200; font-weight: 600; }
.moegix { color: #00885a; font-weight: 600; }
.midorix { color: #00a968; font-weight: 600; }
.fukamidorix  { color: #007b43; font-weight: 600; }
.gunjoux  { color: #4C6CB3; font-weight: 600; }
.asagix  { color: #00a3af; font-weight: 600; }
.aomidorix { color: #277A95; font-weight: 600; }
.aix { color: #0D5C9A; font-weight: 600; }
.aomurasakix    { color: #434da2; font-weight: 600; }
.murasakix { color: #9960d3; font-weight: 600; }
.amairox          { color: #2ca9e1; font-weight: 600; }
.sorax         { color: #76B4FF; font-weight: 600; }
.awamidorix  { color: #4DAAC0 }
.seidoux { color: #67A387 }

.nezumix { color: #949495; font-weight: 600; }
.sumix { color: #595857 }

/* 洋色　基本カラー */

.babygreenx { color: #F0FAD8; font-weight: 600; } 
.babybluex { color: #F2F9FB }

.teagreenx { color: #5B9B30 }
.rosex            { color: #e72f43; font-weight: 600; } 
.brownx           { color: #9F561F; font-weight: 600; }
.caramelx         { color: #bc611e; font-weight: 600; }
.mossgreenx       { color: #777e41; font-weight: 600; }
.indigox          { color: #043c78; font-weight: 600; }
.mauvex           { color: #915da3; font-weight: 600; }
.irisx            { color: #c7a5cc; font-weight: 600; }
.lilacx           { color: #d1bada; font-weight: 600; }
.crimsonx         { color: #dc143c; font-weight: 600; }
.carminex         { color: #d70035; font-weight: 600; }
.rubyx            { color: #c70067; font-weight: 600; }
.cosmosx          { color: #dc6b9a; font-weight: 600; }
.silverx          { color: #c9caca; font-weight: 600; }
.grayx            { color: #7d7d7d; font-weight: 600; }
.charcoalx        { color: #4e454a; font-weight: 600; }

.price_top { font-weight: 500 }
.phoneview p { border: 1px solid #666; line-height: 100%; padding: 5px 10px; color: #666; width: fit-content;}
.phoneview p a { color: #666; text-decoration: none; }