@charset "UTF-8";
/*------------------------------------
scssファイルあり。そちらを編集してください。
--------------------------------------*/
/* ----------------------------------
パンくずエリア　カート・会員
---------------------------------- */
@media (max-width: 659px) { #shopping #pankuzuBox { margin: 0; font-size: 14px; }
	.pankuzu { padding: 10px; } }

.ecMenuWrap { overflow: hidden; float: right; /*font-size: 0.93333rem;*/ }

.ecMenuWrap .ecMenu { display: inline-block; padding: 0 15px 0 25px; border-right: 1px solid #ddd; }

.ecMenuWrap .ecMenu a { color: #333; }

.ecMenuWrap .ecMenu a:hover { color: #989898; }

.ecMenuWrap .ecMenu.loginLink { border-right: 0; }

.ecMenuWrap .cart { background: url("/shared/common/images/icon_cart.png") no-repeat left center; }

.ecMenuWrap .member { background: url("/shared/common/images/icon_member.png") no-repeat left center; margin-left: 5px; }

.ecMenuWrap .loginLink { background: url("/shared/common/images/icon_loginLink.png") no-repeat left center; padding-right: 0; margin-left: 10px; }

@media (max-width: 659px) { .ecMenuWrap { width: 100%; padding: 10px 0 0 7px; } }

@media (max-width: 659px) { .ecMenuWrap .ecMenu { border-right: 1px solid #aaa; padding: 0 10px; }
	.ecMenuWrap .ecMenu a:hover { color: #a85b33; } }

@media (max-width: 499px) { .ecMenuWrap .ecMenu { padding-left: 20px; padding-right: 7px; font-size: 13px; } }

/* ----------------------------------
サイドバー＞商品カテゴリー
---------------------------------- */
.catItemBox { margin-bottom: 40px; }

.catItemBox li { border-bottom: 1px dotted #ddd; position: relative; line-height: 1.4; }

.catItemBox li:last-child { border-bottom: 0; }

.catItemBox li a { display: block; }

.catItemBox li a:hover { background-position: 97% center; }

.catItemBox li a:hover .catItemName { color: #989898; }

.catItemBox li a.current p { color: #CD740D; }

.catItemBox li .catItemName { display: inline-block; padding: 12px 16px 12px 6px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: 0.08em; font-size: 14px; color: #333; }

.catItemBox li .childnavi { border-top: 1px dotted #ddd; width: 90%; margin-left: auto; }

.catItemBox li .childnavi .catItemName { padding: 8px 16px 8px 8px; font-size: 13px; }

/* ----------------------------------
サイドバー＞おすすめ商品
---------------------------------- */
.topicsBox { /*font-size: 0.86667rem;*/ margin-bottom: 40px; }

.topicsBox .topicsItem { background-color: #fff; border: 1px solid #CFCCC3; padding: 0; /*margin-top: 20px;*/ }

.topicsBox .topicsTitle { text-decoration: none !important; /*border-bottom: 1px solid #DEDCD8;*/ padding: 5px 5px 5px 5%; background: url("/shared/common/images/arrow-brown.png") no-repeat 95% center #fff; display: block; font-size: 14px; }

.topicsBox .topicsTitle a { color: #333; }

.topicsBox .topicsThumb img { max-width: 70%; height: auto; display: block; margin: 10px auto; }

.topicsBox .topicsText { padding: 11px; font-size: 13px; }

/* ----------------------------------
サイドバー＞バナー置き場
---------------------------------- */
.sideBannerBox .text { display: inline-block; width: 120px; }

.sideBannerBox li a { background: url(/shared/common/images/arrow_sankaku.png) no-repeat left center; padding-left: 10px; margin-top: 8px; padding: 14px 0 14px 18px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; background-position: 8px center !important; border: 1px solid #CFCCC3; line-height: 1.3; display: block; height: 60px; color: #333; /* letter-spacing: -1px; */ font-size: 13px; }

.sideBannerBox li a:hover { color: #999; }

.sideBannerBox .maintenance { background: url("/shared/common/images/sideBannerTeire.png") no-repeat right center; }

.sideBannerBox .name { background: url("/shared/common/images/sideBannerNaire.png") no-repeat right center; }

.sideBannerBox .novelty { background: url("/shared/common/images/sideBannerNovelty.png") no-repeat right center; }

.sideBannerBox .voice { background: url("/shared/common/images/sideBannerVoice.png") no-repeat right center; line-height: 40px; }

.sideBannerBox .voice span { line-height: 32px; }

/* ----- サイドバナー　背景画像 ----- */
/* ----------------------------------
サイドバー＞ご利用ガイド
---------------------------------- */
.guide .inquiryBox { background-image: none; background-color: #EEEBE5; padding: 6px; }

.guide .inquiryBox .inquiryBoxTitle { font-family: "genMedium"; border-bottom: 1px solid #DEDCD8; padding-bottom: 5px; }

.guide .inquiryBox .inquiryBoxText { padding-top: 5px; font-size: 12px; }

.guide .inquiryBox .inquiryBoxText span { letter-spacing: -0.1em; font-size: 0.9em; }

.guideBox a { text-decoration: underline; }

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

.guideBox li { background: url("/shared/common/images/arrow_sankaku.png") no-repeat left center; padding-left: 10px; margin-top: 8px; background-position: left 8px !important; }

.guideBox li .credit { display: block; margin-top: 5px; }

.guideBox .iconMail { background: url("/shared/common/images/icon_mail.png") no-repeat left 5px; padding-left: 25px; }

.guideBox .iconFreeDial { background: url("/shared/common/images/icon_freedial.png") no-repeat left 5px; padding-left: 25px; }

@media (max-width: 659px) { .guideBox .guide { width: 95%; margin-left: auto; margin-right: auto; float: none; } }

/* ----------------------------------
通販トップページ
---------------------------------- */
#shopping_header { width: 100%; }

@media (min-width: 660px) { #shopping_header { margin: 10px 0; } }

#focus { width: 960px; height: auto; overflow: hidden; margin-left: auto; margin-right: auto; }

#focus img { width: 960px; height: auto; }

@media (min-width: 660px) { #focus img { border-radius: 8px; } }

@media (max-width: 659px) { #focus { width: 100%; }
	#focus img { width: 100%; } }

/* ----- お知らせ ----- */
.shopTopInfo { margin: 40px 0 0; }

.shopTopInfo .newsTitle { margin-bottom: 10px; }

.shopTopInfo .newsTitleOnBox { border-top: 4px double #ddd; border-bottom: 4px double #ddd; padding: 16px; }

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

.shopTopInfo .newsContent b { font-family: "genMedium"; }

.shopTopInfo .newsContent table { margin: 16px 0; border: 1px solid #ddd; padding: 4px 8px; }

.shopTopInfo .newsContent td, .shopTopInfo .newsContent tr { border: 1px solid #ddd; padding: 4px 8px; }

.shopTopInfo .newsContent .imgList { display: table; }

.shopTopInfo .newsContent .imgList a { display: table-cell; padding: 0 4px; }

@media (max-width: 659px) { .shopTopInfo { margin: 0 0 40px; }
	.shopTopInfo .newsTitleOnBox { padding: 8px 0px; } }

/* ----- ページ下カテゴリ ----- */
@media (min-width: 660px) { .shopTopCategory { margin-top: 40px; } }

@media all and (max-width: 659px) { .shopTopCategory { width: 95%; margin-left: auto; margin-right: auto; } }

.itemCat { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; table-layout: fixed; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.itemCat dl { border: 1px solid #CFCCC3; }

.itemCat .bottom, .itemCat .second { border-top: none; border-bottom: 1px solid #CFCCC3; }

.itemCat .catCenter, .itemCat .catRight { border-left: none; }

.itemCat .catCenter, .itemCat .catLeft, .itemCat .catRight { width: 33.33333333%; }

.itemCat .col1 .catTitle { border-top: none; }

.itemCat .catTitle { border-top: 1px solid rgba(255, 255, 255, 0.5); }

.itemCat .catTitle a { text-decoration: none !important; font-size: 16px; padding: 5px 5px 5px 5%; background: url("/shared/common/images/arrow-brown.png") no-repeat 95% center; display: block; color: #333; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: 0.08em; }

.itemCat .catDetail { position: relative; overflow: hidden; text-align: center; }

.itemCat .catDetail a:hover { opacity: 0.7; filter: alpha(opacity=70); }

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

.itemCat .catThumbBox { position: relative; }

.itemCat .catThumbBox img { max-width: 100%; height: auto; display: block; }

.itemCat .catText { display: none; }

@media (max-width: 659px) { .itemCat { width: 97%; } }

@media (max-width: 659px) { .itemCat dl { border: 1px solid #CFCCC3; } }

@media (max-width: 659px) { .itemCat .bottom, .itemCat .second { border-top: none; border-bottom: 1px solid #CFCCC3; } }

@media (min-width: 768px) { .itemCat .catCenter .catDetail, .itemCat .catCenter .catTitle { border-left: 1px solid rgba(255, 255, 255, 0.5); }
	.itemCat .catRight .catDetail, .itemCat .catRight .catTitle { border-left: 1px solid rgba(255, 255, 255, 0.5); } }

@media (max-width: 480px) { #cat_komono .catTitle a { padding-bottom: 25px; } }

@media (max-width: 659px) { .itemCat .catTitle a { font-size: 12px; } }

.moreCat { text-align: right; font-size: 12px; /*font-size: 0.8rem;*/ display: none; }

.moreCat a { border-bottom: 1px dashed #989898; text-decoration: none !important; background: url("/shared/common/images/arrow_sankaku.png") no-repeat left center; padding-left: 10px; padding-bottom: 3px; }

.moreCat a:hover { color: #999; }

.catLine { width: 100%; clear: both; height: 1px; background-color: none; border: none; display: none; }

/* ----- Rugato入ってた空枠 レイアウト ----- */
#cat_rugato .catTitle { height: 35px; }

/* ----------------------------------
商品一覧画面
---------------------------------- */
/* ----- カテゴリ一覧　リッチエディタ部分 ----- */
.htmlArea { margin-bottom: 40px; overflow: hidden; }

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

.htmlArea #title_belt_pouch, .htmlArea #title_coin, .htmlArea #title_key, .htmlArea #title_stationery, .htmlArea #title_wallet { color: #2D5229; border-left: 4px solid #2D5229; padding-left: 15px; font-size: 24px; font-size: 1.6rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 10px; text-align: left; }

@media (max-width: 659px) { .htmlArea { width: 95%; margin-left: auto; margin-right: auto; float: none; } }

@media (max-width: 659px) { .htmlArea { margin-bottom: 20px; } }

/* ----- 革小物ボタン部分 ----- */
@media (max-width: 659px) { #navi_acce { margin-bottom: 20px; }
	#navi_acce li { border: 1px solid #ddd; border-bottom: none; }
	#navi_acce li.active a { font-family: "genMedium"; text-decoration: none; border: 1px solid #fff; background: url("/shared/common/images/arrow_sankaku.png") no-repeat 10px center #E4E4E4; }
	#navi_acce li#key { border-bottom: 1px solid #ddd; }
	#navi_acce li a { font-weight: normal; color: #a85b33; display: block; background: url("/shared/common/images/arrow_sankaku.png") no-repeat 10px center; padding: 10px 25px; } }

@media (min-width: 660px) { #navi_acce { overflow: hidden; margin-bottom: 20px; }
	div#navi_acce ul { margin: -5px 0 0; padding: 0; width: 710px; height: 105px; list-style-type: none; background: url("/shared/common/images/navi_acce.jpg") 0 315px; }
	div#navi_acce li { margin: 0; padding: 0; width: 142px; height: 105px; text-indent: -9999px; float: left; display: block; }
	div#navi_acce li a { margin: 0; padding: 0; /*width: 140px;*/ height: 105px; text-indent: -9999px; float: left; display: block; }
	div#navi_acce li a:hover { /*width: 140px;*/ height: 105px; float: left; display: block; transition: none !important; }
	#navi_acce li#wallet a { width: 142px; }
	#navi_acce li#wallet.active a { background: url("/shared/common/images/navi_acce.jpg") 0 315px; }
	#navi_acce li#wallet.active a:hover { background: url("/shared/common/images/navi_acce.jpg") 0 315px; }
	#navi_acce li#wallet a { background: url("/shared/common/images/navi_acce.jpg") 0 0; }
	#navi_acce li#wallet a:hover { background: url("/shared/common/images/navi_acce.jpg") 0 210px; transition: none; }
	#navi_acce li#coin a { width: 142px; }
	#navi_acce li#coin.active a { background: url("/shared/common/images/navi_acce.jpg") -142px 315px; }
	#navi_acce li#coin.active a:hover { background: url("/shared/common/images/navi_acce.jpg") -142px 315px; }
	#navi_acce li#coin a { background: url("/shared/common/images/navi_acce.jpg") -142px 0; }
	#navi_acce li#coin a:hover { background: url("/shared/common/images/navi_acce.jpg") -142px 210px; }
	#navi_acce li#stationery a { width: 142px; }
	#navi_acce li#stationery.active a { background: url("/shared/common/images/navi_acce.jpg") -284px 315px; }
	#navi_acce li#stationery.active a:hover { background: url("/shared/common/images/navi_acce.jpg") -284px 315px; }
	#navi_acce li#stationery a { background: url("/shared/common/images/navi_acce.jpg") -284px 0; }
	#navi_acce li#stationery a:hover { background: url("/shared/common/images/navi_acce.jpg") -284px 210px; }
	#navi_acce li#belt_pouch a { width: 142px; }
	#navi_acce li#belt_pouch.active a { background: url("/shared/common/images/navi_acce.jpg") -426px 315px; }
	#navi_acce li#belt_pouch.active a:hover { background: url("/shared/common/images/navi_acce.jpg") -426px 315px; }
	#navi_acce li#belt_pouch a { background: url("/shared/common/images/navi_acce.jpg") -426px 0; }
	#navi_acce li#belt_pouch a:hover { background: url("/shared/common/images/navi_acce.jpg") -426px 210px; }
	#navi_acce li#key a { width: 142px; }
	#navi_acce li#key.active a { background: url("/shared/common/images/navi_acce.jpg") -568px 315px; }
	#navi_acce li#key.active a:hover { background: url("/shared/common/images/navi_acce.jpg") -568px 315px; }
	#navi_acce li#key a { background: url("/shared/common/images/navi_acce.jpg") -568px 0; }
	#navi_acce li#key a:hover { background: url("/shared/common/images/navi_acce.jpg") -568px 210px; } }

/*------------------------------------
商品一覧ページ
--------------------------------------*/
.shouhinView .itemRow, .shouhinView .itemlist { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; table-layout: fixed; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #989898; background: #ffffff; }

.shouhinView .itemRow.aisyo, .shouhinView .itemRow.betsuuri, .shouhinView .itemRow.kanren, .shouhinView .itemlist.aisyo, .shouhinView .itemlist.betsuuri, .shouhinView .itemlist.kanren { border-top: 1px solid #989898; border-bottom: none; }

.shouhinView .itemRow li, .shouhinView .itemlist li { width: 22%; margin: 48px 1.5%; line-height: 1.4; }

@media all and (max-width: 659px) { .shouhinView .itemRow li, .shouhinView .itemlist li { width: 44%; margin: 16px 3%; } }

.shouhinView .itemRow .item_hr, .shouhinView .itemlist .item_hr { display: block; width: 100%; height: 1px; background: #989898; border: none; margin: 0; padding: 0; }

.shouhinView .itemRow .item_hr.nth2n, .shouhinView .itemlist .item_hr.nth2n { display: none !important; }

@media all and (max-width: 659px) { .shouhinView .itemRow .item_hr.nth2n, .shouhinView .itemlist .item_hr.nth2n { display: block !important; } }

.shouhinView .itemRow .item_hr.nth4n, .shouhinView .itemlist .item_hr.nth4n { display: block !important; }

@media all and (max-width: 659px) { .shouhinView .itemRow .item_hr.nth4n, .shouhinView .itemlist .item_hr.nth4n { display: none !important; } }

.shouhinView .itemRow .itemImage, .shouhinView .itemlist .itemImage { display: table; table-layout: fixed; width: 100%; text-align: center; height: 160px; width: 160px; margin: auto; margin-bottom: 8px; }

@media all and (max-width: 1100px) { .shouhinView .itemRow .itemImage, .shouhinView .itemlist .itemImage { height: 150px; width: 150px; } }

.shouhinView .itemRow .itemImage img, .shouhinView .itemlist .itemImage img { max-width: 100%; height: auto; }

.shouhinView .itemRow .itemTextLink, .shouhinView .itemlist .itemTextLink { text-decoration: none !important; display: block; color: #333; width: 95%; margin: auto; }

.shouhinView .itemRow .itemTextLink:hover, .shouhinView .itemlist .itemTextLink:hover { color: #989898; }

.shouhinView .itemRow .itemSeriesNo, .shouhinView .itemlist .itemSeriesNo { display: inline-block; margin-right: 3px; }

.shouhinView .itemRow .itemTitlePrice, .shouhinView .itemlist .itemTitlePrice { margin-bottom: 12px; }

.shouhinView .itemRow .item_name, .shouhinView .itemlist .item_name { line-height: 1.4; padding: 6px 0 12px; font-size: 14px; margin-bottom: 0 !important; }

.shouhinView .itemRow .itemPrice b, .shouhinView .itemlist .itemPrice b { font-size: 10px; }

.shouhinView .itemRow .item_color .colorWrap, .shouhinView .itemlist .item_color .colorWrap { display: inline; vertical-align: sub; }

/* ----- カラーバリエーション ----- */
.colorWrap { line-height: 1; }

.colorWrap .color_dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 2px; }

.shouhin .shouhinView:not(:last-of-type) { margin-bottom: 32px; }

/* ----- 商品詳細ページ　関連商品など ----- */
/* ----------------------------------
商品詳細画面
---------------------------------- */
/* ----- 商品名 ----- */
.itemNameBox { padding: 8px 0; border-bottom: 1px solid #989898; font-family: "genMedium"; overflow: hidden; }

.itemNameBox .item_no { font-weight: normal; margin-bottom: 0 !important; line-height: 1; font-size: 17px; display: inline-block; vertical-align: middle; }

.itemNameBox .itemOption { display: inline-block; vertical-align: middle; margin-left: 6px; }

.itemNameBox .itemNameInner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; table-layout: fixed; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.itemNameBox .itemNameInner .itemName { font-size: 17px; line-height: 1.4; margin-right: 10px; }

.itemNameBox .itemNameInner .itemOption li { display: inline-block; font-size: 14px; }

.itemNameBox .itemNameInner .itemPrice { margin-left: auto; }

.itemNameBox .itemNameInner .itemPrice span { font-size: 17px; }

#shouhin .colorWrap { padding: 10px 0; }

#shouhin .icon_jyu { margin-left: 12px; vertical-align: text-bottom; }

/* ----- 商品説明文・商品画像 ----- */
.container.row, .itemCopy, .tableKakaku:last-of-type { margin-bottom: 60px; }

@media (max-width: 659px) { .underThumb { width: 70%; margin-left: auto; margin-right: auto; }
	.underThumb .itemPrice { margin: 30px 0 10px; text-align: center; }
	.underThumb .itemPrice span { font-size: 22px; font-size: 1.46667rem; } }

/* ----- アイテム説明文下のボタン ----- */
.itemButtonBox { margin-top: 20px; text-align: center; margin-bottom: 20px; }

.buyButton { margin-left: 14px; }

.catalogButton { margin-bottom: 40px; }

/* ----- 商品画像 ----- */
.itemThumb { /* ----- slick slider ----- */ /* ----- 拡大リンク ----- */ }

.itemThumb, .itemThumb * { outline: 0; }

.itemThumb .imgFrame { width: 100%; max-height: 600px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; table-layout: fixed; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative; }

@media all and (max-width: 659px) { .itemThumb .imgFrame { width: 75%; margin-left: auto; margin-right: auto; max-height: 275px; } }

@media all and (max-width: 659px) { .itemThumb .imgFrame img { max-height: 275px; } }

.itemThumb .img_wrap .small { max-width: 690px; }

@media all and (max-width: 659px) { .itemThumb .img_wrap .small { max-width: 100%; } }

@media all and (max-width: 659px) { .itemThumb .img_wrap .small.dn { display: block !important; }
	.itemThumb .img_wrap .big.db { display: none !important; } }

.itemThumb .thumb-item-nav { margin-top: 20px; }

.itemThumb .thumb-item-nav .slick-list { width: 75%; margin: auto; }

.itemThumb .thumb-item-nav .thumblink { width: 100px; height: 100px; display: table; table-layout: fixed; text-align: center; opacity: 1; filter: alpha(opacity=100); margin-right: 10px; }

.itemThumb .thumb-item-nav .thumblink.slick-current { opacity: 0.4; filter: alpha(opacity=40); }

.itemThumb .thumb-item-nav .thumblink a { width: 100%; display: table-cell; vertical-align: middle; outline: none; }

.itemThumb .thumb-item-nav .thumblink a img { max-width: 100%; height: auto; max-height: 100px; margin: auto; }

.itemThumb .slick-track { margin-left: auto; margin-right: auto; }

.itemThumb .slick-slider .slick-arrow { position: absolute; top: 50%; z-index: 10; outline: none; padding: 10px 16px; margin-top: -48px; background: #ffffff; }

@media all and (max-width: 659px) { .itemThumb .slick-slider .slick-arrow { padding: 8px 12px; }
	.itemThumb .slick-slider .slick-arrow img { width: 16px; } }

.itemThumb .slick-slider .slick-arrow:hover { background: #f1e9df; }

.itemThumb .slick-slider .slick-arrow.prev { left: 0; }

.itemThumb .slick-slider .slick-arrow.next { right: 0; left: inherit; }

.itemThumb .btn_zoom { border: none; background: none; font-size: 13px; cursor: pointer; outline: none; }

.itemThumb .btn_zoom:hover { color: #CD740D; }

.itemThumb .zoom_link { text-align: right; padding: 5px 10px; margin-bottom: 0 !important; }

.itemThumb .zoom_link a { color: #341c10; text-decoration: none !important; }

.itemThumb .zoom_link a:hover { color: #CD740D; }

.itemThumb .zoom_link .fa { font-size: 20px; vertical-align: top; margin-right: 4px; color: #CD740D; }

.itemThumb .img_caption { text-align: center; line-height: 1.4; padding: 10px; }

.magnifier { border: none !important; }

/* ----- 拡大後に表示される閉じるボタン ----- */
.lity-close { width: 60px !important; height: 60px !important; font-size: 60px !important; line-height: 60px !important; right: 12px !important; top: 12px !important; }

.zoom-container { position: absolute; top: 0; left: 0; width: 300px; height: 300px; z-index: -1; visibility: visible; }

.zoom-container.fixed { position: fixed; top: 10px; left: calc(25vw - 5%); }

@media all and (max-width: 1100px) { .zoom-container, .zoom-container.fixed { top: 10px; left: 10px; } }

@media all and (max-width: 659px) { .zoom-container { display: none !important; } }

@media all and (max-width: 659px) { .cursorshade, .magnifier, .statusdiv, .tracker { display: none !important; } }

/* 2015-05-12 リネーム */
.slides li { padding: 20px 0 0; }

.slides img { width: 300px; margin: 6px auto; }

.popup-background { display: none; position: fixed; /* 位置の固定 */ top: 0; /* 表示位置 */ left: 0; /* 表示位置 */ height: 100%; /* 画面全体に表示 */ width: 100%; /* 画面全体に表示 */ background: #000; /* 背景色 */ opacity: 0.7; /* 透明度 */ margin: 0; /* 余白の削除 */ padding: 0; /* 余白の削除 */ z-index: 1000; /* 要素のz座標 */ cursor: pointer; }

.popup-item { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto !important; z-index: 1001; /* 要素のz座標 */ cursor: pointer; width: auto !important; max-height: 90% !important; }

@media only screen and (max-width: 640px) { .popup-item { max-width: 90% !important; height: auto !important; } }

/* ----- 価格 ----- */
@media (max-width: 659px) { .itemPrice { text-align: left; font-size: 12px; /*font-size: 0.8rem;*/ }
	.itemPrice span { font-size: 14px; /*font-size: 0.93333rem;*/ } }

/* ----- SNSシェアボタン ----- */
#snsProduct { padding: 12px 0; }

#snsProduct .snsButton { display: inline-block; vertical-align: top; margin-right: 6px; margin-top: 0; line-height: 1; }

/* ----------------------------------
商品詳細＋カラー
---------------------------------- */
.itemInfoWrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; table-layout: fixed; -webkit-flex-direction: horizontal; -moz-flex-direction: horizontal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; }

@media all and (max-width: 659px) { .itemInfoWrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; table-layout: fixed; -webkit-flex-direction: vertical; -moz-flex-direction: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

.itemInfoWrap .box { width: 46%; }

.itemInfoWrap .box:nth-child(odd) { margin-right: 6%; }

@media all and (max-width: 659px) { .itemInfoWrap .box { width: 100%; }
	.itemInfoWrap .box:nth-child(odd) { margin-right: 0; margin-bottom: 20px; } }

/* ----- 商品詳細 ----- */
.itemDetail .detail_list { font-size: 14px; /*font-size: 0.93333rem;*/ overflow: hidden; border-top: 1px solid #ddd; display: table; line-height: 1.6; }

.itemDetail .detail_list:last-child { border-bottom: 1px solid #ddd; }

.itemDetail .detail_list dt { display: table-cell; width: 135px; border: 1px solid #fff; text-align: center; padding: 5px; }

.itemDetail .detail_list dd { display: table-cell; width: 242px; padding: 5px; }

@media (max-width: 659px) { .itemDetail .detail_list { width: 100%; } }

@media (max-width: 659px) { .itemDetail .detail_list dt { width: 30%; } }

@media (max-width: 659px) { .itemDetail .detail_list dd { width: 69%; } }

/* ----- カラー ----- */
.colorPattern { font-size: 12px; /*font-size: 0.8rem;*/ overflow: hidden; margin-bottom: 20px; }

.colorPattern .colorList { overflow: hidden; }

.colorPattern .colorThumb { float: left; width: 87.66667px; margin-right: 10px; line-height: 1.4; }

.colorPattern .colorThumb figure img { max-width: 100%; height: auto; }

.colorPattern .colorThumb figcaption { text-align: center; }

.colorPattern .colorNotice { margin-top: 10px; background: #ddd; padding: 10px; display: block; margin-bottom: 20px; }

/* ----- 使用イメージ ----- */
.useImage { overflow: hidden; }

.useImage li { float: left; overflow: hidden; }

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

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

.useImage li figcaption { margin-top: 10px; font-size: 14px; /*font-size: 0.93333rem;*/ }

@media (min-width: 660px) { .useImage li { width: 342px; margin-right: 25px; } }

@media (max-width: 659px) { .useImage li { width: 48%; margin-right: 2%; margin-bottom: 20px; } }

/* ----- 商品イメージ ----- */
.shouhinImage { overflow: hidden; }

.shouhinImage li { float: left; }

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

.shouhinImage li figcaption { margin-top: 10px; font-size: 13px; /*font-size: 0.86667rem;*/ }

@media (min-width: 660px) { .shouhinImage li { width: 220px; margin-right: 25px; } }

@media (min-width: 660px) and (min-width: 660px) { .shouhinImage li:nth-child(3n) { margin-right: 0; } }

@media (max-width: 659px) { .shouhinImage li { width: 32%; margin-right: 1.25%; margin-bottom: 20px; } }

@media (max-width: 499px) { .shouhinImage li { width: 48%; margin-right: 2%; }
	.shouhinImage li:nth-child(even) { margin-right: 0; } }

/* ----------------------------------
備考系（商品によって表示の有無あり）
---------------------------------- */
.bikouBox { overflow: hidden; }

.bikouBox .bikouList:not(:last-of-type) { margin-bottom: 20px; }

@media (max-width: 659px) { .bikouBox .bikouList { width: 100%; margin-left: auto; margin-right: auto; float: none; } }

@media (max-width: 659px) { .bikouBox .bikouList { margin-bottom: 20px; } }

/* ----- 特記事項 ----- */
.naire-listTitle { display: inline-block; width: 100px; }

/* ----- リッチエディタ ----- */
.freeArea img { max-width: 100%; height: auto; }

/* ----------------------------------
この商品を購入する
---------------------------------- */
#buy caption { margin: 10px 0; }

#buy caption .item_no { font-size: 12px; /*font-size: 0.8rem;*/ margin-right: 1em; }

#buy caption .item_tag { margin-right: 1em; display: inline-block; }

#buy caption .linupShouhinTitle { font-family: "genMedium"; display: inline-block; }

#buy caption .itemPrice { display: inline-block; margin: 0 0 0 10px; }

#buy tbody { display: block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#buy .colorRow { padding: 10px; border-bottom: 1px solid #ddd; }

#buy .colorRow:last-child { border-bottom: none; }

#buy .captionData { padding: 8px; width: 160px; }

#buy .buttonData { width: 260px; text-align: right; }

#buy .buyKanbai, #buy .buyNotNet { width: 500px; text-align: center; }

#buy #buy_img { position: relative; width: 175px; height: 175px; border-right: 1px solid #ddd; }

#buy #buy_img img { max-width: 90%; max-height: 175px; height: auto; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

#buy .buy_color { width: 115px; font-size: 12px; /*font-size: 0.8rem;*/ text-align: center; border-right: 1px solid #ddd; padding: 8px; line-height: 1; }

#buy .buy_color img { display: inline-block; margin-bottom: 6px; }

#buy .buyKanbai, #buy .captionData { padding: 8px 16px; font-size: 13px; line-height: 1.4; /*font-size: 0.86667rem;*/ }

#buy .stockLittle { font-size: 12px; /*font-size: 0.8rem;*/ }

#buy .buyJuchu { width: 260px; text-align: right; }

#buy .buyCart .goCart { /*  width: 240px; padding: 10px 20px; display: inline-block; font-size: 13px; line-height: 16px; margin-bottom: 0; margin: 5px;*/ width: 184px !important; overflow: hidden; text-indent: -9999px; /*white-space: nowrap;*/ background: url("/shared/common/images/btn_goCart.gif") no-repeat; border: none; margin-bottom: 0; padding: 0; height: 38px; }

#buy .buyCart .goCart.disabled { opacity: 0.5; }

#buy .goZaiko a { width: 184px; /*padding: 10px 20px;*/ display: inline-block; font-size: 13px; /*font-size: 0.86667rem;*/ line-height: 16px; margin-bottom: 0; /*margin: 5px;*/ }

#buy .goJuchu a { width: 184px; /*padding: 10px 20px;*/ display: inline-block; font-size: 13px; /*font-size: 0.86667rem;*/ line-height: 16px; margin: 5px; }

@media (max-width: 659px) { #buy caption .item_no { display: block; } }

@media (max-width: 659px) { #buy .captionData { width: 100%; display: block; } }

@media (max-width: 659px) { #buy .buttonData { width: 100%; display: block; padding: 8px 0; text-align: left; margin-left: 13px; } }

@media (max-width: 659px) { #buy #buy_img { display: none; } }

@media (max-width: 659px) { #buy .buy_color { width: 30%; } }

@media (max-width: 659px) { #buy .buyKanbai, #buy .captionData { padding: 8px 0 0 15px; } }

@media (max-width: 659px) { #buy .buyJuchu { width: 100%; display: block; padding-bottom: 8px; text-align: left; margin-left: 10px; } }

@media (max-width: 659px) { #buy .stockLittle { display: inline-block; margin-left: 1em; } }

/* ----- ボタンまわり ----- */
@media (max-width: 659px) { #buy .buyCart .goCart { width: 95%; } }

@media (max-width: 659px) { #buy .goZaiko a { width: 95%; } }

@media (max-width: 659px) { #buy .goJuchu a { width: 95%; } }

/* ----- 価格の異なる商品 ----- */
.tableKakaku:not(:last-of-type) { margin-bottom: 24px; }

.tableKakaku .container { margin-bottom: 0; }

/* ----------------------------------
この商品のカテゴリ
---------------------------------- */
.categoryPankuzu { border: 1px solid #ddd !important; padding: 6px !important; }

.categoryPankuzu .categoryTitle { background: #ddd; padding: 8px; font-size: 16px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.categoryPankuzu ul { list-style: none; margin-left: 10px; font-size: 14px; }

.categoryPankuzu ul li { list-style: none inside; margin: 6px 0; }

.categoryPankuzu ul li::before { content: "・"; display: inline-block; padding-left: 1em; text-indent: -1em; }

@media (max-width: 659px) { .categoryPankuzu { padding: 3px; margin-bottom: 40px; } }

/* ----------------------------------
ショッピングカート レスポンシブ系
---------------------------------- */
@media (max-width: 659px) { #ShoppingCart .divTable .itemNameNumber .itemImage, #ShoppingCart .divTable .itemNameNumber .itemText { float: none; width: 100%; }
	#ShoppingCart .divList.spView .itemTitle { font-family: "genMedium"; } }

/* ----------------------------------
マイページなど
---------------------------------- */
@media (max-width: 659px) { #innerWrap { width: 95% !important; margin-left: auto; margin-right: auto; } }

/* ----------------------------------
商品購入フロー　最終確認ページの
商品一覧
⇒商品ページのテーブルとかぶるので、
　common_all.cssに変換内容をコピペ
---------------------------------- */
/* ----- ボタン ----- */
input[type=button].buttonBase { background: #999; border-radius: 3px; text-align: center; border-style: none; padding: 10px 0; margin-bottom: 10px; color: #fff; text-decoration: none !important; cursor: pointer; }

input[type=button].buttonBase.bgRed { background: #931a0a; }

input[type=button].buttonBase.bgRed:hover { background: rgba(147, 26, 10, 0.7); }

input[type=button].buttonBase.bgGray { background: #413c3a; }

input[type=button].buttonBase.bgGray:hover { background: rgba(65, 60, 58, 0.7); }

/* ----- aタグ ----- */
.buttonBase { font-size: 14px; /*font-size: 0.93333rem;*/ }

.buttonBase a { background: #999; border-radius: 3px; text-align: center; border-style: none; padding: 10px 0; margin-bottom: 10px; color: #fff; text-decoration: none !important; cursor: pointer; }

.buttonBase.bgRed a { background: #931a0a; }

.buttonBase.bgRed a:hover { background: rgba(147, 26, 10, 0.7); }

.buttonBase.bgGray a { background: #413c3a; }

.buttonBase.bgGray a:hover { background: rgba(65, 60, 58, 0.7); }

.backEditBtn input[type="button"], .backEditBtn input[type="submit"] { font-size: 13px; /*font-size: 0.86667rem;*/ }

/* ----------------------------------
配送について、送料について　など
テキストメインのページのCSS
---------------------------------- */
#content.textPage .titleBgLine { margin-bottom: 20px; }

p + #content.textPage .titleBgLine, table + #content.textPage .titleBgLine, ul + #content.textPage .titleBgLine { margin-top: 40px; }

#content.textPage .titleDot { margin-top: 40px; }

#content.textPage .basic { margin-left: 30px; }

#content.textPage .basic li { list-style: disc outside; }

#content.textPage strong { font-family: "genMedium"; color: #a85b33; }

/* ----- 送料料金表 ----- */
.souryouTable { font-size: 14px; /*font-size: 0.93333rem;*/ margin-bottom: 20px; }

.souryouTable caption, .souryouTable td, .souryouTable th { border: 1px solid #ddd; padding: 8px; }

.souryouTable th { background: #eee; text-align: center; }

.souryouTable .souryouPrice td { text-align: center; }

/* ----------------------------------
ネーム入れのご案内
---------------------------------- */
.container .box1, .container .box2 { float: left; width: 345px; }

.container .box1 { margin-right: 20px; }

@media (max-width: 659px) { .container .box1 { width: 68%; margin-right: 2%; } }

@media (max-width: 659px) { .container .box2 { width: 30%; } }

/* ----------------------------------
記念品・ノベルティ用品
---------------------------------- */
.novelty2 .box1 { width: 270px; }

.novelty2 .box2 { width: 420px; }

@media (max-width: 659px) { .novelty2 .box1 { width: 100%; margin-left: auto; margin-right: auto; float: none; } }

@media (max-width: 659px) { .novelty2 .box2 { width: 100%; margin-left: auto; margin-right: auto; float: none; } }

#noveltyDetail { margin: 0 auto; width: 500px; }

#noveltyDetail dl { padding: 10px 0; width: 500px; clear: both; border-top: 1px dotted #d1cbbd; }

#noveltyDetail dt { margin-bottom: 0.5em; font-size: 16px; }

#noveltyDetail dd { margin-left: 50px; width: 450px; }

#noveltyDetail dd em { width: 450px; display: block; font-family: "genMedium"; font-style: normal; }

#noveltyDetail dd em span { font-weight: normal; }

#leather { margin: 20px; padding: 20px; width: 463px; border: 1px solid #d1cbbd; }

#leather dt { margin-bottom: 8px; padding-bottom: 8px; font-size: 18px; border-bottom: 1px dotted #d1cbbd; }

div#wrap_novelty_ex ul.step { padding: 0; width: 710px; display: block; clear: both; }

div#wrap_novelty_ex ul.step li { width: 160px; float: left; display: inline; zoom: 1; margin-right: 10px; }

div#wrap_novelty_ex ul.step li span { padding-top: 3px; width: 100%; text-align: left; margin-top: 10px; font-size: 14px; clear: both; display: block; }

div#wrap_novelty_ex ul.step li .novelty_ex { height: 130px; display: block; }

@media (max-width: 659px) { div#wrap_novelty_ex ul.step { width: 95%; margin-left: auto; margin-right: auto; float: none; } }

@media (max-width: 659px) { div#wrap_novelty_ex ul.step li { width: 48%; margin-right: 2%; margin-bottom: 20px; }
	div#wrap_novelty_ex ul.step li:nth-child(even) { margin-right: 0; } }

@media (max-width: 659px) { div#wrap_novelty_ex ul.step li span { width: 100%; } }

.color-green { color: #78B500; }

ul.novelty_hosoku { margin: 0 1em; padding: 0 0 0 1em; }

ul.novelty_hosoku li { margin: 0.5em 0; padding: 0; text-indent: 0; }

/* ----------------------------------
Rugato
---------------------------------- */
.container.rugato1 .box1 { width: 490px; }

.container.rugato1 .box2 { width: 200px; }

.container.rugato1 figcaption { font-size: 13px; /*font-size: 0.86667rem;*/ margin-top: 10px; text-align: center; color: #666; }

@media (max-width: 659px) { .container.rugato1 .box1 { width: 60%; margin-right: 4%; } }

@media (max-width: 659px) { .container.rugato1 .box2 { width: 36%; } }

@media (max-width: 659px) { .container.rugato1 figcaption { text-align: left; } }

#wrap_step { margin-bottom: 40px; }

#wrap_step .step li { width: 170px; margin-right: 10px; float: left; font-size: 13px; /*font-size: 0.86667rem;*/ }

#wrap_step .step li span { display: block; margin-top: 10px; color: #666; }

#wrap_step .step li.last { margin-right: 0; }

@media (max-width: 659px) { #wrap_step { width: 80% !important; margin-left: auto; margin-right: auto; } }

@media (max-width: 659px) { #wrap_step .step li { width: 48%; margin-right: 2%; margin-top: 10px; }
	#wrap_step .step li img { width: 100%; height: auto; } }

.shop-only { margin: 0.5em auto 0; padding: 5px 7px 5px 19px; width: 540px; background: #f1eee8; border-radius: 3px; }

@media (max-width: 659px) { .shop-only { width: 100%; } }

.rugatoLinkBox { width: 560px; text-align: center; margin-left: auto; margin-right: auto; }

.rugatoLinkBox a { display: block; width: 280px; float: left; }

@media (max-width: 659px) { .rugatoLinkBox { width: 100%; } }

@media (max-width: 659px) { .rugatoLinkBox a { width: 50%; }
	.rugatoLinkBox a img { max-width: 100%; height: auto; } }

/* ----- Rugatoタイトル ----- */
.rugatoTitle { position: relative; margin-bottom: 20px; }

.rugatoTitle img { width: 100%; }

#rugato_navi { overflow: hidden; }

#rugato_navi li { float: left; margin-right: 12px; margin-bottom: 12px; font-size: 13px; /*font-size: 0.86667rem;*/ text-align: center; }

#rugato_navi li a { display: block; padding: 5px; background: #ccc; text-decoration: none; border-radius: 3px; width: 150px; }

#rugato_navi li a:hover { background: #fff; }

#rugato_navi li.current a { background: #fff; }

@media (min-width: 660px) { #rugato_navi { position: absolute; right: 0; bottom: 0; width: 324px; } }

@media (max-width: 659px) { #rugato_navi { width: 95%; margin-left: auto; margin-right: auto; float: none; } }

@media (max-width: 659px) { #rugato_navi { margin-top: 10px; } }

@media (max-width: 659px) { #rugato_navi li { width: 49%; margin-right: 2%; }
	#rugato_navi li:nth-child(even) { margin-right: 0; } }

@media (max-width: 659px) { #rugato_navi li a { width: 100%; font-size: 12px; /*font-size: 0.8rem;*/ padding: 8px; } }

@media (max-width: 659px) { #rugato_navi li a:hover { background: #4F2229; color: #fff; } }

@media (max-width: 659px) { #rugato_navi li.current a { background: #4F2229; color: #fff; } }

/*--- ルガトーなど非売品表示 ---*/
.notSale .itemRow { border: none; border-top: solid 1px #CCC; }

.notSale .itemRow li { width: 100%; border: none; overflow: hidden; border-bottom: solid 1px #CCC; padding-bottom: 10px; margin: 10px 2% 0; }

.notSale .itemRow li:last-child { border-bottom: none; }

.notSale .itemRow li p, .notSale .itemRow li .itemTitlePrice { margin-bottom: 0 !important; }

.notSale .itemRow figure { text-align: center; width: 200px; margin-right: 20px; float: left; }

.notSale .itemTitlePrice { float: left; width: 490px; }

.notSale .item_name { height: auto; padding: 0 !important; }

.notSale .itemPrice { margin: 0 0 10px !important; }

.notSale .detail { background: none repeat scroll 0 0 #f1eee8; border-radius: 7px; line-height: 1.3; margin-top: 1em; padding: 3px 7px; font-size: 14px; /*font-size: 0.93333rem;*/ }

.notSale #itemView { border-bottom: solid 1px #CCC; }

@media (max-width: 659px) { .notSale .itemRow figure { width: 30%; margin-right: 5%; } }

@media (max-width: 659px) { .notSale .itemTitlePrice { width: 65%; } }

.categoryPankuzu { clear: both; border: solid 1px #d1cbbd; padding: 10px; }

.categoryPankuzu li:first-child::before { content: "・"; }

.categoryPankuzu p { background: #f2f1ec; padding: 8px; }

.categoryPankuzu li { color: #666; display: inline-block; padding-right: 16px; margin-right: 5px; background: url("/shared/common/images/bg_pan.gif") no-repeat right center; }

.categoryPankuzu li:last-child { background: none; }

@media (max-width: 659px) { .categoryPankuzu { width: 95%; margin-left: auto; margin-right: auto; float: none; } }

#aisyo, #kanren, #lineup { clear: both; }

.koteiBetaArea { text-align: center; }

/* ----- 旧Android ----- */
@media all and (max-width: 659px) { .android.mobile .shopTopCategory .itemCat { display: block; }
	.android.mobile .shopTopCategory .itemCat .catCenter, .android.mobile .shopTopCategory .itemCat .catLeft, .android.mobile .shopTopCategory .itemCat .catRight { width: 32.5%; display: inline-block; vertical-align: top; }
	.android.mobile .shouhin .itemInfoWrap { display: block; } }