/*common.css*/
/*-------------------------------------
リセット*/
* { line-height: 1.6; vertical-align: baseline; background-color: transparent; border: none; outline: none; padding: 0; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: sans-serif; font-weight: normal; font-style: normal }
a, a img, button img { text-decoration: none; transition: all 0.2s ease-in-out; color: #222 }
a:hover { opacity: 0.7 }
button,select,input,label { cursor: pointer }
img { max-width: 100%; height: auto }
li { list-style:none }
strong { font-weight: bold } /* フリースペース用 */
/*-------------------------------------
フォント設定*/
html { font-size: 1.1em; color: #222 }
@media screen and (max-width:480px) { html { font-size:.9em } }
.bold { font-weight: bold }
.serif { font-family: serif }
/*-------------------------------------
グローバルクラス*/

/*太字*/
.g-bold { font-weight: bold }

/*スマホ左右余白*/
@media screen and (max-width:480px) { .g-mm {width: 92%; margin: 0 auto} }

/*PC-SP表示切替*/
.g-sp-hidden { display: block !important }
@media screen and (max-width:480px) { .g-sp-hidden { display: none !important } }
.g-pc-hidden { display: none !important }
@media screen and (max-width:480px) { .g-cp-hidden { display: block !important } }

/*マージン*/
.g-m0   { margin-bottom:   0    !important }
.g-m025 { margin-bottom: .25rem !important }
.g-m05  { margin-bottom:  .5rem !important }
.g-m1   { margin-bottom:   1rem !important }
.g-m15  { margin-bottom: 1.5rem !important }
.g-m2   { margin-bottom:   2rem !important }
.g-m3   { margin-bottom:   3rem !important }
.g-m4   { margin-bottom:   4rem !important }
.g-m5   { margin-bottom:   5rem !important }

/*カラム*/
.g-clm { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between }
.g-clm .g-2clm-item { width: 48% }
/*スマホでカラム解除する場合*/
@media screen and (max-width:480px) { .g-clm-sp-release .g-2clm-item { width: 100% } }

/*天地センター揃え*/
.g-vcnt { display: flex; justify-content: center; flex-direction: column } /*タテ並びに戻す*/

/*中央揃え*/
.g-txt-c { text-align: center }/*→g-cnt*/
/*右揃え*/
.g-txt-r { text-align: right }/*→g-rgt*/
/*行間空け*/
.g-line-l { line-height: 2 }

/*ページタイトル*/
.g-ttl { font-size: 1.3rem; font-weight: bold; line-height: 1.5 }
/*大見出し*/
.g-hd-l { font-size: 1.2rem; font-weight: bold; line-height: 1.5 }
/*中見出し*/
.g-hd-m { font-size: 1.1rem; font-weight: bold; line-height: 1.5 }
/*本文*/
.g-cp { font-size: 1rem; line-height: 1.7 }
/*キャプション*/
.g-cap { font-size: .9rem; line-height: 1.5 }

/*文字色*/
.g-col1 { color: #ff1400 }/*→廃止予定*/
.g-col-red { color: #ff1400 }

/*罫線 大*/
.g-bd { border-top: double #777 }
@media screen and (max-width:480px) { .g-bd {border-width: 3px} }
/*罫線 小*/
.g-bd-s { border-top: 1px solid #777; width: 50%; margin-left: auto; margin-right: auto }

/*ボタン*/
.g-btn { display: block; line-height: 1.5; text-align: center; border: 1px solid #222; width: 260px; padding: .7rem; margin: 0 auto; border-radius: 6px }
@media screen and (max-width:480px) { .g-btn {border-width:2px} }
.g-btn:hover, .g-btn:active { color: #fff; background-color: #222; opacity: 1 }

/*重要なお知らせ*/
.g-note { box-sizing: border-box; border: double #e7382c; padding: .5rem 1rem; margin-bottom: 2rem }
@media screen and (max-width:480px) { .g-note {border-width: 3px} }
.g-note-t { font-weight: 700; text-align: center; margin-bottom: .5rem }
.g-note-b { margin-bottom: .5rem }

/*Youtube埋め込み*/
.youtube-embed { position:relative; width:100%; height:0px; padding-bottom:56.25% }
.youtube-embed iframe { position:absolute; top:0; left:0; width:100%; height:100% }

/*-------------------------------------
グローバルクラス - フリースペース*/

/*見出し*/
.g-fs-temp .hd-l {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5rem;
}

/*テキスト*/
.g-fs-temp .txt-nml {
	font-size: 1rem;
	font-weight: normal;
	margin-bottom: 1rem;
}
.g-fs-temp .txt-min {
	font-size: .8rem;
	font-weight: normal;
	margin-bottom: 1rem;
}

/*カラム共通*/
.g-fs-temp .clm-item img {
	margin-bottom: .5rem;
}
.g-fs-temp .clm-title {
	font-size: .9rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: .5rem;
}
.g-fs-temp .clm-body {
	font-size: .8rem;
}

/*2カラム*/
.g-fs-temp .clm2 {
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	column-gap: 2%;
}
.g-fs-temp .clm2 .clm-item {
	width: 49%;
	margin-bottom: 1.5rem;
}

/*3カラム*/
.g-fs-temp .clm3 {
	display: flex; display: -webkit-flex;
	flex-wrap: wrap; -webkit-flex-wrap: wrap;
	column-gap: 2%;
}
.g-fs-temp .clm3 .clm-item {
	width: 32%;
	margin-bottom: 1.5rem;
}
@media screen and (max-width:480px) { /*3→2カラム*/
	.g-fs-temp .clm3 {
		column-gap: 2%;
	}
	.g-fs-temp .clm3 .clm-item {
		width: 49%;
	}
}

/*枠線*/
.g-fs-temp .rect-frm {
	border: 1px solid #666;
	padding: 1rem;
	margin-bottom: 2rem;
}

/*-------------------------------------
TOPスライドショー*/

#slidshow { margin-top:80px }
@media screen and (max-width:480px) {
	#slidshow { margin-top:50px } }
#slidshow .slider a:hover { opacity: 1 }

/*カラーミースライドショーCSS修正*/
#slidshow .bx-wrapper { margin-bottom: 80px }
@media screen and (max-width:480px) {
	#slidshow .bx-wrapper { margin-bottom: 60px } }
#slidshow .bx-viewport {
	box-shadow: none;	-webkit-box-shadow: none;
	border: none;
	left: 0 }
#slidshow .bx-wrapper img { width: 100% }
#slidshow .bx-wrapper .bx-pager { bottom: 20px }
#slidshow .bx-wrapper .bx-pager a { width: 7px; height: 7px }
#slidshow .bx-wrapper .bx-pager.bx-default-pager a { background: #ccc }
#slidshow .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slidshow .bx-wrapper .bx-pager.bx-default-pager a.active { background: #666 !important }
@media screen and (max-width:480px) {
	#slidshow .bx-wrapper .bx-pager { bottom: -20px } }

/*-------------------------------------
コンテンツエリア*/

#container {
	display: -webkit-flex;
	display: flex;
	flex-direction: row-reverse; /*メニューとコンテンツの左右入替*/
	width: 1200px;
	padding: 0 20px;
	margin: 130px auto 0; /*フロートヘッダー分上を空ける*/
}
@media screen and (max-width:480px) {
	#container {
		display: block; /* カラム解除 */
		width: 100%;
		padding: 0;
		margin: 0;
	}
}
#content { width: 960px; margin-left : 40px }
@media screen and (max-width:480px) { #content { width: 100%; margin-left: 0 } }

/*-------------------------------------
グローバルナビ*/

#g-nav {
	position: fixed;
	top: 0; left: 0;
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-box-pack: justify;
	align-items: center; -webkit-box-align: center;
	background-color: rgba(255, 255, 255, .7);
	width: 100%;
	min-width: 1200px;
	height: 80px;
	z-index: 999;
	backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px) }
@media screen and (max-width:480px) {
	#g-nav { height: 50px; min-width: auto } }

/*ロゴ*/
#g-nav .logo { margin:0 0 5px 30px }
@media screen and (max-width:480px) {
	#g-nav .logo { margin:0 0 3px 15px } }
#g-nav .logo img { width: 60px }
@media screen and (max-width:480px) {
	#g-nav .logo img { width: 35px } }

/*右部コンテンツ*/
#g-nav .right-cts {
	display: flex; display: -webkit-flex;
	align-items: center; -webkit-box-align: center;
	margin-right: 30px }
@media screen and (max-width:480px) {
	#g-nav .right-cts { margin-right: 50px } }

/*トップメニュー*/
#g-nav .top-menu { display: flex; display: -webkit-flex }
@media screen and (max-width:480px) {
	#g-nav .top-menu { margin-right: 40px } }
#g-nav .top-menu li { font-size: .8rem; margin-right: 20px }

/*カートボタン*/
#g-nav .cart-btn { width: 50px; margin-right: 15px }
@media screen and (max-width:480px) {
	#g-nav .cart-btn { margin-right: 0 } }

/*検索機能 2箇所にあるのでid付けない*/
.search form {
	display: flex; justify-content: space-between }
.search-window {
	width: 150px;
	padding: .5em;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #fff;
	margin-right: 5px }
.search-btn {
	color: #fff;
	width: 70px;
	padding: .5em;
	background-color: #222;
	border-radius: 6px;
	transition: all .3s ease-in-out }
.search-btn:hover,
.search-btn:active { opacity: 0.5 }

/*SPで非表示*/
@media screen and (max-width:480px) { #g-nav .sp-hidden { display: none } }

/*SPメニューボタン*/
#menu-open, #menu-close, #menu-btn { display: none }
@media screen and (max-width:480px) {
	#menu-btn {
		display: block;
		position: fixed; top:0; z-index: 9999;
		width: 50px }
	.sp-menu-btn { right: 0 }
	.sp-search-btn { right: 100px }
	/*メニューを表示*/
	#menu-open:checked ~ #menu {
		transform: translateX(0%); -webkit-transform: translateX(0%) } }

/*-------------------------------------
メインメニュー*/

#menu {
	font-size: .7rem;
	width: 200px;
}
@media screen and (max-width:480px) {
	#menu {
		transform: translateX(100%); -webkit-transform: translateX(100%);
		transition: .3s ease-in-out; -webkit-transition: -webkit-transform .3s ease-in-out;
		position: fixed; top:0px; z-index: 99999;
		font-size: .8rem;
		background-color: #fff;
		width: 100vw; height: 100vh;
		overflow-y: scroll;
	}
}

/*SPメニューヘッダ*/
#menu .menu-hd { display: none }
@media screen and (max-width:480px) {
	#menu .menu-hd { display: block }
	/*閉じるボタン*/
	#menu .menu-close-btn {
		position: absolute; top: 0; right: 0;
		width: 50px }
	/*検索機能*/
	#menu .search { margin: 55px 2rem 0 }
	#menu .search-window { width: 70%; margin-right: 0 }
	#menu .search-btn { width:22% }
}

/*SNSリンク*/
#menu .sns {
	text-align: center;
	margin-bottom: 15px;
}
@media screen and (max-width:480px) {
	#menu .sns { margin-top: 2rem }
}
#menu .sns .instagram-icon {
	margin-right: 20px;
}

/*メニューリスト*/
#menu .list {
	margin-bottom: 2rem;
}
@media screen and (max-width:480px) {
	#menu .list { margin-top: 2rem }
}
#menu .list a {
	display: block;
	padding: .4rem .5rem;
}
@media screen and (max-width:480px) {
	#menu .list a { padding: .8rem }
}
#menu .list li li {
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}
@media screen and (max-width:480px) {
	#menu .list li li { font-size: 1.2rem }
}
#menu .cat-name {
	font-weight: bold;
	background-color: #ddd;
	padding: .4rem .5rem;
}
@media screen and (max-width:480px) {
	#menu .cat-name {
		font-size: 1.2rem;
		text-align: center;
		padding: .5rem .8rem;
	}
}
#menu .cat-name-s {
	font-weight: bold;
	padding: .8rem .4rem 0;
}
@media screen and (max-width:480px) {
	#menu .cat-name-s { font-size: 1.2rem }
}
#menu .nest-list {
	margin-left: .5rem
}
@media screen and (max-width:480px) {
	#menu .nest-list { margin-left: 0 }
}

/*サイドバナー*/
#side-bnr-space a {
	display: block;
	margin-bottom: 1.5em;
}
@media screen and (max-width:480px) {
	#side-bnr-space {
		display: flex; display: -webkit-flex;
		justify-content: space-between; -webkit-box-pack: justify;
		margin: 0 1rem;
	}
	#side-bnr-space a { width: 48% }
	#side-bnr-space .side_logo { display: none }
}

/*ボタン*/
#menu .g-btn {
	width: auto;
	margin-bottom: 1.5rem;
}
@media screen and (max-width:480px) {
	#menu .g-btn {
		font-size: 1.2rem;
		border-color: #666;
		width: 80%;
	}
}

/*-------------------------------------
 フッター*/

#footer {
	color: #9b8e6c;
	background-color: #222;
	padding: 2rem 0 1rem }
#footer a { color: #9b8e6c }
#footer .footer-menu {
	display: flex; display: -webkit-flex;
	justify-content: space-between; -webkit-box-pack: justify;
	width: 960px;
	padding-left: 240px;
	margin: 0 auto 1rem }
@media screen and (max-width:480px) {
	#footer .footer-menu {
		width: 90%;
		padding-left: 0 } }
#footer .footer-menu dl { width: 33.3% }
#footer .footer-menu dt {
	font-size: .8rem;
	font-weight: bold;
	margin-bottom: .5rem }
@media screen and (max-width:480px) {
	#footer .footer-menu dt {
		margin-bottom: 1rem } }
#footer .footer-menu dd {
	font-size: .7rem;
	margin-bottom: .2rem }
@media screen and (max-width:480px) {
	#footer .footer-menu dd {
		font-size: .8rem;
		margin-bottom: 1rem } }
#footer .copyright {
	font-size: .6rem;
	text-align: center }

#footer .footer-menu2 {
	width: 960px;
	padding-left: 240px;
	margin: 0 auto 1rem;
}
@media screen and (max-width:480px) {
	#footer .footer-menu2 {
		width: 90%;
		padding-left: 0;
	}
}
#footer .footer-menu-hd {
	font-size: .8rem;
	font-weight: bold;
	margin-bottom: .5rem;
}
#footer .footer-menu-list {
	display: flex; display: -webkit-flex;
	flex-wrap: wrap;
}
#footer .footer-menu-list a {
	display: block;
	font-size: .7rem;
	width: 33.3%;
	margin-bottom: .2rem;
}
@media screen and (max-width:480px) {
	#footer .footer-menu-list a {
		font-size: .8rem;
		margin-bottom: 1rem;
	}
}

/*-------------------------------------
 パンくずリスト*/

.topic-path li {
	font-size: .8em;
	display: inline-block;
	word-break: break-all;
	padding: .5em;
}
.topic-path li a {
	color: #000;
}

/*-------------------------------------
ページトップボタン*/

#pagetop { position: fixed; bottom: 20px; right: 20px; width:82px }
@media screen and (max-width:480px) {
	#pagetop { bottom: 10px; right: 10px; width:50px }
}

/*===========================================================
 フリースペース用クラス
===========================================================*/

/*!!!

要整理

・リストページ用、詳細ページ用でクラス分け
・グローバル用とフリースペース用は分けるべきか？
・グローバルパーツどこまで作るか検討（罫線、ボタン…）

 !!!*/

/********** リストページ用 **********/

/* ブランドロゴ */
.fs-brand-logo {
	width: 50%;
	margin: 0 auto;
}
/* 大見出し */
.fs-big-header {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	border-top: double #777;
	padding: 1.5em 1em;
}
@media screen and (max-width:480px) {
	.fs-big-header {
		border-width: 3px;
	}
}
/* 本文 */
.fs-nomal-copy {
	font-size: 1em;
	line-height: 1.7;
}
@media screen and (max-width:480px) {
	.fs-nomal-copy {
		font-size: .9em;
		width: 92%;
		margin: 0 auto;
	}
}
/* マージン（行間） */
.fs-m05 {
	margin-bottom: .5em;
}
.fs-m1 {
	margin-bottom: 1em;
}
.fs-m15 {
	margin-bottom: 1.5em;
}
.fs-m2 {
	margin-bottom: 2em;
}
.fs-m3 {
	margin-bottom: 3em;
}
.fs-m4 {
	margin-bottom: 4em;
}
.fs-m5 {
	margin-bottom: 5em;
}

/********** 詳細ページ用 **********/

/* 大見出し */
.fs-big-copy {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5;
}

/********** リストページ・詳細ページ共通 **********/

/* 罫線 */
.fs-border {
	border-top: double #777;
}
@media screen and (max-width:480px) {
	.fs-border {
		border-width: 3px;
	}
}
/* ボタン */
.fs-nomal-button {
	font-size: .9em;
	text-align: center;
	background-color: #fff;
	border: double #777;
	width: 260px;
	padding: .7em;
	margin: 0 auto;
	transition: all 0.2s ease-in-out;
}
@media screen and (max-width:480px) {
	.fs-nomal-button {
		border-width: 3px;
	}
}
.fs-nomal-button:hover,
.fs-nomal-button:active {
	background-color: #ede6ca;
}
/* 位置揃え */
.fs-center {
	text-align: center;
}
.fs-right {
	text-align: right;
}
/*北前吟撰イメージ*/
.kitamae-img { /*!!! fs-付ける !!!*/
	background: no-repeat top left url(https://file003.shop-pro.jp/PA01415/654/images/common/kitamae_img.jpg);
	background-size: 100%;
	height: 500px;
}
@media screen and (max-width:480px) {
	.kitamae-img {
		height: 240px;
	}
}

/*===========================================================
 カセット
===========================================================*/

/* カセット - 1カラム */
.cassette-1column {
	padding-bottom: 2em;
}
.cassette-1column .column-title {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: .5em;
}
@media screen and (max-width:480px) {
	.cassette-1column .column-title {
		font-size: 1.1em;
		width: 92%; /* スキマ */
		padding-bottom: .3em;
		margin: 0 auto;
	}
}
.cassette-1column .new-item {
	text-indent: 1.5em;
	background: no-repeat center left url(https://file003.shop-pro.jp/PA01415/654/images/common/ic_new.png);
	background-size: 1.1em;
}
@media screen and (max-width:480px) {
	.cassette-1column .new-item {
		background-size: 1em;
	}
}
.cassette-1column .column-body {
	font-size: 1em;
	padding-bottom: .3em;
}
@media screen and (max-width:480px) {
	.cassette-1column .column-body {
		font-size: .9em;
		width: 92%; /* スキマ */
		margin: 0 auto;
	}
}
.cassette-1column img{
	width: 100%;
	padding-bottom: .5em;
}

/* カセット - 2カラム */
.cassette-2column {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 1em;
}
@media screen and (max-width:480px) {
	.cassette-2column {
		width: 94%; /* スキマ */
		margin: 0 auto;
	}
}
.cassette-2column .column-item {
	width: 50%; /* 2カラム表示 */
	padding-bottom: 1em;
}
.cassette-2column .column-item-inner {
	width: 95%; /* スキマ */
	margin: 0 auto;
}
.cassette-2column .column-title {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: .3em;
}
@media screen and (max-width:480px) {
	.cassette-2column .column-title {
		font-size: .9em;
		line-height: 1.5;
	}
}
.cassette-2column .column-body {
	font-size: .9em;
	padding-bottom: .3em;
}
@media screen and (max-width:480px) {
	.cassette-2column .column-body {
		font-size: .8em;
		line-height: 1.5;
	}
}
.cassette-2column .column-caption {
	font-size: .9em;
	line-height: 1.5;
	padding-bottom: .3em;
}
@media screen and (max-width:480px) {
	.cassette-2column .column-caption {
		font-size: .8em;
	}
}
.cassette-2column .column-item-inner img {
	width: 100%;
	padding-bottom: .5em;
}
@media screen and (max-width:480px) {
	.cassette-2column .column-item-inner img {
		padding-bottom: .3em;
	}
}

/* カセット - 3カラム */
.cassette-3column {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 1em;
}
@media screen and (max-width:480px) {
	.cassette-3column {
		width: 94%; /* スキマ */
		margin: 0 auto;
	}
}
.cassette-3column .column-item {
	width: 33.333%; /* 3カラム表示 */
	padding-bottom: 1em;
}
.cassette-3column .column-item-inner {
	width: 95%; /* スキマ */
	margin: 0 auto;
}
.cassette-3column .column-title {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: .3em;
}
@media screen and (max-width:480px) {
	.cassette-3column .column-title {
		font-size: .8em;
		line-height: 1.5;
	}
}
.cassette-3column .column-body {
	font-size: .9em;
	padding-bottom: .3em;
}
@media screen and (max-width:480px) {
	.cassette-3column .column-body {
		font-size: .8em;
		line-height: 1.5;
	}
}
.cassette-3column .column-item-inner img {
	width: 100%;
	padding-bottom: .5em;
}
@media screen and (max-width:480px) {
	.cassette-3column .column-item-inner img {
		padding-bottom: .3em;
	}
}

/*===========================================================
 罫線
 ※いずれCSSのみに置き換える
===========================================================*/

.kei {
	height: 2.5em;
	background: no-repeat top center url(https://file003.shop-pro.jp/PA01415/654/images/common/border_kei.svg);
	background-size: 25px;
}
.border-normal {
	height: 4px;
	background: repeat-x center url(https://file003.shop-pro.jp/PA01415/654/images/common/border_top.svg);
	background-size: 450px 4px;
	padding: 2em 0;
}
.border-top {
	height: 4px;
	background: repeat-x top url(https://file003.shop-pro.jp/PA01415/654/images/common/border_top.svg);
	background-size: 450px 4px;
	padding-bottom: 1em;
}
.border-btm {
	height: 4px;
	background: repeat-x bottom url(https://file003.shop-pro.jp/PA01415/654/images/common/border_btm.svg);
	background-size: 450px 4px;
	padding-top: 1em;
}
.border-deco-top {
	height: 13px;
	background: no-repeat center bottom url(https://file003.shop-pro.jp/PA01415/654/images/common/border_deco_top.svg);
	background-size: 25px 13px;
	padding-top: 1em;
}
.border-deco-btm {
	height: 13px;
	background: no-repeat center top url(https://file003.shop-pro.jp/PA01415/654/images/common/border_deco_btm.svg);
	background-size: 25px 13px;
	padding-bottom: 1em;
}
.no-deco {
	margin-bottom: 1em;
}

@media screen and (max-width:480px) {
	.border-normal {
		background-size: 350px 4px;
	}
	.border-top {
		background-size: 350px 4px;
	}
	.border-btm {
		background-size: 350px 4px;
	}
	.border-deco-top {
		background-size: 25px 9px;
	}
	.border-deco-btm {
		background-size: 25px 9px;
	}
}

/*===========================================================
 商品リスト
===========================================================*/

.product-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1em;
}
@media screen and (max-width:480px) {
	.product-list {
		width: 95%;
		margin: 0 auto 1em;
	}
}
.product-list-item {
	width: 33.333%; /* 3カラム表示 */
}
@media screen and (max-width:480px) {
	.product-list-item {
		width: 50%; /* 2カラム表示 */
	}
}
.product-list-inner {
	position: relative; /* absoluteに対し必要 */
	width: 95%;
	margin: 0 auto 1em;
}
.product-list-inner img {
	margin-bottom: 0.5em;
}
.product-list-inner .first-img {
	z-index: -9999; /* 背面に */
}
.product-list-inner .second-img {
	position: absolute; /* 1枚目の前面に透明にして配置 */
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .2s;
}
.product-list-inner .second-img:hover {
	opacity: 1; /* 2枚目を表示 */
}
.product-list-name {
	font-size: .9em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.product-list-price {
	font-size: .8em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.product-list-expl {
	font-size: .8em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

/*===========================================================
 ソート機能
===========================================================*/

.product-sort {
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	font-size: 0.8em;
	margin-bottom: 1em;
}
@media screen and (max-width:480px) {
	.product-sort {
		width: 92%;
		margin: 0 auto 1em;
	}
}
.product-sort-total {
	padding-top: 0.2em
}
.c-select-value {
	padding: 0.2em 2.5em 0.2em 0.5em;
	cursor: pointer;
	border: 1px solid transparent; /* デフォルトでボーダーを透明に */
	background: no-repeat url(https://file003.shop-pro.jp/PA01415/654/images/common/ic_select_button.svg);
	background-position: center right 0.5em;
	background-size: 1em 1em;
	transition: .2s;

  outline: none; /* 以下スマホ対応？残しておく */
  /*background: transparent;*/
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.c-select-value:hover {
	border-color: #ccc;
}
.c-select-value::-ms-expand {
	display: none;
}

/*===========================================================
 ページャー
===========================================================*/

.pager {
	text-align: center;
	border-top: 1px solid #ccc;
	padding-top: 1.5em;
	margin-bottom: 1.5em;
}
@media screen and (max-width:480px) {
	.pager {
		width: 92%;
		margin: 0 auto 1.5em;
	}
}
.pager-total {
	font-size: .8em;
	line-height: 1.5;
	margin-bottom: 1em;
}
.pager ul {
	list-style-type: none;
}
.pager li {
	display: inline-block;
	font-size: 1.2em;
	color: #ccc;
	text-align: center;
	padding: .3em .5em;
}
.pager li a {
	color: #000;
}
.pager li a:hover {
	color: #ae8a4b
}

/*===========================================================
 商品価格の装飾
===========================================================*/

.member-price { /* 会員価格 */
	color: #ce5d5d !important;
}
.delete-price { /* 元値 */
	text-decoration: line-through;
}
.list-price { /* 定価 */
	color: #000 !important;
}
.sold-out {	/* 売り切れ */
	color: #ce5d5d !important;
}
.shop-only-sign {	/* 店舗販売商品 */
	color: #ce5d5d !important;
}
.gallery-sign {	/* ギャラリーページ */
	color: #ce5d5d !important;
}
.column-sign {	/* コラムページ */
	color: #ce5d5d !important;
}
.not-found { /* ? */
	text-align: center;
}

/* common.css */

/*===========================================================
 パンくずリスト
===========================================================*/

#breadcrumb{
    letter-spacing: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    white-space: nowrap;
}
#breadcrumb li{
    display: inline-block;
    font-size: 75%;
    opacity: 0.7;
}
#breadcrumb li::after{
    content: ">";
    display: inline-block;
    margin: 0 0.5em;
}
#breadcrumb li:last-child::after{
    content: none;
}

/*common.css*/