@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Welcart関係

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */





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

	商品一覧

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

.itemsoldout {
	color: #cc0000;
}

em.tax {
	font-style: normal;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row_item_category {
		position: relative;
		width: 1000px;
		margin: 0 auto;
	}
	.row_item_list {
		width: 700px;
		float: left;
	}
	.row_item_side {
		width: 300px;
		float: left;
		padding-left: 40px;
	}


	/* 商品一覧
	----------------------------------------------- */
	.row_item_list ul {
		width: 100%;
		font-size: 0;
		letter-spacing: -0.4em;
		margin-top: 40px;
	}
	.row_item_list ul li {
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		width: 33.3%;
		padding: 0 10px;
		margin-top: 40px;
	}
	.row_item_list ul li:nth-of-type(1),
	.row_item_list ul li:nth-of-type(2),
	.row_item_list ul li:nth-of-type(3) {
		margin-top: 0px;
	}

	.item_img img {
		width: 100%;
		height: 213px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.item_name {
		font-size: 16px;
		line-height: 1.4;
		text-align: left;
		margin: 0.4em 0.2em 0;
	}
	.item_price {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.4;
		text-align: left;
		margin: 0.2em 0.2em 0;
	}

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

	/* 検索結果ページ　見つからない文章
	----------------------------------------------- */
	.item_not_found {
		font-size: 20px;
		margin-top: 40px;
		text-align: center;
	}




	/* サイドバー
	----------------------------------------------- */
	.row_item_side aside section {
		padding: 20px;
		background-color: #ffffff;
		margin-top: 20px;
	}
	.row_item_side aside section:first-of-type {
		margin-top: 0;
	}
	.row_item_side h3 {
		font-size: 20px;
		border-bottom: 1px solid;
		padding: 0 0.3em 0.3em;
		margin-bottom: 1em;
	}


	/* ログイン */
	.row_item_side .loginbox .submit {
		padding: 0 !important;
		margin-bottom: 0.5em;
	}
	.row_item_side .loginbox input[type="submit"] {
		padding: 0.7em 1em 0.6em;
		background-color: #242424;
		color: #ffffff;
		border: none;
		-webkit-transition: .3s ease all;
		-moz-transition: .3s ease all;
		-o-transition: .3s ease all;
		transition: .3s ease all;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		vertical-align: top;
	}
	.row_item_side .loginbox input[type="submit"]:hover {
		background-color: #484848;
		cursor: pointer;
	}


	/* 商品カテゴリ */
	.widget_welcart_category ul li {
		position: relative;
		margin-top: 0.5em;
		font-size: 16px;
	}
	.widget_welcart_category ul li::before {
		position: relative;
		content: "・";
		font-size: 16px;
	}
	.widget_welcart_category ul li:first-of-type {
		margin-top: 0;
	}


	/* 商品一覧 */
	.row_item_side .item-list article {
		margin-top: 20px;
	}
	.row_item_side .item-list article:first-of-type {
		margin-top: 0;
	}
	.row_item_side .item-list img {
		width: 100%;
		height: 220px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.row_item_side .item-list .item-info-wrap {
		margin-top: 0.4em;
	}
}


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

	/* 商品一覧
	----------------------------------------------- */
	.row_item_list ul {
		width: 100%;
		font-size: 0;
		letter-spacing: -0.4em;
		margin-top: 6vw;
	}
	.row_item_list ul li {
		display: inline-block;
		vertical-align: top;
		font-size: 3.5vw;
		width: 50%;
		padding: 0 1vw;
		margin-top: 8vw;
	}
	.row_item_list ul li:nth-of-type(1),
	.row_item_list ul li:nth-of-type(2) {
		margin-top: 0;
	}

	.item_img img {
		width: 100%;
		height: 44vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.item_name {
		font-size: 3.5vw;
		font-weight: 500;
		line-height: 1.4;
		text-align: left;
		margin: 0.4em 0.2em 0;
	}
	.item_price {
		font-size: 3.2vw;
		font-weight: 300;
		line-height: 1.4;
		text-align: left;
		margin: 0.2em 0.2em 0;
	}

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

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




	/* サイドバー
	----------------------------------------------- */
	.row_item_side aside section {
		padding: 4vw;
		background-color: #ffffff;
		margin-top: 6vw;
	}
	.row_item_side aside section:first-of-type {
		margin-top: 0;
	}
	.row_item_side h3 {
		font-size: 4vw;
		border-bottom: 1px solid;
		padding: 0 0.3em 0.3em;
		margin-bottom: 1em;
	}


	/* ログイン */
	.row_item_side .loginbox .submit {
		padding: 0 !important;
		margin-bottom: 0.5em;
	}
	.row_item_side .loginbox input[type="submit"] {
		padding: 0.7em 1em 0.6em;
		background-color: #242424;
		color: #ffffff;
		border: none;
		-webkit-transition: .3s ease all;
		-moz-transition: .3s ease all;
		-o-transition: .3s ease all;
		transition: .3s ease all;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		vertical-align: top;
	}
	.row_item_side .loginbox input[type="submit"]:hover {
		background-color: #484848;
		cursor: pointer;
	}


	/* 商品カテゴリ */
	.widget_welcart_category ul li {
		position: relative;
		margin-top: 0.5em;
		font-size: 3.5vw;
	}
	.widget_welcart_category ul li::before {
		position: relative;
		content: "・";
		font-size: 3.5vw;
	}
	.widget_welcart_category ul li:first-of-type {
		margin-top: 0;
	}


	/* 商品一覧 */
	.row_item_side .item-list article {
		margin-top: 20px;
	}
	.row_item_side .item-list article:first-of-type {
		margin-top: 0;
	}
	.row_item_side .item-list img {
		width: 100%;
		height: 84vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		border-radius: 2vw;
	}
	.row_item_side .item-list .item-info-wrap {
		margin-top: 0.4em;
	}
}




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

	商品詳細ページ

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

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

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


	/* レイアウト
	----------------------------------------------- */
	.row_item_box {
		margin-top: 40px;
	}
	.row_item_box_l {
		float: left;
		width: 500px;
		min-height: 500px;
	}
	.row_item_box_r {
		float: left;
		width: 500px;
		padding-left: 40px;
	}


	/* 商品画像スライダー
	----------------------------------------------- */
	.flexslider {
		width: 500px !important;
		border: none !important;
		margin: 0 auto !important;
	}
	.flexslider ul {
	}
	.flexslider ul li {
	}
	.flexslider ul li img {
		width: 100% !important;
		height: 500px !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(500px/4);
		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;
	}


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

	/* 複数値段がある時 */
	.skuform {
		margin-top: 40px;
	}
	.skuform:first-of-type {
		margin-top: 0px;
	}
	.skuname {
		font-size: 20px;
		font-weight: 400;
	}
	.skucode {
		font-size: 16px;
		font-weight: 300;
		color: #666666;
	}



	/* オプション・サイズとか */
	.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: #cc0000;
	}


	/* カート
	----------------------------------------------- */
	.item-info .quantity {
		display: inline-block;
		vertical-align: middle;
	}
	.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 .cart-button {
		display: inline-block;
		vertical-align: middle;
	}
	.cart_h {
		background-color: #111111;
		padding: 19px 27px;
	}
	.cart_logo {
		width: 130px;
		height: 30px;
	}
	.cart_logo img {
		width: 100%;
	}

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


	/* 商品詳細
	----------------------------------------------- */
	.detail-box {
		background-color: #ffffff;
		padding: 24px;
		margin-top: 40px;
	}

	/* エディター内容 */
	.item-description {
	}
	.item-description h3 {
		font-size: 24px;
		font-weight: 500;
		line-height: 1.4;
		margin: 0 0 24px 0;
	}
	.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: 18px;
	}
}


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


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


	/* オプション
	----------------------------------------------- */
	.item-info{
		margin: 6vw 0 0 0;
	}
	.item-info .field {
		border-bottom: 1px solid #666666;
		padding-bottom: 20px;
	}
	.item-info .c-box {
		margin-top: 20px;
	}

	/* 複数値段がある時 */
	.skuform {
		margin-top: 40px;
	}
	.skuform:first-of-type {
		margin-top: 0px;
	}
	.skuname {
		font-size: 4.3vw;
		font-weight: 400;
	}
	.skucode {
		font-weight: 300;
		color: #666666;
	}



	/* オプション・サイズとか */
	.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;
		color: #cc0000;
	}



	/* カート
	----------------------------------------------- */
	.item-info .quantity {
		display: inline-block;
		margin-bottom: 5px;
	}
	.item-info .quantity input.skuquantity {
		width: 16vw;
		height: 10vw;
		margin: 0 .357143em;
		padding: .357143em;
		border: 1px solid #ccc;
		text-align: center;
		-webkit-border-radius: 3px;  
		-moz-border-radius: 3px;  
		border-radius: 3px;  
	}
	.cart_h {
		padding: 4.7vw 4vw;
		background-color: #111111;
	}
	.cart_logo {
		width: 27vw;
	}
	.cart_logo img {
		width: 100%;
	}

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


	/* 商品詳細
	----------------------------------------------- */
	.detail-box {
		background-color: #ffffff;
		padding: 4vw;
		margin: 12vw 0 0 0;
	}

	/* エディター内容 */
	.item-description {
	}
	.item-description h3 {
		font-size: 5vw;
		font-weight: 500;
		line-height: 1.4;
		margin: 0 0 4vw 0;
	}
	.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 {
	}
}




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

	関連商品

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

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

	/* 見出し */
	.row_kanren h3 {
		font-size: 20px;
		font-weight: 400;
		padding: 1em 0;
		border-bottom: 1px solid;
	}

	/* 関連商品一覧 */
	.row_kanren ul {
		width: 100%;
		font-size: 0;
		letter-spacing: -0.4em;
		margin-top: 20px;
	}
	.row_kanren ul li {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		font-size:14px;
		padding: 0 1px;
	}
	.row_kanren ul li:last-of-type {
		margin: 0;
	}
	.row_kanren ul li a {
		display: block;
	}
	.row_kanren ul li img {
		width: 100%;
		height: 248px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.row_kanren ul li a span {
		display: block;
		font-size: 16px;
		line-height: 1.4;
		padding: 0.3em 0.1em;
	}
}


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

	/* 見出し */
	.row_kanren h3 {
		font-size: 6vw;
		font-weight: 500;
		line-height: 1.4;
	}

	/* 関連商品一覧 */
	.row_kanren ul {
		width: 100%;
		font-size: 0;
		letter-spacing: -0.4em;
		margin-top: 6vw;
	}
	.row_kanren ul li {
		display: inline-block;
		vertical-align: top;
		font-size: 3.5vw;
		width: 50%;
		padding: 0 1px;
		margin-top: 8vw;
	}
	.row_kanren ul li:nth-of-type(1),
	.row_kanren ul li:nth-of-type(2) {
		margin-top: 0;
	}
	.row_kanren img {
		width: 100%;
		height: 45vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.row_kanren ul li a span {
		display: block;
		font-size: 3.5vw;
		line-height: 1.4;
		padding: 0.3em 0.1em;
	}
}




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

	特定商取引に基づく表記

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.commerce_table01 {
		letter-spacing: 0.05em;
	}
	.commerce_table01 table {
		width: 100%;
	}
	.commerce_table01 tr {
		border-bottom: 1px solid #eeeeee;
	}
	.commerce_table01 th {
		width: 25%;
		font-size: 16px;
		text-align: left;
		padding: 16px;
	}
	.commerce_table01 td {
		width: 75%;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		padding: 16px 16px 16px 0;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.commerce_table01 {
		letter-spacing: 0.03em;
	}
	.commerce_table01 table {
		width: 100%;
	}
	.commerce_table01 tr {
	}
	.commerce_table01 th {
		display: block;
		background-color: #ffffff;
		border: 1px solid #ffffff;
		font-size: 3.2vw;
		text-align: left;
		padding: 2vw;
	}
	.commerce_table01 td {
		display: block;
		border: 1px solid #ffffff;
		font-size: 3.2vw;
		font-weight: normal;
		text-align: left;
		padding: 2vw;
	}
}