/*===========================================================
 グループリスト
===========================================================*/

@media screen and (max-width:480px) {
		.group-list {
		background-color: #222;
	}
}
.group-list ul {
	margin-bottom: 1rem;
}
@media screen and (max-width:480px) {
	.group-list ul {
		width: 92%; /* スキマ */
		margin: 0 auto;
		padding-bottom: .5rem;
	}
}
.group-list li {
	display: inline-block;
	word-break: break-all;
	font-size: .9rem;
	margin-right: 1rem;
}
@media screen and (max-width:480px) {
	.group-list li a {
		color: #9B8E6C;
	}
}

/*===========================================================
 画像ビューワー
===========================================================*/

.img-viewer {
	margin-bottom: 2rem;
}
.img-viewer-main {
	margin-bottom: 2px;
}
.img-viewer-main img {
	width: 100%;
}
.img-viewer ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.img-viewer li {
	width: 20%; /* 5列で表示 */
	list-style-type: none;
	text-align: center;
	margin-bottom: .2rem;
}
.img-viewer li img {
	width: 98%; /* スキマ */
	transition: opacity .2s;
	cursor: pointer;
}
.img-viewer li img:hover {
	opacity: 0.5;
}

/*===========================================================
 商品情報
===========================================================*/

/*終了表示*/
#product-info .note {
	color: #fff;
	background-color: #222;
	padding: .5rem 1rem;
}

/* レイアウトボックス */
#product-info {
	padding-bottom: 2em;
}
@media screen and (max-width:480px) {
	#product-info {
		width: 92%; /* スキマ */
		margin: 0 auto;
	}
}
#product-info-head {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1em;
}
#product-info-body {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}
@media screen and (max-width:480px) {
	#product-info-body {
		display: block; /* 1カラム */
	}
}
#product-info-left,
#product-info-right {
	width:45%; /* 2カラム */
}
@media screen and (max-width:480px) {
	#product-info-left,
	#product-info-right {
		width:100%; /* 1カラム */
	}
}

/* 商品名 */
#product-info-head h1 {
	font-size: 1.3em;
	line-height: 1.5;
	font-weight: bold;
	width: 90%; /* 2カラム */
}

/* お気に入りボタン */
.fav-button button {
	background: no-repeat top center url(https://file003.shop-pro.jp/PA01415/654/images/common/ic_fav_off.svg);
	background-size: 1.5em;
	width: 1.5em;
	height: 2.3em;
}
.fav-button button.is-added {
	background: no-repeat top left url(https://file003.shop-pro.jp/PA01415/654/images/common/ic_fav_on.svg);
	background-size: 1.5em;
}

/* 価格 */
#product-info-price {
	padding-bottom: 1em;
}
#product-info-price .list-price {
	font-size: .8em;
}

/* 在庫状況 */
#stock-status {
	color: #FF0000;
	padding-bottom: .5em;
}

/* オプション情報 */
#option-info {
	padding-bottom: .5em;
}
.option-info-table-name {
	font-weight: bold;
	padding-bottom: 1em;
}
#option-info dl {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: .8em;
}
#option-info dt {
	width: 35%;
	border-top: 1px solid #ddd;
	padding-top: .5em;
}
#option-info dd {
	width: 60%;
}
#option-info dd ul li {
	list-style-type: none;
	border-top: 1px solid #ddd;
	padding: .3em 0;
}

/* オプション選択 */
.option-selector {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 1em;
}
.option-selector div {
	font-size: .8em;
	width: 35%;
}
.option-selector select {
	width: 60%;
	background: no-repeat center right .5em url(https://file003.shop-pro.jp/PA01415/654/images/common/ic_select_button.svg);
	background-size: 16px 16px;
	border: 1px solid #999;
	border-radius: .3em;
	padding: .3em;
}
@media screen and (max-width:480px) {
	.option-selector select {
		padding: .5em;
	}
}

/* 購入数セレクタ */
#cart-section .buy-num {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 2em;
}
#cart-section .buy-num dt {
	font-size: .8em;
	width: 35%;
}
#cart-section .buy-num dd {
	display: -webkit-flex;
	display: flex;
	width: 60%;
}
#cart-section .buy-num input {
	width: 30%;
	border: 1px solid #999;
	border-radius: .3em;
	padding: .3em;
}
@media screen and (max-width:480px) {
	#cart-section .buy-num input {
		padding: .5em;
	}
}
#cart-section .decrease-button {
	background: no-repeat center url(https://file003.shop-pro.jp/PA01415/654/images/common/ic_decrease.svg);
	background-size: 1.5em;
	width: 1.5em;
	height: 1.5em;
	margin-top: .5em;
	margin-right: .3em;
}
@media screen and (max-width:480px) {
	#cart-section .decrease-button {
		background-size: 3em;
		width: 3em;
		height: 3em;
		margin-top: 0;
		margin-right: .5em;
	}
}
#cart-section .increase-button {
	background: no-repeat center url(https://file003.shop-pro.jp/PA01415/654/images/common/ic_increase.svg);
	background-size: 1.5em;
	width: 1.5em;
	height: 1.5em;
	margin-top: .5em;
	margin-left: .3em;
}
@media screen and (max-width:480px) {
	#cart-section .increase-button {
		background-size: 3em;
		width: 3em;
		height: 3em;
		margin-top: 0;
		margin-left: .5em;
	}
}

/* カートボタン */
#cart-section .cart-btn {
	color: #eee;
	background-color: #9b8e6c;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 1rem;
	margin-bottom: 1rem;
}
#cart-section .cart-btn img {
	margin-right: .3rem;
}
#cart-section .cart-disabled {
	background-color: #ababab;
}
#cart-section .stock-inquiry {
	font-size: .9rem;
}

/* 右カラムの要素 */
#product-info-right p {
	font-size: .8em;
	padding-bottom: .3em;
}
#product-info-right a {
	color: #ae8a4b;
}
.sns-button {
	padding-top: 1em;
}
.sns-button span{
	padding-right: .5em;
}

/*===========================================================
 フリースペース
===========================================================*/

.free-space {
	padding-bottom: 2em;
}
.free-space br {
	line-height: 1em;
}
@media screen and (max-width:480px) {
	.free-space {
		width: 92%; /* スキマ */
		margin: 0 auto;

	}
}

/*===========================================================
 レコメンド
===========================================================*/

#recommend {
	background-color: #F2F2F2;
	padding: 1rem;
	margin-bottom: 2rem;
}
@media screen and (max-width:480px) {
	#recommend {
		padding: 1rem 0;
		margin-bottom: 0;
	}
}
#recommend h2 {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1em;
}
@media screen and (max-width:480px) {
	#recommend h2 {
		width: 95%; /*スキマ */
		margin: 0 auto;
	}
}

/*===========================================================
共通CSSの更新
===========================================================*/

@media screen and (max-width:480px) {
	/* 関連商品リスト */
		.product-list-item {
		width: 33.333%; /* 3カラム表示 */
	}
}

/*===========================================================
 エラー表示
===========================================================*/

.item-not-found {
}
.message-need-login, .message-not-found {
	text-align: center;
	margin-top: 2em;
}
.item-not-found .g-btn {
	margin: 2em auto;
}

/* details.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;
}