@charset "UTF-8";
/*------------------------------------
scssファイルあり。そちらを編集してください。
--------------------------------------*/
/* webフォント -源ノ角ゴシック- */
@font-face { font-family: "genNormal"; src: url("/shared/common/font/SourceHanSansJP-Normal.woff") format("woff"); }

@font-face { font-family: "genRegular"; src: url("/shared/common/font/SourceHanSansJP-Regular.woff") format("woff"); }

@font-face { font-family: "genMedium"; src: url("/shared/common/font/SourceHanSansJP-Medium.woff") format("woff"); }

@font-face { font-family: "genBold"; src: url("/shared/common/font/SourceHanSansJP-Bold.woff") format("woff"); }

.devText { opacity: 0.4; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; transition: 0.2s; }

strong { font-family: "genMedium"; }

/* ----- iOSでフォーム自動拡大されないように ----- */
input, select, textarea { font-size: 16px !important; }

.zipCode { font-size: 13px; }

@media (max-width: 659px) { .zipCode { display: block; } }

/* ----------------------------------
body
---------------------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: genNormal, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; width: 100%; font-size: 13px; line-height: 1.8; color: #333; background: #fff; -webkit-text-size-adjust: 100%; /*向きを変えた時のフォントサイズ変更不可*/ }

@media (max-width: 659px) { body { font-size: 13px; } }

.blockLink { display: block; cursor: pointer; }

a { text-decoration: none; /*color: #333;*/ cursor: pointer; color: #3c549b; }

@media (min-width: 768px) { a:hover { transition: 0.2s; }
	a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; zoom: 1; transition: 0.2s; } }

/* ----- ロゴ ----- */
.logo img { width: 175px; height: auto; }

@media (max-width: 659px) { .logo img { width: auto; height: 40px !important; } }

/* ----- 囲む用class ----- */
#wrapper { margin: 60px auto; overflow: hidden; }

#wrapper:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

@media (max-width: 659px) { #wrapper { margin: 40px auto; } }

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

#content p { margin-bottom: 1em; }

#content p:last-child { margin-bottom: 0; }

#content a { text-decoration: underline; }

#content a:hover { text-decoration: none; }

.container { /*overflow: hidden;*/ margin-left: auto; margin-right: auto; position: relative; width: 1100px; *zoom: 1; }

@media all and (max-width: 1100px) { .container { width: 960px; } }

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

.container:before { content: " "; display: table; }

.container:after { content: " "; display: table; clear: both; }

input[type="button"], input[type="submit"] { background: #f6f6f6; border-radius: 3px; border: 1px solid #ccc; margin-bottom: 10px; cursor: pointer; padding: 3px 15px; font-size: 15px; /*font-size: 1rem;*/ }

/* ----- 表示切替 PCSP ----- */
@media (min-width: 660px) { .pcView { display: block; }
	.vpView { display: none; }
	.spView, .xsView { display: none !important; } }

@media (min-width: 660px) and (max-width: 1150px) { .pcView, .vpView { display: block; }
	.spView, .xsView { display: none !important; } }

@media (max-width: 659px) { .spView { display: block; }
	.pcView, .vpView, .xsView { display: none; } }

@media (max-width: 499px) { .xsView { display: block; }
	.pcView, .vpView { display: none; }
	.spView { display: block; } }

/* ----------------------------------
汎用パーツ系
---------------------------------- */
/* ----- ページコンテンツ名 ----- */
.titleContentName { font-size: 28px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding: 8px 0; /*border-top: 4px solid #81381f;*/ border-bottom: 1px solid #989898; margin-bottom: 20px; letter-spacing: 0.05em; text-align: left; }

.titleContentName strong { font-size: 28px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding: 8px 0; /*border-top: 4px solid #81381f;*/ border-bottom: 1px solid #989898; margin-bottom: 20px; }

.titleContentName .small { font-size: 20px; }

@media (max-width: 659px) { .titleContentName { font-size: 24px; padding-left: 6px; /*font-size: 1.2rem;*/ }
	.titleContentName .small { font-size: 15px; } }

/* ----- 先頭に丸いアイコン ----- */
.titleDot { background: url("/shared/common/images/title_dot.png") no-repeat left center; padding-left: 19px; font-size: 18px; margin-bottom: 10px; /*font-size: 1.2rem;*/ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #222; letter-spacing: 0.1em; line-height: 1.4; }

@media (max-width: 659px) { .titleDot { padding-left: 13px; font-size: 15px; /*font-size: 1rem;*/ margin-bottom: 5px; } }

/* ----- 文字色メインカラーのみ ----- */
.titleMainColor { color: #a85b33; font-family: "genMedium"; font-size: 16px; /*font-size: 1rem;*/ }

.titleMainColor.underline { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; }

.titleMainColor a { color: #a85b33; }

.titleMainColor a:hover { text-decoration: underline; }

@media (max-width: 659px) { .titleMainColor { font-size: 14px; /*font-size: 0.93333rem;*/ } }

/* ----- 背景色＋左側にボーダー ----- */
.titleBgLine { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 24px; letter-spacing: 0.05em; line-height: 1.4; /*color: #696969;*/ /*border-bottom: 1px solid #a85b33;*/ /*background: #ddd;*/ /*padding: 5px 0;*/ /*font-size: 1.2rem;*/ }

.titleBgLine span { display: inline-block; /*padding-left: 3px;*/ color: #C5762A; /*border-left: 3px solid #a85b33;*/ }

@media (max-width: 659px) { .titleBgLine { font-size: 20px; margin-bottom: 8px; /*font-size: 1.06667rem;*/ }
	.titleBgLine span { padding-left: 11px; }
	.titleBgLine span .spView { display: inline; } }

/* ----- タイトルに下線 ----- */
.titleUnderLine { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding: 0; font-size: 22px; font-weight: bold; /*color: #696969;*/ border-bottom: 1px solid #989898; line-height: 1.4; }

@media (max-width: 659px) { .titleUnderLine { font-size: 18px; width: 95%; margin: auto; } }

/* ----- 先頭に三角 ----- */
.arrowSankaku { background: url("/shared/common/images/arrow_sankaku.png") no-repeat left center; padding-left: 10px; margin-top: 8px; }

/* ----- 見出し下部ブロック　余白調整 ----- */
@media (min-width: 660px) { .underTitleContentName { margin: 20px 0; /*margin: 20px 0 20px 10px;*/ width: 685px !important; }
	.underTitleBgLine, .underTitleDot { margin: 20px 0; /*margin: 20px 0 20px 15px;*/ width: 685px !important; }
	.marginTopS { margin-top: 10px !important; } }

/* sp */
@media (max-width: 659px) { .container.underTitleBgLine, .container.underTitleContentName, .container.underTitleDot { margin: 20px auto 20px 13px; }
	.container.marginTopS { margin-top: 10px !important; } }

/* ----- 続きを読む ----- */
.readmore a { text-decoration: none !important; color: #333; }

@media (min-width: 660px) { .readmore { border-bottom: 1px dashed #989898; font-size: 12px; /*font-size: 0.8rem;*/ text-align: center; padding-left: 10px; padding-bottom: 4px; float: right; background: url("/shared/common/images/arrow_sankaku.png") no-repeat left center; }
	.readmore:hover a { color: #989898; } }

@media (max-width: 659px) { .readmore a { background: #ddd; padding: 8px; display: block; text-decoration: none !important; text-align: center; width: 100%; font-size: 13px; /*font-size: 0.86667rem;*/ }
	.readmore a:hover { background: #e5e5e5; } }

/* ----- リスト上を1行分あけたいとき ----- */
li.blank { margin-top: 1em; }

/* ----- 左右でわかれてるBOXレイアウト ----- */
.leftImageBox, .leftTextBox, .rightImageBox, .rightTextBox { display: inline-block; vertical-align: top; }

.leftTextBox, .rightTextBox { width: 50%; }

.rightImageBox { width: 49%; padding-left: 2%; }

.leftImageBox { width: 49%; padding-right: 2%; }

.leftImageBox img, .rightImageBox img, .rightTextBox img { max-width: 100%; }

.tatenagaImage img { width: 50%; }

@media only screen and (max-width: 659px) { .leftTextBox, .rightImageBox, .rightTextBox { width: 95%; }
	.rightImageBox { padding-left: 0; margin: 15px auto 0; display: block; }
	.spSmallImage img { width: 50%; } }

/* ----------------------------------
左右２カラム（トップページ以外）
---------------------------------- */
/* ----- 共通 ----- */
#page #sidebar, #shopping #sidebar { width: 190px; margin-right: 40px; float: left; overflow: hidden; }

@media all and (max-width: 659px) { #page #sidebar, #shopping #sidebar { width: 100%; } }

#page #content, #shopping #content { width: 710px; float: right; }

@media all and (min-width: 1101px) { #page #content, #shopping #content { width: 800px; } }

/* ----- 通販ページ ----- */
#shopping #sidebar .catalogButton { text-align: center; }

#shopping #sidebar .catalogButton img { max-width: 100%; height: auto; }

#shopping #sidebar .catalogButton a:hover { opacity: 0.7; filter: alpha(opacity=70); }

@media (max-width: 659px) { #page #sidebar, #shopping #sidebar { width: 100%; float: none; margin-right: 0; } }

@media (max-width: 659px) { #page #sidebar .container, #shopping #sidebar .container { width: 95%; margin-left: auto; margin-right: auto; float: none; } }

@media (max-width: 659px) { #page #content, #shopping #content { width: 100%; float: none; margin-bottom: 40px; } }

#page #content .container, #shopping #content .container { width: 100%; }

@media (min-width: 660px) { #page #content .container.midashiBottom, #shopping #content .container.midashiBottom { margin-left: 15px; width: 695px; } }

@media (max-width: 659px) { #page #content .container, #shopping #content .container { width: 95%; }
	#page #content .container img, #shopping #content .container img { max-width: 100%; height: auto; } }

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

#onepage #content { width: 710px; margin-left: auto; margin-right: auto; }

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

/* ----------------------------------
トップ・英語ページ以外のヘッダー
---------------------------------- */
#header { width: 100%; background: #f1e9df; }

#header .logo { padding: 60px 0; }

@media (min-width: 660px) { #header { min-width: 960px; } }

/*------------------------------------
フッター内外部リンク
--------------------------------------*/
.sns__links.sns__header { color: #5c3628; position: absolute; right: 0; top: 8px; }

.sns__links.sns__header a { color: #5c3628; }

.sns__links.sns__header a:hover { color: #cf4910; }

.sns__links.sns__header .list { display: inline-block; }

.sns__links.sns__header .list--blankNavi { margin-right: 32px; }

.sns__links.sns__header .icon_phone svg .st0 { fill: #5c3628 !important; }

@media all and (max-width: 659px) { .sns__links.sns__header { display: none; } }

.sns__links.sns__footer { color: #fff; margin-top: 4px; }

.sns__links.sns__footer a { color: #fff; }

.sns__links.sns__footer a:hover { color: #cf4910; }

.sns__links.sns__footer .icon_phone svg .st0 { fill: #fff !important; }

.sns__links .icon_phone svg { width: 19px !important; height: 19px !important; vertical-align: sub; display: inline-block; margin-right: 3px; }

.sns__links .icon_phone svg .st0 { fill: #5c3628 !important; }

.sns__links .list li { display: inline-block; line-height: 1; }

.sns__links .list li:not(:last-child) { margin-right: 10px; }

.sns__links .list li a { font-size: 20px; display: inline-block; }

.sns__links .list li a.link--tel { font-size: 14px; }

@media all and (min-width: 660px) { .sns__links .list li a.link--tel { pointer-events: none; } }

.sns__links .list li img { width: 19px; vertical-align: sub; display: inline-block; margin-right: 6px; }

.sns__links .list li.facebook { margin-right: 15px; }

.sns__links .list li.facebook a { font-size: 18px; }

.sns__links .list li.inquiry { vertical-align: text-bottom; }

.sns__links .list li.inquiry a { font-size: 18px; }

.sns__links .list li.tel { vertical-align: text-bottom; font-size: 14px; letter-spacing: 0.05em; }

/* ----------------------------------
グロナビ
---------------------------------- */
#sitenavi { width: 100%; background: #341c10; /* ----- currentついてる時に、ピロンパしたナビが全部枠ついた状態になってしまう件 ----- */ }

#sitenavi .pc-minView { display: none; }

@media only screen and (min-width: 659px) and (max-width: 1100px) { #sitenavi .pc-minView { display: inline; } }

#sitenavi .container { background: url("/shared/common/images/sitenavi_bg.jpg") center top repeat-y #341c10; margin-top: -1px; 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; background-size: contain; }

#sitenavi li { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1 1 0%; width: calc(1100px / 8); }

@media all and (max-width: 1100px) { #sitenavi li { width: calc(960px / 8); } }

#sitenavi li:first-child { background: none; }

#sitenavi li.blankLink a:before { position: absolute; content: url("/shared/common/images/icon_blank.png"); right: 10px; top: 50%; margin-top: -6px; display: inline-block; }

#sitenavi li a { margin: 3px auto; line-height: 1.2; color: #fff; text-decoration: none; text-align: center; transition: none; font-size: 13px; position: relative; letter-spacing: 1px; 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-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 45px; }

@media all and (max-width: 1100px) { #sitenavi li a { height: 38px; } }

#sitenavi li a.current, #sitenavi li a:hover { background: url(/shared/common/images/bg_nav_hover.png) no-repeat center center; background-size: 92%; }

#sitenavi li a .sub { display: block; font-size: 9px; font-family: "genNormal"; color: #B78971; margin-top: 1px; letter-spacing: 0; }

#sitenavi li .nolink { cursor: default; }

#sitenavi li .nolink:hover { background-image: none; }

#sitenavi .childOn .child li a { font-size: 10px; }

#sitenavi .childOn a span:before { position: absolute; content: url("/shared/common/images/arrow_sankaku_child.png"); right: 10px; top: 50%; margin-top: -10px; }

#sitenavi .childOn .child { position: absolute; background-color: #833920; background-image: none; z-index: 9999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); display: none; }

#sitenavi .childOn:hover .child { display: block; }

#sitenavi .child li { font-size: 12px; display: block; background-image: none; }

#sitenavi .child li:not(:last-child) { border-top: 1px solid #B25F33 !important; border-bottom: 1px solid #B25F33 !important; }

#sitenavi .child li:not(:first-child) { margin-top: -1px; }

#sitenavi .child li a { height: 42px; }

@media all and (max-width: 1100px) { #sitenavi .child li a { height: 36px; } }

#sitenavi .child.small li a { height: 32px; }

#sitenavi .child.small li a.current, #sitenavi .child.small li a:hover { background: url("/shared/common/images/bg_nav_hover-small.png") no-repeat center center; background-size: 95%; }

@media all and (max-width: 1100px) { #sitenavi .child.small li a { height: 28px; } }

#sitenavi .childOn .current + ul li a { background: none; }

#sitenavi .childOn .current + ul li a:hover { background: url(/shared/common/images/bg_nav_hover.png) no-repeat center center; background-size: 92%; }

/* ----------------------------------
プルダウンリンク
---------------------------------- */
/* ----- 小見出しの親がcurrentの場合の子供の表示 ----- */
/* ----- スマホ用 ----- */
@media (max-width: 659px) { #header .container .spLeft, #headerTop .container .spLeft { float: left; padding: 12px 10px; overflow: hidden; width: 87%; } }

@media (max-width: 659px) and (max-width: 499px) { #header .container .spLeft, #headerTop .container .spLeft { width: 80%; } }

@media (max-width: 659px) { #header .container .logo, #headerTop .container .logo { margin: 0; padding: 0; float: left; } }

#header .container .spRight, #headerTop .container .spRight { float: right; padding-right: 2%; width: 74px; }

@media (max-width: 499px) { #header .container .spRight, #headerTop .container .spRight { padding-right: 0; } }

#header .container .english, #headerTop .container .english { float: left; margin-right: 15%; font-size: 14px; }

#header .container .english a, #headerTop .container .english a { color: #341c10; text-decoration: none; }

#header .container .english a:hover, #headerTop .container .english a:hover { text-decoration: underline; }

.spMenu { float: right; padding: 12px; }

.spMenu .menuButton { height: 40px; width: auto; }

.spMenu.open { background: #82381F; }

/* ----- 開いたナビ ----- */
.spMenuOpen { display: none; background: #82381F; }

.spFooterMenu { background: #82381F; }

.spFooterMenu .container { padding: 0 !important; }

.spMenuOpen .container { padding: 0 !important; }

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

.spMenuBase .container:first-of-type { border-bottom: 1px solid #A35025; }

.spMenuBase .container li { flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1 1 0%; }

.spMenuBase .container li:not(:last-child) { border-right: 1px solid #A35025; }

.spMenuBase .container li a { width: 100%; color: #fff; display: block; text-align: center; padding: 13px 0; font-size: 12px; line-height: 1.3; transition: all 0.3s; -webkit-transition: all 0.3s; }

.spMenuBase .container li a:hover { background: #9e3511; }

/* ----- スマホではcurrent反応しないように ----- */
#sitenavi .current span, .spFooterMenu .current span { color: #fff; }

/* ----------------------------------
サイドバー
---------------------------------- */
@media (min-width: 660px) { #title_categories { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; background: #ddd; padding: 5px 0; font-size: 18px; /*font-size: 1.2rem;*/ font-weight: bold; }
	#title_categories span { display: inline-block; border-left: 3px solid #a85b33; padding-left: 10px; } }

@media (max-width: 659px) { /*  #title_categories { background: #82381F; color: #fff; padding: 5px 10px; font-size: 14px; }*/ }

@media (max-width: 659px) { #sidebar .titleBgLine { border-bottom: 1px solid #989898; margin-bottom: 5px; }
	#sidebar .titleBgLine span { color: #833920; padding-left: 9px; padding-bottom: 5px; } }

.leftnaviBox { font-size: 14px; /*font-size: 0.93333rem;*/ margin-bottom: 40px; }

.leftnaviBox li { border-bottom: 1px dotted #ddd; position: relative; }

.leftnaviBox li.text-long a { letter-spacing: 0px; }

.leftnaviBox li .childnavi li:first-child, .leftnaviBox li .children li:first-child { border-top: 1px dotted #ddd; }

.leftnaviBox li .childnavi li:last-child, .leftnaviBox li .children li:last-child { border-bottom: none; }

.leftnaviBox li .childnavi li a, .leftnaviBox li .children li a { padding-left: 12px; }

.leftnaviBox li .childnavi li a::before, .leftnaviBox li .children li a::before { content: ""; display: inline-block; height: 1px; background: #333; width: 8px; top: 21px; left: 0; position: absolute; }

@media all and (max-width: 659px) { .leftnaviBox li .childnavi li a::before, .leftnaviBox li .children li a::before { top: 15px; left: 10px; } }

.leftnaviBox li .childnavi li a.current, .leftnaviBox li .children li a.current { /*background-color: #FFE5B6;*/ }

.leftnaviBox li .childnavi li a .fontS, .leftnaviBox li .children li a .fontS { display: inline-block; width: 150px; font-size: 13px; /*font-size: 0.86667rem;*/ }

.leftnaviBox li a { display: block; color: #333; padding: 12px 10px 12px 8px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: 0.08em; font-size: 14px; color: #333; line-height: 1.3; position: relative; }

.leftnaviBox li a.current { /*background-color: #FFE5B6;*/ color: #CD740D; }

.leftnaviBox li a.current:before { background-color: #CD740D !important; }

.leftnaviBox li a .fontS { display: inline-block; width: 90%; font-size: 13px; /*font-size: 0.86667rem;*/ }

.leftnaviBox li a:hover { background-position: 97% center; color: #989898; }

.leftnaviBox li a:hover:before { background-color: #989898 !important; }

.leftnaviBox .current-cat a { color: #CD740D; }

.leftnaviBox .current-cat a:before { background-color: #CD740D !important; }

@media (min-width: 660px) { .leftnaviBox li .childnavi, .leftnaviBox li .children { margin-left: 8px; } }

@media (max-width: 659px) { .leftnaviBox li .childnavi li a, .leftnaviBox li .children li a { padding-left: 24px; } }

/*@media (max-width: 659px) {*/
/*}*/
@media (max-width: 659px) { .leftnaviBox li a { padding-left: 10px; padding-top: 6px; padding-bottom: 6px; } }

.titleOldStyle.en, .titleOldStyle.text { color: #fff; background: #b1aca4; /* Old browsers */ background: -moz-linear-gradient(top, #b1aca4 0%, #8a8376 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b1aca4 0%, #8a8376 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b1aca4 0%, #8a8376 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#b1aca4', endColorstr='#8a8376',GradientType=0 ); height: 38px; border-radius: 8px 8px 0 0; padding: 8px 8px; font-size: 16px; position: relative; font-size: 14px; padding-top: 13px; }

.titleOldStyle.en span, .titleOldStyle.text span { font-family: 'Poppins', sans-serif; font-size: 12px; position: absolute; right: 8px; bottom: 1px; color: rgba(255, 255, 255, 0.76); }

/* ----------------------------------
パンくずリスト
---------------------------------- */
#pankuzuBox { margin: 10px auto; }

#pankuzuBox .pankuzu { font-size: 12px; /*font-size: 0.8rem;*/ overflow: hidden; float: left; }

#pankuzuBox .pan { display: inline-block; background: url("/shared/common/images/arrow_pankuzu.png") no-repeat right center; padding-right: 15px; margin-right: 4px; }

#pankuzuBox .pan:last-child { background: none; }

#pankuzuBox .pan a { text-decoration: underline; }

#pankuzuBox .pan a:hover { text-decoration: none; }

@media (max-width: 659px) { #pankuzuBox .pan.pcView { display: none; } }

/* ----------------------------------
フッター
---------------------------------- */
.pageTop a { padding: 12px 0; text-align: center; font-size: 13px; /*font-size: 0.86667rem;*/ color: #615d5d; border-top: 1px solid #e2d8c9; border-bottom: 1px solid #e2d8c9; display: block; width: 100%; line-height: 1; }

.pageTop a:hover { color: #a85b33; }

@media (min-width: 660px) { .pageTop a { min-width: 960px; } }

.pageTop a::before { content: url("/shared/common/images/arrow_top.png"); display: block; line-height: 1; margin-bottom: 10px; }

/* ----- フッター ----- */
.footer { /*background: #edeae4;*/ background: #e2d8c9; overflow: hidden; }

.footer .container { margin: 50px auto; width: 1130px; }

@media (min-width: 660px) { .footer { min-width: 960px; } }

@media (min-width: 660px) and (max-width: 1150px) { .footer .container { width: 960px; } }

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

.fbPluginBox { width: 290px; float: left; }

@media (min-width: 660px) and (max-width: 1150px) { .fbPluginBox { width: 340px; } }

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

.fb-page.pcView { display: block; }

.fb-page.vpView { display: none; }

@media (min-width: 660px) and (max-width: 1150px) { .fb-page.pcView { display: none; } }

@media (min-width: 660px) and (max-width: 1150px) { .fb-page.vpView { display: block; } }

.footerNaviBox { width: 840px; float: left; overflow: hidden; }

.footerNaviBox ul a { color: #333; }

.footerNaviBox .titleMainColor { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.footerNaviBox a:hover { text-decoration: underline; }

.footerNaviBox ul { list-style: none; }

.footerNaviBox li { font-size: 12px; /*font-size: 0.8rem;*/ margin-left: 5px; list-style: none inside; }

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

.footerNaviBox .box3-1, .footerNaviBox .box3-2 { float: left; width: 200px; margin-right: 12px; }

.footerNaviBox .box3-3 { float: left; width: 412px; overflow: hidden; }

.footerNaviBox .box3-3 .bottom { margin-top: 12px; }

.footerNaviBox .box3-3 .box3-3b { width: 200px; float: left; }

@media (min-width: 660px) and (max-width: 1150px) { .footerNaviBox { width: 620px; } }

@media (min-width: 660px) and (max-width: 1150px) { .footerNaviBox .box3-1 { width: 210px; }
	.footerNaviBox .box3-1 .bottom { margin-top: 12px; }
	.footerNaviBox .box3-2 { width: 210px; }
	.footerNaviBox .box3-3 { width: 190px !important; }
	.footerNaviBox .box3-3b { display: none; }
	.footer.tablet .footerNaviBox .box3-3 .box3-3a { display: none; } }

.footer.tablet .footerNaviBox .box3-3 .box3-3a { width: 200px; float: left; }

.footerNaviBox .box3-3 .box3-3a { width: 200px; float: left; margin-right: 12px; }

/* ----- isSmartTablet()の場合はページプラグイン表示させない
----- */
.footer.tablet .container { width: 960px; }

.footer.tablet .footerNaviBox { width: 960px; margin-left: auto; margin-right: auto; }

.footer.tablet .footerNaviBox .box3-1, .footer.tablet .footerNaviBox .box3-2 { float: left; width: 231px; margin-right: 12px; }

.footer.tablet .footerNaviBox .box3-3 { float: left; width: 474px; overflow: hidden; }

.footer.tablet .footerNaviBox .box3-3 .bottom { margin-top: 12px; }

.footer.tablet .footerNaviBox .box3-3 .box3-3b { width: 231px; float: left; }

.footer.tablet .footerNaviBox .box3-3 .box3-3a { width: 231px; float: left; margin-right: 12px; }

/* ----- 下層ページでは非表示 ----- */
@media (max-width: 659px) { #page .footer, #shopping .footer { display: none; } }

/* ----- isSmartTablet()の場合はページプラグイン表示させない
----- */
/* ----------------------------------
コピーライト表記
---------------------------------- */
.copyrightBox { background: #341c10; color: #fff; overflow: hidden; font-size: 12px; /*font-size: 0.8rem;*/ padding: 10px 0; text-align: center; }

.copyrightBox .container { width: 1130px; min-width: 1130px; }

.copyrightBox .link { overflow: hidden; }

.copyrightBox .link li { display: inline-block; }

.copyrightBox .link li a { color: #fff; display: inline-block; padding: 0 16px; }

.copyrightBox .link li a:hover { text-decoration: underline; }

.copyrightBox .footerLogo { margin: 30px 0 10px; }

.copyrightBox .footerLogo img { width: 135px; height: auto; }

@media (min-width: 660px) and (max-width: 1150px) { .copyrightBox .container { width: 960px; min-width: 960px; } }

@media (max-width: 659px) { .copyrightBox .container { width: 95%; min-width: 95%; padding: 20px 0; margin-left: auto; margin-right: auto; float: none; } }

@media (min-width: 660px) { .copyrightBox .copyright { float: left; } }

@media (min-width: 660px) { .copyrightBox .link { float: right; } }

@media (min-width: 660px) { .copyrightBox .link li { border-left: 1px solid #fff; }
	.copyrightBox .link li.last-child { border-right: 1px solid #fff; } }

@media (max-width: 659px) { .copyrightBox .link li.linkCorp, .copyrightBox .link li.linkPrivacy { border-right: 1px solid #fff; } }

@media (max-width: 659px) { .copyrightBox .link li a { padding: 0 8px; } }

/* ----------------------------------
【アイコン（新作・受注制作・限定・別売】
旧base.cssからそのまま流用
---------------------------------- */
.icon_betsu, .icon_brascott, .icon_gen, .icon_hai, .icon_jyu, .icon_new, .icon_shin, .icon_wintan { padding: 2px 6px; font-size: 10px !important; font-weight: normal !important; white-space: nowrap; border-radius: 3px; border: 1px solid; display: inline-block; line-height: 1; }

.icon_new { color: #CD740D; }

/*ブラスコット*/
/*新作*/
.icon_wintan { color: #BE5C1F; }

.icon_wintan:hover { background: rgba(190, 92, 31, 0.6); }

.icon_wintan a { text-decoration: none !important; color: #BE5C1F; }

/*wintan*/
/*Web・直営店限定企画*/
.icon_web { margin: 0 1px; padding: 1px 2px 1px 3px; line-height: 1em; font-size: 12px !important; font-weight: normal !important; color: #FFFFFF; background: #49a612; border-radius: 4px; /* CSS3草案 */ -webkit-border-radius: 4px; /* Safari,Google Chrome用 */ -moz-border-radius: 4px; /* Firefox用 */ }

/* ----------------------------------
fancybox はみだす件
---------------------------------- */
#fancybox-wrap { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*---------------------------------- 汎用リンクボタン（ベージュのやつ） ----------------------------------*/
.linkBtn { position: relative; display: block; margin: 0 auto; width: 180px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; transition: all 0.2s; border: 1px solid #CAC4B8; border-radius: 4px; color: #905139; text-decoration: none !important; height: 38px; padding: 4px 10px 3px 25px; font-weight: bold; font-size: 14px; background: #efede8; /* Old browsers */ background: -moz-linear-gradient(top, #efede8 0%, #dbd5ca 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #efede8 0%, #dbd5ca 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #efede8 0%, #dbd5ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#efede8', endColorstr='#dbd5ca',GradientType=0 ); /* IE6-9 */ }

.linkBtn:hover { opacity: 0.7; }

.linkBtn::before { content: "\f0da"; font-family: Fontawesome; font-weight: 100; color: #90040A; font-size: 20px; position: absolute; bottom: 4px; transform: translate(-50%, -50%); vertical-align: middle; left: 15px; }

.linkBtn.nameire { font-size: 11px; line-height: 14px; padding-top: 12px; }

.linkBtn.nameire.en { padding-top: 5px; }

.linkBtn.linkBtn--sidebar { width: 100%; }

@media only screen and (max-width: 659px) { .linkBtn { padding: 4px 10px 3px; } }

/* ーーーーー▼名入れボタンーーーー */
@media only screen and (max-width: 659px) { .linkBtn.nameire { padding-left: 25px; }
	.productTopBox { width: 95%; margin: 0 auto; } }

/* ----- ▼サイドバー専用リンクボタン ----- */
@media only screen and (max-width: 659px) { .linkBtn.linkBtn--sidebar { width: 180px; } }

/* ーーーーー▼英語直営店リンクボタンーーーー */
.enStoreBtn { padding-top: 8px; }

.enStoreBtn:before { bottom: -15px; }

@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .enStoreBtn { padding-top: 10px; }
	/* IE11 */ }

@media only screen and (max-width: 659px) { .enStoreBtn { padding-left: 25px; } }

/* ----- IE11 ----- */
@media all and (-ms-high-contrast: none) { .sns__links .list li.inquiry, .sns__links .list li.tel { vertical-align: inherit; } }