@charset 'UTF-8';

/* â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– 

	Welcart関係

â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â– â–  */





/* ================================================================================

	商品一覧

================================================================================ */

.itemsoldout {
	color: #e33838;
}

em.tax {
	font-style: normal;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_item_list {
		position: relative;
		padding: 6.25vw 0 0 0;
	}
	.row_item_list2 {
		padding: 0;
	}

	/* 見出し */
	.row_item_list h2 {
		font-size: 3.125vw;
		font-family: 'Fjalla One', 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		font-weight: 300;
		line-height: 1.4;
		margin: 0 0 1vw 2vw;
	}

	/* 商品一覧
	----------------------------------------------- */
	.row_item_list ul {
		width: 100%;
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.row_item_list ul li {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		margin: 0 0 6.25vw 0;
	}
	.item_img img {
		width: 100%;
		height: 24.76vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		margin: 0 0 0.7vw 0;
	}
	.item_name {
		font-size: 1.1vw;
		font-weight: 300;
		line-height: 1.4;
		color: #242424;
		text-align: left;
		margin: 0 1vw 0.4vw;
	}
	.item_price {
		font-size: 1.1vw;
		font-weight: 300;
		line-height: 1.4;
		color:
		#df4545;
		text-align: left;
		margin: 0 0.5vw 0 1vw;
	}

	/* 商品が見つかりません
	----------------------------------------------- */
	.title_notfound {
		text-align: center;
		font-size: 20px;
	}

	/* 検索結果ページ　見つからない文章
	----------------------------------------------- */
	.item_not_found {
		font-size: 1vw;
		padding: 0 0 6.25vw 4vw;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_item_category {
		padding: 0 0 16vw;
		margin: 0 0 -6vw 0;
	}
	.row_item_list {
		position: relative;
		padding: 16vw 0 8vw;
	}
	.row_item_list2 {
		padding: 0;
	}

	/* 見出し */
	.row_item_list h2 {
		font-size: 7vw;
		font-family: 'Fjalla One', 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		font-weight: 300;
		line-height: 1.4;
		margin: 3vw;
	}

	/* 商品一覧
	----------------------------------------------- */
	.row_item_list ul {
		width: 100%;
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.row_item_list ul li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin: 0 0 6vw 0;
	}
	.item_img img {
		width: 100%;
		height: 50vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		margin: 0 0 3vw 0;
	}
	.item_name {
		font-size: 4vw;
		font-weight: 500;
		line-height: 1.4;
		color: #242424;
		text-align: left;
		margin: 0 3vw 1.2vw;
	}
	.item_price {
		font-size: 3.5vw;
		font-weight: 300;
		line-height: 1.4;
		color: #df4545;
		text-align: left;
		margin: 0 3vw 0;
	}

	/* 商品が見つかりません
	----------------------------------------------- */
	.title_notfound {
		text-align: center;
		font-size: 6vw;
	}

	/* 検索結果ページ　見つからない文章
	----------------------------------------------- */
	.item_not_found {
		font-size: 4vw;
		padding: 0 0 0 4vw;
	}
}




/* ================================================================================

	商品詳細ページ

================================================================================ */

/* バグ対策 順番変更
----------------------------------------------- */
.convert-box {
	display: flex;
	flex-flow: column;
}
.convert-box .item-info {
	order: 2;
}
.convert-box .detail-box {
	order: 1;
}



/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 商品タイトル */
	.item_page_title {
		margin: 0 0 40px 0;
	}
	.item_page_title h2 {
		background-color: #242424;
		color: #ffffff;
		font-size: 20px;
		font-weight: 400;
		padding: 1em;
	}


	/* 商品画像スライダー
	----------------------------------------------- */
	.flexslider {
		width: 666px !important;
		border: none !important;
		margin: 0 auto !important;
	}
	.flexslider ul {
	
	}
	.flexslider ul li {
	
	}
	.flexslider ul li img {
		width: 100% !important;
		height: 666px !important;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}

	/* サムネイル */
	.flexslider-controls {
	}
	.flexslider-controls ul {
		font-size: 0;
		letter-spacing: -.4em;
		text-align: center;
	}
	.flexslider-controls ul li {
		width: calc(666px/5);
		display: inline-block;
	}
	.flexslider-controls ul li img {
		width: 100%;
		height: auto;
		transition-property: opacity;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
	}
	.flexslider-controls ul li img:hover {
		opacity: 0.6;
		cursor: pointer;
	}


	/* 商品詳細
	----------------------------------------------- */
	.detail-box {
		border-bottom: 1px solid #666666;
		padding: 0 0 20px 0;
		margin: 40px 0 0 0;
	}

	/* エディター内容 */
	.item-description {
		background-color: #ffffff;
		padding: 80px;
		margin: 0 0 20px 0;
	}
	.item-description h3 {
		font-size: 40px;
		font-family: 'Fjalla One', 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		font-weight: 300;
		line-height: 1.4;
		margin: 0 0 24px 0;
		text-align: center;
	}
	.item-description img {
		display: block;
		width: 400px;
		height: auto;
	}

	.item-description table,
	.item-description table ul,
	.item-description table ol {
		margin: 1em 0;
	}
	.item-description table td {
		border: 1px solid;
		width: auto !important;
		vertical-align: middle;
	}

	.text_preparation {
		font-size: 20px;
		text-align: center;
	}

	/* 質問集 */
	.link_faq {
		border-top: 1px solid;
		padding: 1.2em 0 0 0;
		margin: 1.2em 0 0 0;
		line-height: 1;
	}
	.link_faq a {
		display: inline-block;
		font-size: 16px;
		letter-spacing: 0.1em;
		background-color: #242424;
		color: #ffffff;
		padding: 1em 2em;
		text-indent: 0.1em;
	}


	/* 商品タイトル・商品コード */
	h3.item-name {
		font-size: 20px;
		font-weight: 400;
		text-align: left;
	}
	.itemcode {
		font-size: 16px;
		font-weight: 300;
		color: #666666;
		text-align: left;
	}


	/* オプション
	----------------------------------------------- */
	.item-info{
		margin: 20px 0 0 0;
		text-align: right;
	}
	.item-info .field {
		border-bottom: 1px solid #666666;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
	}

	/* 複数値段がある時 */
	.skuform {
		margin: 0 0 60px 0;
	}
	.skuname {
		font-size: 20px;
		font-weight: 400;
		text-align: right;
	}
	.skucode {
		font-size: 16px;
		font-weight: 300;
		color: #666666;
		text-align: right;
	}



	/* オプション・サイズとか */
	.item-info dl.item-option {
		font-size: 0;
		margin: 0 0 8px 0;
	}
	.item-info dl.item-option dt {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		margin: 0 0.5em 0 0;
	}
	.item-info dl.item-option dt::after {
		position: relative;
		content: "：";
	}
	.item-info dl.item-option dd {
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
	}

	/* オプション・まとめ買いキャンペーン */
	.item-info dl.itemGpExp {
		font-size: 0;
		margin: 0 0 8px 0;
	}
	.item-info dl.itemGpExp dt {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		margin: 0 0.5em 0 0;
	}
	.item-info dl.itemGpExp dt::after {
		position: relative;
		content: "：";
	}
	.item-info dl.itemGpExp dd {
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
	}


	/* 価格 */
	.field_price {
		font-size: 26px;
		font-weight: 500;
		color: #CE3F3F;
	}


	/* カート
	----------------------------------------------- */
	.item-info .quantity {
		display: inline-block;
		margin-bottom: 5px;
	}
	.item-info .quantity input.skuquantity {
		width: 60px !important;
		height: 40px;	
		margin: 0 .357143em;
		padding: .357143em;
		border: 1px solid #ccc;
		text-align: center;
		-webkit-border-radius: 3px;  
		-moz-border-radius: 3px;  
		border-radius: 3px;  
	}

	/* 売り切れ
	----------------------------------------------- */
	.item-info .itemsoldout {
		font-weight: bold;
		text-align: right;
		letter-spacing: 0.5px;
	}

	/* 文章中のロゴ
	----------------------------------------------- */
	/* good-Heartz */
	.logo_good-heartz {
		display:inline-block;
	}
	.logo_good-heartz img {
		width: 124px;
	}

	/* DisMoi */
	.logo_dismoi {
		display:inline-block;
	}
	.logo_dismoi img {
		width: 44px;
		margin: 0 4px;
	}
	.dotto{
		font-size:14px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 商品タイトル */
	.item_page_title {
		margin: 0 0 6vw 0;
	}
	.item_page_title h2 {
		background-color: #242424;
		color: #ffffff;
		font-size: 4vw;
		font-weight: 400;
		padding: 1em;
	}


	/* 商品画像スライダー
	----------------------------------------------- */
	.flexslider {
		width: 100% !important;
		border: none !important;
		margin: 0 auto !important;
	}
	.flexslider ul {
	
	}
	.flexslider ul li {
	
	}
	.flexslider ul li img {
		width: 100% !important;
		height: 92vw !important;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}

	/* サムネイル */
	.flexslider-controls {
	}
	.flexslider-controls ul {
		font-size: 0;
		letter-spacing: -.4em;
		text-align: left;
	}
	.flexslider-controls ul li {
		width: 50%;
		display: inline-block;
	}
	.flexslider-controls ul li img {
		width: 100%;
		height: 46vw;
		transition-property: opacity;
		transition-duration: 0.3s;
		transition-timing-function: ease-in-out;
		transition-delay: 0s;
	}
	.flexslider-controls ul li img:hover {
		opacity: 0.6;
		cursor: pointer;
	}


	/* 商品詳細
	----------------------------------------------- */
	.detail-box {
		border-bottom: 1px solid #666666;
		padding: 0 0 20px 0;
		margin: 60px 0 0 0;
		font-size: 15px;
	}

	/* エディター内容 */
	.item-description {
		background-color: #ffffff;
		padding: 12vw 6vw;
		margin: 0 0 20px 0;
	}
	.item-description h3 {
		font-size: 40px;
		font-family: 'Fjalla One', 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		font-weight: 300;
		line-height: 1.4;
		margin: 0 0 24px 0;
		text-align: center;
	}
	.item-description img {
		display: block;
		width: 100%;
		height: auto;
	}

	.item-description table,
	.item-description table ul,
	.item-description table ol {
		margin: 1em 0;
	}
	.item-description table td {
		border: 1px solid;
		width: auto !important;
		vertical-align: middle;
	}

	.text_preparation {
		font-size: 6vw;
		text-align: center;
	}

	/* 質問集 */
	.link_faq {
		border-top: 1px solid;
		padding: 1.2em 0 0 0;
		margin: 1.2em 0 0 0;
		line-height: 1;
	}
	.link_faq a {
		display: inline-block;
		font-size: 4vw;
		letter-spacing: 0.1em;
		background-color: #242424;
		color: #ffffff;
		padding: 1em 2em;
		text-indent: 0.1em;
	}


	/* 商品タイトル・商品コード */
	h3.item-name {
		font-weight: 500;
		text-align: left;
	}
	.itemcode {
		font-weight: 300;
		color: #666666;
		text-align: left;
	}


	/* オプション
	----------------------------------------------- */
	.item-info{
		margin: 20px 0 0 0;
		text-align: right;
		font-size: 15px;
	}
	.item-info .field {
		border-bottom: 1px solid #666666;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
	}

	/* 複数値段がある時 */
	.skuform {
		margin: 0 0 60px 0;
	}
	.skuname {
		font-size: 20px;
		font-weight: 400;
		text-align: right;
	}
	.skucode {
		font-size: 16px;
		font-weight: 300;
		color: #666666;
		text-align: right;
	}



	/* オプション・サイズとか */
	.item-info dl.item-option {
		font-size: 0;
		margin: 0 0 8px 0;
	}
	.item-info dl.item-option dt {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		font-size: 3.5vw;
		margin: 0 0.5em 0 0;
	}
	.item-info dl.item-option dt::after {
		position: relative;
		content: "：";
	}
	.item-info dl.item-option dd {
		display: inline-block;
		vertical-align: middle;
		font-size: 3.5vw;
	}

	/* オプション・まとめ買いキャンペーン */
	.item-info dl.itemGpExp {
		font-size: 0;
		margin: 0 0 8px 0;
	}
	.item-info dl.itemGpExp dt {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		font-size: 3.5vw;
		margin: 0 0.5em 0 0;
	}
	.item-info dl.itemGpExp dt::after {
		position: relative;
		content: "：";
	}
	.item-info dl.itemGpExp dd {
		display: inline-block;
		vertical-align: middle;
		font-size: 3.5vw;
	}


	/* 価格 */
	.field_price {
		font-size: 4vw;
		font-weight: 500;
	}



	/* カート
	----------------------------------------------- */
	.item-info .quantity {
		display: inline-block;
		margin-bottom: 5px;
	}
	.item-info .quantity input.skuquantity {
		width: 60px !important;
		height: 40px;	
		margin: 0 .357143em;
		padding: .357143em;
		border: 1px solid #ccc;
		text-align: center;
		-webkit-border-radius: 3px;  
		-moz-border-radius: 3px;  
		border-radius: 3px;  
	}

	/* 売り切れ
	----------------------------------------------- */
	.item-info .itemsoldout {
		color: #ff8c00;
		font-weight: bold;
		text-align: right;
		letter-spacing: 0.5px;
	}

	/* 文章中のロゴ
	----------------------------------------------- */
	/* Heartz */
	.logo_good-heartz {
		display:inline-block;
	}
	.logo_good-heartz img {
		width: 24vw;
	}

	/* DisMoi */
	.logo_dismoi {
		display:inline-block;
	}
	.logo_dismoi img {
		width: 11vw;
		margin: 0 1vw;
	}
	.dotto{
		font-size:3vw;
	}
}




/* ================================================================================

	関連商品

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_kanren {
		position: relative;
		margin: 40px 0 0 0;
	}

	/* 見出し */
	.row_kanren h3 {
		font-size: 31px;
		font-weight: 500;
		margin: 0 0 16px 0;
		text-align: center;
	}

	/* 関連商品一覧 */
	.row_kanren ul {
		width: 1000px;
		font-size: 0;
		letter-spacing: -0.4em;
		margin: 0 0 10px 0;
	}
	.row_kanren ul li {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		margin: 0 0 6.25vw 0;
		font-size:14px;
	}
	.osusume_title{
		color:#000;
		padding: 15px 0 0 0;
		text-align: center;
	}
	.row_kanren ul li:last-of-type {
		margin: 0;
	}
	.row_kanren ul li a {
	}
	.row_kanren ul li img {
		width: 250px;
		height: 250px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.row_kanren ul li a span {
		display: block;
		font-size: 16px;
		color:
		#242424;
		padding: 0 6px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row_kanren {
		position: relative;
		width: auto;
		margin: 16vw -4vw 0;
	}

	/* 見出し */
	.row_kanren h3 {
		font-size: 6vw;
		font-family: 'Fjalla One', 'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
		font-weight: 500;
		line-height: 1.4;
		margin: 0 0 3vw 3vw;
	}

	/* 関連商品一覧 */
	.row_kanren ul {
		width: 100%;
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.row_kanren ul li {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin: 0 0 6vw 0;
		font-size:3vw;
	}
	.osusume_title{
		color:#000;
		padding: 0px 0 0 0;
		text-align: center;
	}
	
	.row_kanren img {
		width: 100%;
		height: 50vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		margin: 0 0 3vw 0;
	}
	.row_kanren ul li a span {
		display: block;
		font-size: 4vw;
		font-weight: 500;
		line-height: 1.4;
		color: #242424;
		text-align: left;
		margin: 0 3vw 1vw;
	}
}


dl.item-sku dd input[type="radio"]:checked + label {
	border: 3px solid #333;
	padding: 0 20px;
	color:#FFF;
	background-color:#333;
}





/* ================================================================================

	販売開始前　凬 Fu　V&Vネックレス

================================================================================ */
/* ただいま取扱いできません */
#post-1790 .itemsoldout::after,
#post-1822 .itemsoldout::after {
	content: '。販売開始まで少々お待ちください。';
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#post-1790 .itemsoldout,
	#post-1822 .itemsoldout {
		font-size: 3vw;
	}
}