@charset "utf-8";

/*************************************************
 * Description: 各ページ用CSS
 * Package: site
 * Author: Japan Electronic Industrial Arts Co.Ltd.
 * Update: 2018/02/
 * Notes: 
*************************************************/



/* ==============================================
 * bihaku title
=============================================== */
.title_bihaku {
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
}
.title_bihaku .en {
	display: block;
	font-family: "Georgia";
	color: #AC9B4D;
}
.title_bihaku .ja {
	display: block;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #444444;
	/**/
	text-shadow: 0 0 0px #444;
}
@media ( max-width: 767px ) {
	.title_bihaku {
		padding: 10px;
	}
	.title_bihaku .en {
		font-size: 20px;
	}
	.title_bihaku .ja {
		font-size: 14px;
		margin-top: 0.3em;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	.title_bihaku {
		padding: 20px;
	}
	.title_bihaku .en {
		font-size: 24px;
	}
	.title_bihaku .ja {
		font-size: 14px;
		margin-top: 0.5em;
	}
	/* .en.big */
	.title_bihaku .en.big {
		color: #A57944;
		font-size: 30px;
	}
}
@media ( min-width: 980px ) {
	.title_bihaku {
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 40px;
	}
	.title_bihaku .en {
		font-size: 28px;
	}
	.title_bihaku .ja {
		font-size: 14px;
		margin-top: 0.5em;
	}
	/* .en.big */
	.title_bihaku .en.big {
		color: #A57944;
		font-size: 36px;
	}
}

/* ==============================================
 * メインタイトル
=============================================== */
.main_column .title_type_a {
	font-weight: normal;
	line-height: 1.2;
	background-color: #e8e8e8;
	text-align: center;
}
.main_column .title_type_b {
	font-weight: normal;
	line-height: 1.2;
}
.main_column .title_type_c {
	font-weight: normal;
	line-height: 1.2;
}
/* サブタイトル */
.main_column .title-sub {
	font-weight: normal;
	line-height: 1.2;
}
@media ( max-width: 767px ) {
	.main_column .title_type_a {
		font-size: 15px;
		padding: 10px 10px;
	}
	.main_column .title_type_b {
		font-size: 15px;
		background-color: #B09D7C;
		color: #fff;
		padding: 10px 10px;
	}
	.main_column .title_type_c {
		font-size: 17px;
		background-color: #B09D7C;
		color: #fff;
		padding: 13px 10px;
	}
	.main_column .title-sub {
		font-size: 17px;
		background-color: #DAD2BE;
		padding: 10px 10px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	.main_column .title_type_a {
		font-size: 16px;
		padding: 0.6em 30px;
	}
	.main_column .title_type_b {
		font-size: 22px;
		color: #666;
		padding: 0.7em 0;
		margin: 0.5em 30px 0;
		border-top: solid 1px #ccc;
	}
	.main_column .title_type_c {
		font-size: 24px;
		color: #666;
		padding: 0.4em 0;
		margin: 0 30px 0.4em;
		border-bottom: solid 1px #999;
	}
	.main_column .title-sub {
		font-size: 22px;
		color: #666;
		padding: 0 30px;
	}
}
@media ( min-width: 980px ) {
	.main_column .title_type_a {
		font-size: 17px;
		padding: 0.6em;
	}
	.main_column .title_type_b {
		font-size: 22px;
		color: #666;
		padding: 0.7em 0;
		margin: 0.5em 0 0;
		border-top: solid 1px #ccc;
	}
	.main_column .title_type_c {
		font-size: 27px;
		color: #666;
		padding: 0.4em 0;
		margin: 0 0 0.4em;
		border-bottom: solid 1px #999;
	}
	.main_column .title-sub {
		font-size: 22px;
		color: #666;
		padding: 0.5em 0;
	}
}


/* ==============================================
 * リードsection
=============================================== */
.lead_section {
}
.lead_section .lead_title {
	font-size: 15px;
	background-color: #666;
	color: #fff;
	padding: 10px;
}
.lead_section .lead_image img {
	width: 100%;
}
@media ( min-width: 768px ) {
	.lead_section .lead_title {
		font-weight: normal;
		color: inherit;
		padding: 8px 10px;
		margin: 1em 0;
		background-color: transparent;
		text-align: center;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		font-size: 180%;
	}
}



/*************************************************
 * Page: 共通：文書スタイル定義
 * Package: 
 *
*************************************************/
/*
 * ※個別コンテンツで文書構造を揃えたい場合に親IDにclass.page_docを指定。
 * 主に利用ガイドのみでの使用となるが案件によっては利用ガイドと同様のスタイルを
 * 他ページでも適用する場面があるかと思うのでこの形で用意。
 */
.page_doc {
}

/* 文書スタイル：タイトル
----------------------------------------------- */
.page_doc h2.doc_title {
	font-weight: normal;
	line-height: 1.2;
}
.page_doc h3.doc_title {
	font-weight: normal;
	line-height: 1.2;
}
.page_doc h4 {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.2;
	margin: 1em 0;
}
.page_doc h4:before {
	/*
	font-family: "FontAwesome";
	content: "\f111";
	margin-right: 0.3em;
	color: #666;
	*/
}
.page_doc .st_title {
	font-size: 1.08em;
	font-weight: bold;
}
.page_doc .st_title:before {
	content: "【";
}
.page_doc .st_title:after {
	content: "】";
}
@media ( max-width: 767px ) {
	.page_doc h2.doc_title {
		font-size: 15px;
		background-color: #E8E4DA;
		color: inherit;
		padding: 10px 10px;
	}
	.page_doc h3.doc_title {
		font-size: 15px;
		padding: 10px 0;
		border-bottom: dotted 1px #ccc;
	}
	.page_doc h4 {
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	.page_doc h2.doc_title {
		font-size: 16px;
		background-color: #E8E4DA;
		color: inherit;
		padding: 0.5em 20px;
	}
	.page_doc h3.doc_title {
		font-size: 16px;
		border-bottom: dotted 1px #E8E4DA;
		border-left: solid 5px #E8E4DA;
		padding: 0.5em 0.5em;
		margin: 2em 0 1em;
	}
	.page_doc h4 {
		/*
		margin: 2em 0 1em;
		*/
	}
}
@media ( min-width: 980px ) {
	.page_doc h2.doc_title {
		font-size: 16px;
		background-color: #E8E4DA;
		color: inherit;
		padding: 0.5em 0.5em;
	}
	.page_doc h3.doc_title {
		font-size: 16px;
		border-bottom: dotted 1px #E8E4DA;
		border-left: solid 5px #E8E4DA;
		padding: 0.5em 0.5em;
		margin: 2em 0 1em;
	}
	.page_doc h4 {
		/*
		margin: 2em 0 1em;
		*/
	}
}

/* 文書スタイル：段落
----------------------------------------------- */
.page_doc p {
	/* 段落ごとに余白、改行高さも広くとって読みやすく*/
	line-height: 1.8;
	margin: 1em 0;
}

/* 文書スタイル：注意書き・箇条書き要素（ベーシック）
----------------------------------------------- */
.page_doc dl.note {
	margin: 1em 0;
}
.page_doc dl.note dt {
	font-weight: bold;
}
.page_doc dl.note dd {
	line-height: 1.8;
	position: relative;
	padding-left: 1.3em;/* マークとテキストの間隔調整 */
}
.page_doc dl.note dd:before {
	content: "・";
	font-size: inherit;
	position: absolute;
	top: 0;
	left: 0;
}

/*  文書スタイル：注意書き・箇条書き「※」シンボル
----------------------------------------------- */
.page_doc dl.note-rice {}
.page_doc dl.note-rice >dd:before {
	content: "※";
}

/*  文書スタイル：注意書き・箇条書き「●」シンボル
----------------------------------------------- */
.page_doc dl.note-disc {}
.page_doc dl.note-disc >dd:before {
	content: "●";
	color: #aaa;
}

/*  文書スタイル：注意書き・箇条書き「数字」
----------------------------------------------- */
.page_doc dl.note-decimal {}
.page_doc dl.note-decimal >dd {
	counter-increment: note;
}
.page_doc dl.note-decimal >dd:before {
	content: counter(note)".";
}

/*  文書スタイル：注意書き・箇条書き「アイコン付き」
----------------------------------------------- */
.page_doc dl.note-icon {}
.page_doc dl.note-icon >dd:before {
	font-family: "FontAwesome";
	content: "\f138";
	color: #aaa;
}

/* 文書スタイル：img画像
----------------------------------------------- */
.page_doc .fig{
	margin: 1em 0;
}
.page_doc .fig img {
	max-width: 100%;
}
.page_doc .fig.border img{
	border: solid 1px #ddd;
}

/* 文書スタイル：手順解説ステップ
----------------------------------------------- */
.page_doc .step_wrap {
	background: #f0f0f0;
	padding: 10px;
}
.page_doc .step_wrap .step_item {
}
.page_doc .step_item .step_content {
}
.page_doc .step_item .step_content h3 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 1em;
	border-bottom: dotted 1px #ccc;
}
.page_doc .step_item .step_fig {
	background-color: #fff;
	padding: 15px;
	text-align: center;
}
.page_doc .step_item .step_fig img {
	max-width: 100%;
	box-shadow: 1px 3px 5px 0 #ccc, 0 0 0 1px #ccc;
}
.page_doc .step_item + .step_item {
	margin-top: 1em;
}
.page_doc .step_wrap + .step_wrap {
}
/* メディアクエリ */
@media ( min-width: 768px ) {
	.page_doc .step_wrap {
		padding: 15px;
		overflow: hidden;/*.step_contentのoverflow不可視*/
	}
	.page_doc .step_wrap .step_item:after {/*画像にbox-shadowを付けたいのでoverflowでなくclearfix*/
		content: "";
		display: block;
		clear: both;
	}
	.page_doc .step_wrap > h3 {
		margin-top: 0;
	}
	.page_doc .step_item .step_content {
		float: right;
		width: 100%;
		margin-right: -400px;
		padding-right: 400px;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.page_doc .step_item .step_content p:first-child {
		margin-top: 0;
	}
	.page_doc .step_item .step_fig {
		padding: 0;
		background-color: transparent;
		float: left;
		width: 400px;
	}
	.page_doc .step_item + .step_item {
		margin-top: 30px;
	}
	.page_doc .step_wrap + .step_wrap {
		margin-top: 30px;
	}
}



/*************************************************
 *
 * 各ページ個別
 *
*************************************************/
/*************************************************
 * Page: トップページ
 * Package:
 *
*************************************************/
/* ※トップページ#middlecolumn全体への定義
body.LC_Page_Index #middlecolumn {}
*/



/*************************************************
 * Page: 当サイトについて
 * Package: abouts
 *
*************************************************/
#page_abouts_index {
}
#page_abouts_index .map_area {
	border: solid 1px #ccc;
	border-top: none;
}
#page_abouts_index .map_area #map {
	width: 100%;
	height: 250px;
}
@media ( min-width: 768px ) {
	#page_abouts_index .map_area {
		margin-top: 10px;
		border: solid 1px #ccc;
	}
	#page_abouts_index .map_area #map {
		height: 400px;
	}
}



/*************************************************
 * Page: カート表示
 * Package: cart
 *
*************************************************/
#page_cart_index {
}
#page_cart_login {
}
/* メンバーエリア */
.page_cart .member_area {
}
@media ( min-width: 768px ) {
	.page_cart .member_area {
		margin-top: 50px;
	}
}



/*************************************************
 * Page: お問い合わせ
 * Package: contact
 *
*************************************************/
/*ページ共通*/
.page_contact {
}

/* ==============================================
 * お問い合わせ(index)
 * Template: contact/index.tpl
=============================================== */
#page_contact_index {
}

/* ==============================================
 * お問い合わせ(入力内容のご確認)
 * Template: contact/confirm.tpl
=============================================== */
#page_contact_confirm {
}

/* ==============================================
 * お問い合わせ(送信完了)
 * Template: contact/complete.tpl
=============================================== */
#page_contact_complete {
}

/* ==============================================
 * 商品お問い合わせ(index)
 * Template: contact/pcontact.tpl
=============================================== */
#page_contact_pcontact {
}

/* 商品ビューエリア
----------------------------------------------- */
#page_contact_pcontact .product_view_area {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
/* 商品画像エリア */
#page_contact_pcontact .product_photo_area {
	width: 30%;
	float: left;
	margin-bottom: 10px;
}
#page_contact_pcontact .product_photo_area a {
	display: block;
	width: 100%;
	border: solid 1px #ccc;
}
#page_contact_pcontact .product_photo_area a img {
	width: 100%;
}
/* 商品データエリア */
#page_contact_pcontact .product_data_area {
	float: left;
	width: 70%;
	box-sizing: border-box;
	padding-left: 15px;
	margin-bottom: 10px;
}
#page_contact_pcontact .product_view_area h3 {
	font-weight: normal;
	padding-bottom: 7px;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 7px;
}
#page_contact_pcontact .product_view_area p {
	margin: 0.5em 0;
}

/* ==============================================
 * 商品お問い合わせ(入力内容のご確認)
 * Template: contact/pconfirm.tpl
=============================================== */
#page_contact_pconfirm {
}

/* 商品画像エリア */
#page_contact_pconfirm .product_view_area {
}
#page_contact_pconfirm .product_view_area img {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 70px;
}
#page_contact_pconfirm .product_view_area h3 {
	display: inline;
	font-size: inherit;
	font-weight: normal;
}

/* ==============================================
 * 商品お問い合わせ(送信完了)
 * Template: contact/pcomplete.tpl
=============================================== */
#page_contact_pcomplete {
}



/*************************************************
 * Page: 会員登録
 * Package: entry
 *
*************************************************/
.page_entry {
}

/* ==============================================
 * 会員登録(index)
 * Template: entry/index.tpl
=============================================== */
#page_entry_index {
}
#page_entry_index .process_btn_area {
	background-color: #e4e4e4;
	padding: 15px;
}

/* ==============================================
 * 会員登録完了
 * Template: regist/complete.tpl
=============================================== */
#page_entry_complete {
}



/*************************************************
 * Page: よくある質問
 * Package: faq
 *
*************************************************/
.page_faq {
}
.page_faq .title-sub a {
	color: inherit;
}

@media ( min-width: 768px ) {
	/* サブタイトル */
	.page_faq .title-sub {
		border-bottom: solid 1px #ccc;
		padding-bottom: 5px;
	}
}

/* キーワード検索窓
----------------------------------------------- */
.page_faq .faq_search_area {
}
.page_faq .faq_search_area .input_area {
	background-color: #f4f4f5;
	padding: 15px;
}
.page_faq .faq_search_area .input_box {
	width: 100%;
	position: relative;
	height: 35px;/*入力欄とボタン高さ*/
}
.page_faq .faq_search_area input[type=text] {
	width: 100%;
	height: 100%;
	padding-left: 7px;
	padding-right: 21%;
}
.page_faq .faq_search_area button {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	min-width: 80px;
	height: 100%;
	background-color: #333;
	cursor: pointer;
	text-align: center;
	color: #fff;
	letter-spacing: 0.2em;
	transition: background-color .3s;
	border-radius: 0 4px 4px 0;/* ボタンの右側に角丸 */
}
.page_faq .faq_search_area button:hover {
	background-color: #666;
}
.page_faq .faq_search_area button i {
	margin-right: 5px;
}

@media ( min-width: 768px ) {
	.page_faq .faq_search_area .input_area {
		padding: 24px;
	}
}

/* FAQ リスト
----------------------------------------------- */
.faq_list {
}
@media ( max-width: 767px ) {
	.faq_list {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.faq_list ul {
}
.faq_list li {
	padding: 1.25em 0;
	margin: 0;
}
.faq_list li + li {
	border-top: dotted 1px #ccc;
}
.faq_list li a {
	color: inherit;
}

/* FAQ 詳細
----------------------------------------------- */
.faq_detail {
}
@media ( max-width: 767px ) {
	.faq_detail {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.faq_detail dl {
}
.faq_detail dt,
.faq_detail dd {
	padding: 1.25em 0;
	margin: 0;
}
.faq_detail dd {
	border-top: dotted 1px #ccc;
}

/* FAQ アイコン
----------------------------------------------- */
.faq_list li,
.faq_detail dt,
.faq_detail dd {
	position: relative;
	padding-left: 2.5em;/*アイコンとテキストとのバランス*/
}
.faq_question:before,
.faq_answer:before {
	content: "";
	font-family: Palatino, Book Antiqua, Georgia, serif;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 120%;
	line-height: 1;
	width:1.5em;
	height:1.5em;
	box-sizing: border-box;
	padding-top: 0.25em;
	text-align: center;
	margin-top: 1em;/*テキストとの縦中央バランス*/
	background-color: #B09D7C;
	color: #fff;
	border-radius: 3px;
}
.faq_question:before {
	content: "Q";
}
.faq_answer:before {
	content: "A";
}

/* ==============================================
 * よくある質問（index）
 * Template: faq/index.tpl
=============================================== */
#page_faq_index {
}

/* FAQ カテゴリ一覧
----------------------------------------------- */
#page_faq_index .faq_category li {
	display: inline-block;
	border-right: dotted 1px #999;/*改行されるケースを想定して右側に*/
	font-size: 14px;
	line-height: 1;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
}
#page_faq_index .faq_category li:last-child {
	border-right: none;
}
@media ( max-width: 767px ) {
	#page_faq_index .faq_category {
		background-color: #eee;
		padding: 10px;
	}
	#page_faq_index .faq_category li {
		background-color: #fff;
		border: none;
		padding: 0;
	}
	#page_faq_index .faq_category li a {
		display: block;
		padding: 10px;
	}
}
@media ( min-width: 768px ) {
	#page_faq_index .faq_category {
		padding-top: 10px;
	}
}

/* ==============================================
 * よくある質問（詳細）
 * Template: faq/detail.tpl
=============================================== */
#page_faq_detail {
}
#page_faq_detail .faq_question h1 {
	font-weight: normal;
	font-size: inherit;
}



/*************************************************
 * Page: パスワードの再発行
 * Package: forgot
 *
*************************************************/
/* ==============================================
 * パスワードの再発行(index)
 * Template: forgot/index.tpl
=============================================== */
#page_forgot_index {
}

/* ==============================================
 * パスワードの再発行(秘密の質問の確認)
 * Template: forgot/secret.tpl
=============================================== */
#page_forgot_secret {
}

/* ==============================================
 * パスワードの再発行(完了)
 * Template: forgot/complete.tpl
=============================================== */
#page_forgot_complete {
}
/* 再発行パスワード表示 */
#page_forgot_complete .new_password {
	border: solid 1px #666;
	padding: 1em;
	margin-top: 15px;
	background-color: #fff;
}
#page_forgot_complete .new_password p {
	font-size: 18px;
	font-weight: bold;
	color: #c00;
	letter-spacing: 0.15em;
	text-align: center;
}



/*************************************************
 * Page: 利用ガイド
 * Package: guide
 *
*************************************************/
.page_guide {
}

/* ガイドナビ
----------------------------------------------- */
/* ※モバイル表示時は.toggleにてトグル制御（parts.css） */
@media ( min-width: 768px ) {
	.page_guide .btn_toggle {
		display: none;
	}
	.page_guide .toggle_nav {
		display: block;
		margin: 10px 0;
	}
	.page_guide .toggle_nav ul {
	}
	.page_guide .toggle_nav li {
		display: inline-block;
		background-color: transparent;
		border-bottom: none;
	}
	.page_guide .toggle_nav li a {
		color: inherit;
		display: block;
		padding: 3px 6px;
	}
	.page_guide .toggle_nav a:before {
		font-family: "FontAwesome";
		content: "\f0da";
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
		font-size: 100%;
		color: #aaa;
	}
}

/* 利用ガイド内FAQ（CNポイントについてで使用）
----------------------------------------------- */
.page_guide .faq_detail {
}
.page_guide .faq_detail + .faq_detail {
	border-top: dotted 1px #ccc;
}
.page_guide .faq_detail .faq_question {
}
.page_guide .faq_detail .faq_answer {
	border-top: none;
}
@media ( max-width: 767px ) {
	.page_guide .faq_detail {
		padding: 0;
	}
	.page_guide .faq_detail .faq_question {
		padding-bottom: 0;
	}
	.page_guide .faq_detail .faq_answer {
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	.page_guide .faq_detail + .faq_detail {
		margin-top: 10px;
		padding-top: 10px;
	}
}
@media ( min-width: 980px ) {
	.page_guide .faq_detail + .faq_detail {
		margin-top: 10px;
		padding-top: 10px;
	}
}

/* ==============================================
 * 利用ガイド(INDEX)
 * Template: guide/index.tpl
=============================================== */
#page_guide_index {
}
#page_guide_index .menu_item_wrap {
}
#page_guide_index .menu_item_wrap .menu_item {
}
#page_guide_index .menu_item h3 {
	background-color: #555;
	color: #fff;
	font-size: 15px;
	padding: 5px 10px;
	font-weight: normal;
}
#page_guide_index .menu_item ul {
}
#page_guide_index .menu_item li {
	font-size: 14px;
}
#page_guide_index .menu_item a {
	display: block;
	color: inherit;
	padding: 15px;
	background-color: #f8f8f8;
	border-top: solid 1px #ccc;
}
#page_guide_index .menu_item a:before {
	font-family: "FontAwesome";
	content: "\f0da";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	font-size: 100%;
	color: #aaa;
}

/* メディアクエリ */
@media ( min-width: 768px ) {
	#page_guide_index .menu_item_wrap {
		overflow: hidden;
	}
	#page_guide_index .menu_item_wrap .menu_item {
		width: 50%;
		float: left;
		box-sizing: border-box;
		margin-top: 30px;
	}
	#page_guide_index .menu_item_wrap .menu_item:nth-child(odd) {
		padding-right: 15px;
		clear: both;
	}
	#page_guide_index .menu_item_wrap .menu_item:nth-child(even) {
		padding-left: 15px;
	}
	#page_guide_index .menu_item ul {
		margin-top: 15px;
	}
	#page_guide_index .menu_item li {
	}
	#page_guide_index .menu_item a {
		padding: 7px;
		background-color: transparent;
		border-top: none;
	}
	#page_guide_index .menu_item h3 {
		background-color: #B09D7C;
		font-weight: bold;
	}
}

/* ==============================================
 * 利用ガイドご注文の流れ
 * Template: guide/flow.tpl
=============================================== */
#page_guide_flow {
}

/* ==============================================
 * 利用ガイドお支払いについて
 * Template: guide/payment.tpl
=============================================== */
#page_guide_payment {
}

/* ==============================================
 * 利用ガイド返品・交換について
 * Template: guide/return.tpl
=============================================== */
#page_guide_return {
}

/* ==============================================
 * 利用ガイド送料・発送について
 * Template: guide/delivery.tpl
=============================================== */
#page_guide_delivery {
}

/* ==============================================
 * 利用ガイド会員登録について
 * Template: guide/entry.tpl
=============================================== */
#page_guide_entry {
}

/* ==============================================
 * 利用ガイドマイページの使い方
 * Template: guide/mypage.tpl
=============================================== */
#page_guide_mypage {
}
/* マイページトップの説明
----------------------------------------------- */
#page_guide_mypage .mypagetop {
}
#page_guide_mypage .mypagetop h3 {
	border-bottom: none;
	margin-bottom: 0;
}
#page_guide_mypage .mypagetop h3:before {
	display: inline-block;
	vertical-align: middle;
	font-size: 120%;
	margin-right: 5px;
}
#page_guide_mypage .mypagetop h3.num1:before {
	content: "\2460";
}
#page_guide_mypage .mypagetop h3.num2:before {
	content: "\2461";
}
#page_guide_mypage .mypagetop h3.num3:before {
	content: "\2462";
}
#page_guide_mypage .mypagetop h3.num4:before {
	content: "\2463";
}
#page_guide_mypage .mypagetop h3.num5:before {
	content: "\2464";
}
#page_guide_mypage .mypagetop h3 + p {
	margin-top: 0;
	margin-left: 2em;
}

/* ==============================================
 * 利用ガイド利用規約
 * Template: guide/kiyaku.tpl
=============================================== */
#page_guide_kiyaku {
}

/* ==============================================
 * 利用ガイドサイトマップ
 * Template: guide/site_map.tpl
=============================================== */
#page_guide_sitemap {
}
/* サイトマップ
------------------------------------------------*/
#page_guide_sitemap .sitemap_area {
}
#page_guide_sitemap .sitemap_area .sitemap_title {
	font-size: 14px;
	margin-top: 15px;
}
#page_guide_sitemap .sitemap_area a {
	color: inherit;
}
/* HOME & 親ul */
#page_guide_sitemap .sitemap_area ul.sm_home,
#page_guide_sitemap .sitemap_area ul.sm_parent {
	margin-top: 15px;
}
#page_guide_sitemap .sitemap_area ul.sm_parent {
	border-top: dotted 1px #ccc;
	overflow: hidden;/*page_itemのfloat用*/
}
/* ページ要素をぶらさげるul要素 */
#page_guide_sitemap .sitemap_area ul.hangpages {
	margin-top: .8em;
	overflow: hidden;/*page_itemのfloat用*/
}
/* ページ要素（il） */
#page_guide_sitemap .sitemap_area li.page_item {
	line-height: 2;
	/*floatさせる場合は以下を記述
	float: left;
	margin-right: .9em;
	*/
}
#page_guide_sitemap .sitemap_area li.page_item:before {
	font-family: "FontAwesome";
	content: "\f0da";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 100%;
	color: #aaa;
}
/* 子ulを持つli要素 */
#page_guide_sitemap .sitemap_area li.has_child {
	margin-left: 1em;
}

/* ==============================================
 * 利用ガイドプライバシーポリシー
 * Template: guide/privacy.tpl
=============================================== */
#page_guide_privacy {
}

/* ==============================================
 * 利用ガイド特定商取引に関する法律に基づく表記
 * Template: guide/order.tpl
=============================================== */
#page_guide_order {
}

/* ==============================================
 * 利用ガイドセキュリティについて
 * Template: guide/security.tpl
=============================================== */
#page_guide_security {
}

/* ==============================================
 * 利用ガイド推奨環境について
 * Template: guide/requirements.tpl
=============================================== */
#page_guide_requirements {
}



/*************************************************
 * Page: マイページ
 * Package: mypage
 * Notes:
 *
*************************************************/
/* ==============================================
 * 共通
=============================================== */
.page_mypage {
}

/* 会員アナウンス表示
----------------------------------------------- */
.page_mypage .user_announce {
	background-color: #f8f8f8;
	padding: 10px;
}
@media ( min-width: 768px ) {
	.page_mypage .user_announce {
		background-color: transparent;
		padding: 0;
		margin: 15px 0;
	}
}

/* マイページナビ
----------------------------------------------- */
/* ※モバイル表示時は.toggleにてトグル制御（parts.css） */
@media ( min-width: 768px ) {
	.page_mypage .btn_toggle {
		display: none;
	}
	.page_mypage .toggle_nav {
		display: block;
	}
	.page_mypage .toggle_nav:after {/*ボタンにbox-shadowを使いたいのでoverflowでなくclearfixを使用*/
		/*
		content: "";
		display: block;
		clear: both;
		*/
	}
	.page_mypage .toggle_nav ul {
		display: flex;
		flex-flow: row wrap;
		/*justify-content: space-between;*/
	}
	.page_mypage .toggle_nav li {
		/*
		float: left;
		width: 20%;
		box-sizing: border-box;
		border-style: solid;
		border-color: #ccc;
		border-width: 1px 1px 1px 0;
		*/
		flex: 0 1 auto;
		background-color: transparent;
		text-align: center;
	}
	.page_mypage .toggle_nav li:first-child {
		/*
		border-left-width: 1px;
		*/
	}
	.page_mypage .toggle_nav li a {
		padding: 8px 4px;
	}
	/* is-active */
	.page_mypage .toggle_nav li.is-active a {
		background-color: #B09D7C;
		color: #fff;
		box-shadow: 0 0 0 1px #B09D7C;
	}
}
@media ( min-width: 768px ) and ( max-width: 1279px ) {
	.page_mypage .toggle_nav ul {
		border-left: solid 1px #ccc;
	}
	.page_mypage .toggle_nav li {
		box-sizing: border-box;
		width: 25%;
		border: solid 1px #ccc;
		border-left: none;
	}
	.page_mypage .toggle_nav li:nth-child(n+5) {
		border-top: none;
	}
}
@media ( min-width: 1280px ) {
	.page_mypage .toggle_nav ul {
		border: solid 1px #ccc;
	}
	.page_mypage .toggle_nav li {
		box-sizing: border-box;
		width: calc(100% / 7);
		border: none;
	}
	.page_mypage .toggle_nav li + li {
		border-left: solid 1px #ccc;
	}
}

/* ==============================================
 * [include]マイページヘッダー
 * Template: mypage/include_header.tpl
=============================================== */
.page_mypage .mypage_header {
}

/* ==============================================
 * ログインページ
 * Template: mypage/login.tpl
=============================================== */
#page_mypage_login {
}
/* メンバーエリア */
#page_mypage_login .member_area {
	margin-top: 10px;
}
@media ( min-width: 768px ) {
	#page_mypage_login .member_area {
		margin-top: 50px;
	}
}

/* ==============================================
 * 購入履歴一覧
 * Template: mypage/index.tpl
=============================================== */
#page_mypage_index {
}
#page_mypage_index tbody td {
	min-width: 2em;
}
#page_mypage_index .message-info {
	margin-bottom: 0;
}

/* ==============================================
 * 購入履歴詳細
 * Template: mypage/history.tpl
=============================================== */
#page_mypage_history {
}
#page_mypage_history table {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* 購入概要欄 */
#page_mypage_history .purchase_info {
}
/* 再注文ボタン */
#page_mypage_history .reorder_area {
	margin-top: 10px;
}
#page_mypage_history .reorder_area .btn {
	width: 100%;
	padding: 8px 12px;
	border-radius: 4px;
}

@media ( min-width: 768px ) {
	#page_mypage_history .purchase_info {
		padding: 10px;
		border: 1px solid #ccc;
		position: relative;
	}
	#page_mypage_history .reorder_area {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	#page_mypage_history .reorder_area .btn {
		width: auto;
	}
	
	/**/
	@media ( min-width: 980px ) {
		#page_mypage_history table {
			margin: 20px 0;
		}
		/*複数配送時のお届け商品とお届先住所tableの隙間を調整*/
		#page_mypage_history .table_shipping_item + .table_shipping_addr {
			position: relative;
			top: -10px;
		}
	}
}

/* ==============================================
 * メール配信履歴詳細
 * Template: mypage/mail_view.tpl
=============================================== */
#page_mypage_mail_view {
}
#page_mypage_mail_view p {
	padding: 10px;
	word-wrap: break-word;
}

/* ==============================================
 * お気に入り一覧
 * Template: mypage/favorite.tpl
=============================================== */
#page_mypage_favorite {
}
#page_mypage_favorite tbody td {
	min-width: 2em;
}
#page_mypage_favorite .message-info {
	margin-bottom: 0;
}

/* お気に入り商品
----------------------------------------------- */
#page_mypage_favorite .favorite_product {
	width: 100%;
	overflow: hidden;
}
#page_mypage_favorite .favorite_product .product_photo_area {
	width: 70px;
	float: left;
}
#page_mypage_favorite .favorite_product .product_photo_area a {
	display: block;
}
#page_mypage_favorite .favorite_product .product_photo_area img {
	width: 100%;
	height: auto;
}
#page_mypage_favorite .favorite_product .product_data_area {
	width: auto;
	float: none;
	margin-left: 80px;
}

/* ==============================================
 * 会員登録内容変更（編集フォーム）
 * Template: mypage/change.tpl
=============================================== */
#page_mypage_change {
}

/* ==============================================
 * 会員登録内容変更（入力内容のご確認）
 * Template: mypage/change_confirm.tpl
=============================================== */
#page_mypage_change_confirm {
}

/* ==============================================
 * 会員登録内容変更（登録完了）
 * Template: mypage/change_complete.tpl
=============================================== */
#page_mypage_change_complete {
}

/* ==============================================
 * お届け先追加・変更（一覧）
 * Template: mypage/delivery.tpl
=============================================== */
#page_mypage_delivery {
}
#page_mypage_delivery tbody td {
	min-width: 2em;
}
#page_mypage_delivery .message-info {
	margin: 0;
}

/* ==============================================
 * お届け先追加・変更（入力編集フォーム）
 * Template: mypage/delivery_addr.tpl
=============================================== */
#page_mypage_delivery_addr {
}

/* ==============================================
 * 退会手続き
 * Template: mypage/refusal.tpl
=============================================== */
#page_mypage_refusal {
}

/* 退会ボタンエリア（refusal, refusal_confirmで共有） */
.page_mypage .refusal_process_btn_area {
	padding: 10px;
	padding-top: 0;
}
.page_mypage .refusal_process_btn_area .refusal_message {
}
.page_mypage .refusal_process_btn_area .process_btn_area {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
}
@media ( min-width: 768px ) {
	.page_mypage .refusal_process_btn_area {
		border: solid 1px #ddd;
		margin: 20px 0;
		padding: 20px;
		text-align: center;
	}
	.page_mypage .refusal_process_btn_area .refusal_message {
	}
	.page_mypage .refusal_process_btn_area .process_btn_area {
		margin-top: 20px;
		margin-bottom: 0;
	}
}

/* ==============================================
 * 退会手続き（退会確認）
 * Template: mypage/refusal_confirm.tpl
=============================================== */
#page_mypage_refusal_confirm {
}

/* ==============================================
 * 退会手続き（退会完了）
 * Template: mypage/refusal_complete.tpl
=============================================== */
#page_mypage_refusal_complete {
}

/* ==============================================
 * CNポイント連携
 * Template: mypage/clubnets.tpl
=============================================== */
#page_mypage_clubnets {
}
#page_mypage_clubnets .message_area {
}
#page_mypage_clubnets .message_area p {
	padding-top: 10px;
}
#page_mypage_clubnets .message_area p + .process_btn_area {
	margin-top: 10px;
	margin-bottom: 0px;
}
#page_mypage_clubnets .table_basic {
	margin-top: 10px;
}
@media ( max-width: 767px ) {
	/* 未連携時table + ボタン */
	#page_mypage_clubnets table + .process_btn_area {
		padding: 0;
		margin-top: 10px;
	}
	/* message_area */
	#page_mypage_clubnets .message_area {
		border: none;
		border-top: solid 1px #ccc;
		margin-top: 20px;
	}
	#page_mypage_clubnets .message_area p {
		text-align: left;
		padding: 0;
	}
	#page_mypage_clubnets .message_area .process_btn_area {
		padding: 0;
	}
	#page_mypage_clubnets .process_btn_area + p {
		padding: 15px 0 5px;
	}
}
@media ( min-width: 980px ) {
	#page_mypage_clubnets #section_cn_renkei {
		margin-top: 30px;
	}
}



/*************************************************
 * Page: 新着情報
 * Package: news
 * Notes:
 *
*************************************************/
/* ==============================================
 * 新着情報一覧
 * Template: news/index.tpl
=============================================== */
#page_news_index {
}
@media ( max-width: 767px ) {
	#page_news_index .news_layout  {
		padding: 0 10px;
		box-sizing: border-box;
	}
}

/* ==============================================
 * デザインテーマ【theme-1】
=============================================== */
#page_news_index.theme-1 {
}
#page_news_index.theme-1 .item {
	border-top: dotted 1px #ccc;
	padding: 10px 0;
	display: table;
	width: 100%;
}
#page_news_index.theme-1 .item:first-child {
	border-top: none;
}
#page_news_index.theme-1 .item_details1 {
	display: table-cell;
	width: 85px;/*6em;*/
}
#page_news_index.theme-1 .item_details2 {
	display: table-cell;
	padding-left: 10px;
}
#page_news_index.theme-1 .item_news_date {
}
#page_news_index.theme-1 .item_news_title h3 {
	font-weight: normal;
	font-size: inherit;
}
#page_news_index.theme-1 .item_news_title h3 a {
	color: inherit;
}

/* ==============================================
 * 新着情報一覧:デザインテーマ【theme-2】
=============================================== */
#page_news_index.theme-2 {
}
#page_news_index.theme-2 .item {
	border-top: dotted 1px #ccc;
	padding: 10px 0;
	display: table;
	width: 100%;
}
#page_news_index.theme-2 .item:first-child {
	border-top: none;
}
#page_news_index.theme-2 .item_details1 {
	display: table-cell;
	width: 70px;
}
#page_news_index.theme-2 .item_details2 {
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}
#page_news_index.theme-2 .item_news_date {
}
#page_news_index.theme-2 .item_news_title h3 {
	font-weight: normal;
	font-size: inherit;
}
#page_news_index.theme-2 .item_news_title h3 a {
	color: inherit;
}


/* ==============================================
 * 新着情報詳細
 * Template: news/detail.tpl
=============================================== */
#page_news_detail {
}
#page_news_detail .item_news_date {
}
#page_news_detail .item_news_title {
}
#page_news_detail .item_news_title h1 {
	font-size: 18px;
	font-weight: normal;
}
#page_news_detail .item_news_comment {
	margin-top: 15px;
}



/*************************************************
 * Page: 特定商取引に関する法律に基づく表記
 * Package: order
 *
*************************************************/
#page_order_index {
}



/*************************************************
 * Page: 商品一覧・詳細、メーカー一覧
 * Package: products
 *
*************************************************/
/* ==============================================
 * 商品一覧
 * Template: products/list.tpl
=============================================== */
#page_products_list {
}
#page_products_list .page_head {
	max-width: 1600px;
	margin: 0 auto;
}
#page_products_list .page_body .section_body {
}
@media ( max-width: 767px ) {
	#page_products_list .page_head {
		padding: 0 10px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_list .page_head {
		padding: 0 30px;
	}
}
@media ( min-width: 980px ) {
	#page_products_list .page_head {
		padding: 0 40px;
	}
	#page_products_list .page_body .section_body {
		padding-top: 40px;
	}
}

/* ==============================================
 * 商品リストタイトルエリア（タイトル＆商品並び替えボタン）
 * フレーム
=============================================== */
#page_products_list .products_list_navtitle_area {
	border-top: solid 2px #B09D7C;
}
@media ( max-width: 767px ) {
	#page_products_list .products_list_navtitle_area {
		padding: 10px 0;
	}
	#page_products_list .products_list_title_wrap {
	}
	#page_products_list .products_list_nav {
	}
}
@media ( min-width: 768px ) {
	#page_products_list .products_list_navtitle_area {
		padding: 15px 0;
		display: flex;
		justify-content: space-between;
	}
	#page_products_list .products_list_title_wrap {
		display: flex;
		align-items: center;
	}
	#page_products_list .products_list_nav {
		display: flex;
		align-items: center;
	}
}

/* ==============================================
 * タイトルエリア
=============================================== */
#page_products_list .products_list_title_wrap {
}
/* タイトル
----------------------------------------------- */
#page_products_list .products_list_title {
	display: inline-block;
}
#page_products_list .products_list_title h1 {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
}
#page_products_list .products_list_title h1:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background-color: #B09D7C;
	margin-right: 10px;
}
#page_products_list .products_list_title > span {
	display: inline-block;
	font-size: 16px;
	margin-left: 1.5em;
}

/* ==============================================
 * 商品並び替えボタン
=============================================== */
#page_products_list .products_list_nav {
}
#page_products_list .products_list_nav ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#page_products_list .products_list_nav li {
	height: 24px;
	font-size: 14px;
	line-height: 1.3;
}
#page_products_list .products_list_nav li + li {
}
#page_products_list .products_list_nav li a {
	display: flex;
	height: 100%;
	align-items: center;
	padding: 0 8px;
	color: inherit;
	transition: .3s;
}
#page_products_list .products_list_nav li i {
	font-size: 16px;
	color: inherit;
	color: #B09D7C;
	margin-right: 8px;
}
#page_products_list .products_list_nav li span {
}
/*マウスオーバー＆active*/
#page_products_list .products_list_nav li a:hover,
#page_products_list .products_list_nav li.is-active a {
	background-color: #B09D7C;
	color: #fff;
	text-decoration: none;
}
#page_products_list .products_list_nav li a:hover i,
#page_products_list .products_list_nav li.is-active a i {
	color: #fff;
}
/*表示件数select
#page_products_list .products_list_nav .disp_max_select {
	display: flex;
	align-items: center;
	padding-left: 8px;
}
#page_products_list .products_list_nav .disp_max_select select {
	margin-left: 5px;
}
*/
@media ( max-width: 767px ) {
	#page_products_list .products_list_nav {
		margin-top: 10px;
	}
	#page_products_list .products_list_nav ul {
		justify-content: center;
	}
	#page_products_list .products_list_nav li {
		height: 40px;
		background-color: #DAD2BE;
	}
	#page_products_list .products_list_nav li + li {
		margin-left: 10px;
	}
	#page_products_list .products_list_nav li a {
		padding-right: 20px;
	}
	#page_products_list .products_list_nav .disp_max_select {
		padding: 0 10px;
	}
}

/* ==============================================
 * 子カテゴリリスト
=============================================== */
#page_products_list .category_list {
	margin-top: 10px;
}
#page_products_list .category_list ul {
	border-left: solid 1px #ccc;
	overflow: hidden;
}
#page_products_list .category_list li {
	float: left;
	border: solid 1px #ccc;
	border-left: none;
	width: auto;
}
#page_products_list .category_list li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 9px 7px;
	overflow: hidden;
	transition: .3s;
	position: relative;
	color: inherit;
}
#page_products_list .category_list li a:hover {
	background-color: #E8E4DA;
}
#page_products_list .category_list li i {
	display: block;
	font-size: 20px;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
}
#page_products_list .category_list li .image {
	float: left;
	border: solid 1px #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
#page_products_list .category_list li .image img {
	width: 100%;
	height: auto;
}
#page_products_list .category_list li .text {
	float: left;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 14px;
	color: #B09D7B;
	font-weight: normal;
}
@media ( max-width: 767px ) {
	#page_products_list .category_list {
		/*padding: 0 10px;*/
	}
	#page_products_list .category_list li {
		width: calc((100% - 2px) / 2);
	}
	#page_products_list .category_list li:nth-child(2n+1) {
		clear: both;
	}
	#page_products_list .category_list li:nth-child(n+3) {
		border-top: none;
	}
	#page_products_list .category_list li .image {
		width: 50px;
		height: 50px;
	}
	#page_products_list .category_list li .text {
		width: calc(100% - 50px);
		min-height: 50px;
		font-size: 12px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_list .category_list {
		/*padding: 0 30px;*/
	}
	#page_products_list .category_list li {
		width: calc((100% - 4px) / 2);
	}
	#page_products_list .category_list li:nth-child(4n+1) {
		clear: both;
	}
	#page_products_list .category_list li:nth-child(n+5) {
		border-top: none;
	}
	#page_products_list .category_list li .image {
		width: 60px;
		height: 60px;
	}
	#page_products_list .category_list li .text {
		width: calc(100% - 60px);
		min-height: 60px;
		font-size: 13px;
	}
}
@media ( min-width: 980px ) and ( max-width: 1279px ) {
	#page_products_list .category_list {
	}
	#page_products_list .category_list li {
	width: calc((100% - 4px) / 3);
	}
	#page_products_list .category_list li:nth-child(4n+1) {
		clear: both;
	}
	#page_products_list .category_list li:nth-child(n+5) {
		border-top: none;
	}
	#page_products_list .category_list li .image {
		width: 85px;
		height: 85px;
	}
	#page_products_list .category_list li .text {
		width: calc(100% - 85px);
		min-height: 85px;
	}
}
@media ( min-width: 1280px ) {
	#page_products_list .category_list li {
		width: calc((100% - 6px) / 3);
	}
	#page_products_list .category_list li:nth-child(6n+1) {
		clear: both;
	}
	#page_products_list .category_list li:nth-child(n+7) {
		border-top: none;
	}
	#page_products_list .category_list li .image {
		width: 85px;
		height: 85px;
	}
	#page_products_list .category_list li .text {
		width: calc(100% - 85px);
		min-height: 85px;
	}
}

/* ==============================================
 * 商品item一覧
=============================================== */
/* 商品一覧リスト */
#page_products_list .products_list {
	padding: 10px 0;
}
#page_products_list .products_list .product_layout {
	/* 全ページ共通で定義した商品一覧ブロック用横スクロールのCSSをリセット */
	overflow: visible;
	white-space: normal;
}
#page_products_list .product_layout > ul {
	/* li要素高さを揃えておくべくflexで整列 */
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
}
#page_products_list .products_list .item {
	/* IE10-11ではflexプロパティをショートハンドで記述するとcalc()が使えないので個別(flex-grow, flex-shrink, flex-basis)に書くか別の方法を取る */
	flex: 0 0 auto;
	border: solid 1px #E0E0E0;
	box-sizing: border-box;
}
#page_products_list .products_list .item .item_inner {
	/* .item_bottomを.item要素の底に吸着させるためflex-boxにする */
	height: 100%;
	display: flex;
	justify-content: flex-start;
	flex-flow: column;
}
#page_products_list .products_list .item .item_bottom {
	/* .item_bottomを.item底に吸着 */
	margin: auto 0 0 0;
	padding: 0;
	text-align: left;
}
#page_products_list .products_list a {
	color: inherit;
}
#page_products_list .products_list .item_details2 {
}
#page_products_list .products_list .item_product_name {
	text-align: center;
	margin-top: 12px;
}
#page_products_list .products_list .item_product_icon {
}
#page_products_list .products_list .item_product_tag {
}
#page_products_list .products_list .item_product_price {
	margin-top: 10px;
	text-align: center;
}
#page_products_list .products_list .item_product_comment {
	margin-top: 10px;
	color: #524632;
}
#page_products_list .products_list .detail_btn {
}
#page_products_list .products_list .detail_btn a {
	display: block;
	border: solid 1px #ccc;
	border-radius: 3px;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	/**/
	background: #fefefe;
	background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 50%,#f5f5f5 100%);
}
@media ( max-width: 767px ) {
	#page_products_list .products_list .item {
		width: calc((100% - 10px) / 2);
		margin-left: 10px;
	}
	#page_products_list .products_list .item:nth-child(2n+1) {
		margin-left: 0;
		clear: both;
	}
	#page_products_list .products_list .item:nth-child(n+3) {
		margin-top: 10px;
	}
	/**/
	#page_products_list .products_list .item_product_name {
		font-size: 15px;
	}
	#page_products_list .products_list .item_product_price {
		font-size: 15px;
	}
	#page_products_list .products_list .item_details2 {
		padding: 10px 10px 10px;
	}
	#page_products_list .products_list .detail_btn {
	/* [disabled]display: none; */		/*padding: 0 10px 10px;*/
	}
	#page_products_list .products_list .detail_btn a {
		/*
		font-size: 14px;
		line-height: 30px;
		*/
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_list .products_list .item {
		width: calc((100% - 40px) / 3);
		margin-left: 20px;
	}
	#page_products_list .products_list .item:nth-child(3n+1) {
		margin-left: 0;
		clear: both;
	}
	#page_products_list .products_list .item:nth-child(n+4) {
		margin-top: 20px;
	}
	/**/
	#page_products_list .products_list .item_product_name {
		font-size: 15px;
	}
	#page_products_list .products_list .item_product_price {
		font-size: 15px;
	}
	#page_products_list .products_list .item_details2 {
		padding: 10px 15px 15px;
	}
	#page_products_list .products_list .detail_btn {
		padding: 0 15px 15px;
	}
}
@media ( min-width: 980px ) {
	#page_products_list .products_list .item {
		width: calc((99.9% - 4.5vw) / 4);/*calc((100% - 90px) / 4)*/
		margin-left: 1.5vw;/*30px;*/
	}
	#page_products_list .products_list .item:nth-child(4n+1) {
		margin-left: 0;
		clear: both;
	}
	#page_products_list .products_list .item:nth-child(n+5) {
		margin-top: 30px;
	}
	/**/
	#page_products_list .products_list .item_product_name {
		font-size: 17px;
	}
	#page_products_list .products_list .item_product_price {
		font-size: 18px;
	}
	#page_products_list .products_list .item_details2 {
		padding: 20px 15px 30px;
	}
	#page_products_list .products_list .detail_btn {
		padding: 0 15px 15px;
	}
}



/* ==============================================
 * 商品詳細
 * Template: products/detail.tpl
=============================================== */
#page_products_detail {
}

/* ==============================================
 * 商品詳細エリア
=============================================== */
#page_products_detail #product_detail_section {
}
#page_products_detail #product_detail_section .section_body {
	/*
	padding-top: 0;
	*/
}
/* フレーム
----------------------------------------------- */
#page_products_detail .product_detail_area {
}
#page_products_detail .product_photo_area {
}
#page_products_detail .product_data_area {
}
@media ( max-width: 767px ) {
	#page_products_detail .product_detail_area {
	}
	#page_products_detail .product_photo_area {
	}
	#page_products_detail .product_data_area {
		margin: 20px 0 10px;
		padding: 10px;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail .product_detail_area {
		display: flex;
		justify-content: flex-start;
		flex-flow: row nowrap;
	}
	#page_products_detail .product_photo_area {
		flex: 0 0 50%;
	}
	#page_products_detail .product_data_area {
		flex: 1 1 auto;
		padding-left: 30px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail #product_detail_section .section_body {
		padding-top: 0;
	}
	#page_products_detail .product_data_area {
		padding-left: 30px;
	}
}

/* ==============================================
 * 商品詳細：商品画像エリア
=============================================== */
#page_products_detail .product_photo_area {
	/*詳細画像CSSは「ecp_product_photo-[n].css」*/
}

/* ==============================================
 * 商品データエリア
=============================================== */
#page_products_detail .product_data_area {
}

@media ( min-width: 768px ) {
	#page_products_detail .title_type_c {
		display: none;
	}
}

/* 商品詳細データ：商品名称
----------------------------------------------- */
#page_products_detail .product_name {
}
#page_products_detail .product_name h1 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
}
@media ( min-width: 980px ) {
	#page_products_detail .product_name h1 {
		font-size: 24px;
	}
}

/* 商品詳細データ：商品コード
----------------------------------------------- 
#page_products_detail .product_code {
	font-size: 12px;
	line-height: 1;
}
*/

/* 商品詳細データ：ステータスアイコン(パーツ自体はparts.cssにて定義)
----------------------------------------------- 
#page_products_detail .item_product_icon {
}
*/

/* 商品詳細データ：属性タグ(パーツ自体はparts.cssにて定義)
----------------------------------------------- */
#page_products_detail .item_product_tag {
	margin-top: 10px;
}
@media ( min-width: 980px ) {
	#page_products_detail .item_product_tag {
		margin-top: 15px;
	}
}

/* 商品詳細データ：一覧メインコメント
----------------------------------------------- */
#page_products_detail .product_comment {
	font-size: 14px;
	margin-top: 10px;
}
@media ( min-width: 980px ) {
	#page_products_detail .product_comment {
		font-size: 14px;
		line-height: 1.6;
		margin-top: 15px;
	}
}

/* 商品詳細データ：タイムセール
----------------------------------------------- */
#page_products_detail .product_timesale {
	margin: 15px 0;
	padding: 10px;
	background-color: #e6e6e6;
	color: #c00;
	text-align: center;
}
/* タイムセールタイトル */
#page_products_detail .product_timesale .product_timesale_title {
	font-size: 14px;
}
/* タイムセール時間帯 */
#page_products_detail .product_timesale .product_timesale_time {
}
/* タイムセールコメント */
#page_products_detail .product_timesale .product_timesale_comment {
	font-size: 22px;
}

/* 商品詳細データ：会員限定商品
----------------------------------------------- */
#page_products_detail .product_membersonly {
	margin: 15px 0;
	padding: 10px;
	background-color: #e6e6e6;
	color: #c00;
}
/* 会員限定タイトル */
#page_products_detail .product_membersonly .product_membersonly_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}
/* 会員限定コメント */
#page_products_detail .product_membersonly .product_membersonly_comment {
}
#page_products_detail .product_membersonly .product_membersonly_comment a {
	/*
	color: inherit;
	font-weight: bold;
	*/
}

/* 商品詳細データ：商品価格エリア（価格＆ポイント）
----------------------------------------------- */
#page_products_detail .product_price_area {
	border-top: solid 1px #ccc;
}

/* 商品詳細データ：価格
----------------------------------------------- */
#page_products_detail .product_price {
	display: inline-block;
	vertical-align: bottom;
	font-size: 23px;
	color: #B20000;
	line-height: 1;
}
#page_products_detail .product_price span.price {
	font-size: 41px;
}
#page_products_detail .price_title {
	font-size: 12px;
	margin-bottom: 5px;
}

/* 規格表示時（○円～○円） 枠に収まるように文字サイズを調整*/
#page_products_detail .product_price span.price02_default { font-size: 14px; }
#page_products_detail .product_price span.price02_default span { font-size: 26px; }

/* 商品詳細データ：ポイント
----------------------------------------------- */
#page_products_detail .product_point {
	display: block;
	margin-top: 10px;
	color: #B20000;
	font-size: 14px;
	font-weight: bold;
}

@media ( max-width: 767px ) {
	#page_products_detail .product_price_area {
		margin: 10px 0;
		padding-top: 10px;
		text-align: center;
	}
	#page_products_detail .price_title {
		font-size: 12px;
		margin-bottom: 10px;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail .product_price_area {
		margin: 15px 0;
		padding-top: 10px;
	}
	#page_products_detail .product_price {
		margin-right: 15px;
	}
	#page_products_detail .product_point {
		display: inline-block;
		vertical-align: bottom;
	}
}


/* 商品詳細データ：カートインエリア（規格＆カートボタンエリア）
----------------------------------------------- */
#page_products_detail .product_cartin_area {
	margin: 30px 0;
}

/* 商品詳細データ：商品規格
----------------------------------------------- */
#page_products_detail .product_class_area {
}
#page_products_detail .product_class {
	display: inline-block;
}
#page_products_detail .product_class dt,
#page_products_detail .product_class dd {
	display: inline-block;
}
#page_products_detail .product_class dt {
	/*2つの規格select欄の頭位置を合わせる場合（調整要）
	width: 5em;
	margin-right: 1em;
	*/
}
#page_products_detail .product_class dt:after {
	content: "：";
}
/* 規格2 */
#page_products_detail .product_class.product_class_1 {
	margin-right: 15px;
}

/* 商品詳細データ：カートボタンエリア
----------------------------------------------- */
#page_products_detail .product_cartbtn_area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#page_products_detail .quantity {/*数量選択ボタンエリア*/
	flex: 0 0 auto;
	margin-right: 10px;
}
#page_products_detail .cartin_btn {/*カートインボタンエリア*/
	flex: 1 1 auto;
}
/* ※規格選択が上にある場合 */
#page_products_detail .product_class_area + .product_cartbtn_area {
	margin-top: 15px;
}

/* 商品詳細データ：数量選択ボタンエリア
----------------------------------------------- */
#page_products_detail .quantity {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#page_products_detail .quantity dd {
}

/* 商品詳細データ：カートボタン
----------------------------------------------- */
/* カートインボタンの基本デザインはparts.css */

/* 規格選択時の在庫切れ表示 */
#page_products_detail .cartin_btn .cartbtn_dynamic {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	background-color: #999;
	border-radius: 4px;
	font-size: 15px;
	color: #fff;
}

/* 商品詳細データ：在庫切れ表示
----------------------------------------------- */
#page_products_detail .stock_out {
	margin: 20px 0;
	background-color: #e8e8e8;
	padding: 15px;
	text-align: center;
}
#page_products_detail .stock_out p {
	font-size: 15px;
}

/* カートイン入力エラー表示エリア */
#page_products_detail .err_info_area {
	margin-top: 15px;
}

/* ガイドナビエリア：
----------------------------------------------- */
#page_products_detail .product_guidenav_area {
	border: solid 1px #D6D6D6;
	padding: 15px;
}
#page_products_detail .product_guidenav_area .guidenav_item {
}
#page_products_detail .product_guidenav_area .guidenav_item + .guidenav_item {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px #D6D6D6;
}
#page_products_detail .product_guidenav_area .guidenav_item img {
	max-width: 100%;
	height: auto;
}
#page_products_detail .product_guidenav_area .navlist {
}
#page_products_detail .product_guidenav_area .navlist li {
}
#page_products_detail .product_guidenav_area .navlist li a {
}
/* .guide_point */
#page_products_detail .product_guidenav_area .guide_point {
}
#page_products_detail .product_guidenav_area .guide_point a {
}
#page_products_detail .product_guidenav_area .guide_point a:hover {
	text-decoration: none;
}
#page_products_detail .product_guidenav_area .guide_point .pic {
}
#page_products_detail .product_guidenav_area .guide_point .pic img {
}
/* .guide_btn */
#page_products_detail .product_guidenav_area .guide_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	padding: 0 5px;
	background-color: #F1F1F1;
	color: #63543D;
	font-size: 14px;
	transition: .3s;
}
#page_products_detail .product_guidenav_area .guide_btn:hover,
#page_products_detail .product_guidenav_area a:hover .guide_btn {
	text-decoration: none;
	background-color: #DAD2BE;
}
@media ( max-width: 979px ) {
	#page_products_detail .product_guidenav_area {
		padding: 10px;
	}
	#page_products_detail .product_guidenav_area .navlist {
	}
	#page_products_detail .product_guidenav_area .navlist li + li {
		margin-top: 5px;
	}
	#page_products_detail .product_guidenav_area .guide_btn {
		height: 40px;
	}
	#page_products_detail .product_guidenav_area .guide_point .pic {
		text-align: center;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .product_guidenav_area .navlist {
		display: flex;
		justify-content: space-between;
	}
	#page_products_detail .product_guidenav_area .navlist li {
		flex: 1 1 auto;
		margin-left: 5px;
	}
	#page_products_detail .product_guidenav_area .navlist li:first-child {
		margin-left: 0;
	}
	#page_products_detail .product_guidenav_area .guide_point .pic {
		text-align: center;
	}
}
@media ( min-width: 1280px ) {
	#page_products_detail .product_guidenav_area .guide_point {
	}
	#page_products_detail .product_guidenav_area .guide_point a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#page_products_detail .product_guidenav_area .guide_point .pic {
		flex: 1 1 auto;
		text-align: left;
	}
	#page_products_detail .product_guidenav_area .guide_point .pic img {
		max-width: 100%;
	}
	#page_products_detail .product_guidenav_area .guide_point .guide_btn {
		flex: 0 1 auto;
		width: 33%;
		margin-left: 5px;
	}
}

/* ユーティリティWRAP（ユーティリティエリア＋ソーシャルボタン）
----------------------------------------------- */
#page_products_detail .product_utilwrap {
}
#page_products_detail .product_utilwrap .box1,
#page_products_detail .product_utilwrap .box2 {
}
@media ( max-width: 979px ) {
	#page_products_detail .product_utilwrap .box1,
	#page_products_detail .product_utilwrap .box2 {
		margin-top: 15px;
	}
}
@media ( min-width: 980px ) and ( max-width: 1279px ) {
	#page_products_detail .product_utilwrap .box1,
	#page_products_detail .product_utilwrap .box2 {
		margin-top: 15px;
	}
}
@media ( min-width: 1280px ) {
	#page_products_detail .product_utilwrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
	}
	#page_products_detail .product_utilwrap .box1,
	#page_products_detail .product_utilwrap .box2 {
		display: flex;
		align-items: center;
		height: 100%;
	}
}

/* ユーティリティエリア
----------------------------------------------- */
#page_products_detail .product_utility_area {
	text-align: center;
	display: flex;
	justify-content: center;
}
/* ボタン共通 */
#page_products_detail .product_utility_area li {
	flex: 0 1 auto;
}
#page_products_detail .product_utility_area li + li {
	margin-left: 10px;
}
#page_products_detail .product_utility_area li div {
	height: 100%;
}
#page_products_detail .product_utility_area li:first-child {
	margin-left: 0;
}
#page_products_detail .product_utility_area li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	box-sizing: border-box;
	background: #fefefe;
	background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 50%,#f5f5f5 100%);
	border: solid 1px #CECEDC;
	border-radius: 3px;
	padding: 0 10px;
	transition: .3s;
}
#page_products_detail .product_utility_area li a:hover {
	text-decoration: none;
	opacity: 0.8;
}
#page_products_detail .product_utility_area li i {
	font-size: 14px;
	margin-right: 5px;
	color: #B09D7C;
}
#page_products_detail .product_utility_area li span {
	font-size: 14px;
	color: #444;
}
@media ( max-width: 767px ) {
	#page_products_detail .product_utility_area li {
		width: calc((100% - 10px) / 2);
	}
}

/* ソーシャルボタンエリア：
----------------------------------------------- */
#page_products_detail .social_btn_area {
}
#page_products_detail .social_btn_area ul {
}
#page_products_detail .social_btn_area li {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
}
#page_products_detail .social_btn_area .social_twitter {}
#page_products_detail .social_btn_area .social_facebook {}
#page_products_detail .social_btn_area .social_gplus {}
#page_products_detail .social_btn_area .social_hatena {}
#page_products_detail .social_btn_area .social_pocket {}
#page_products_detail .social_btn_area .social_line {}
#page_products_detail .social_btn_area .social_line span {
	display: block;
	width: 82px;
	height: 20px;
	background: url(../../img/social/linebutton_82x20.png) 0 0 no-repeat;
	background-size: 82px 20px;
	text-indent: -9999px;
}
@media ( max-width: 767px ) {
	#page_products_detail .social_btn_area {
		margin-left: -10px;
		text-align: center;
	}
	#page_products_detail .social_btn_area li {
		margin-left: 10px;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail .social_btn_area {
	}
	#page_products_detail .social_btn_area ul {
		text-align: center;
	}
	#page_products_detail .social_btn_area li {
	}
	#page_products_detail .social_btn_area li + li {
		margin-left: 10px;
	}
	#page_products_detail .social_btn_area .social_line {
		display: none;
	}
}

/* ==============================================
 * 商品スペック（カスタムフィールド）
=============================================== */
#page_products_detail .product_spec {
	color: #63533D;
	font-size: 14px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}
#page_products_detail .product_spec table {
	width: 100%;
}
#page_products_detail .product_spec th {
	padding: 9px 10px;
	width: 30%;
}
#page_products_detail .product_spec td {
	width: auto;
	padding: 9px 0;
}
#page_products_detail .product_spec tr:nth-child(even) {
	background-color: #F3F1EC;
}

/* ==============================================
 * 詳細メインコメントエリア
=============================================== */
#page_products_detail .product_main_comment_area {
}

/* ==============================================
 * 動画タグエリア
=============================================== 
#page_products_detail .product_movie_area {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.3265%;
	overflow: hidden;
}
#page_products_detail .product_movie_area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

/* ==============================================
 * サブコメントエリア(WYSIWYG template)
=============================================== */
#page_products_detail #sub_comment {
}
/* .template共通
----------------------------------------------- */
#page_products_detail #sub_comment .template {
}
#page_products_detail #sub_comment .template .content {
}
#page_products_detail #sub_comment .template .pic {
	border:solid #000 1px;
}
#page_products_detail #sub_comment .template .pic img {
	width: 100% !important;
	height: auto !important;
}
#page_products_detail #sub_comment .template .point_num {
	font-size: 15px;
	font-weight: bold;
	color: #B09D7C;
}
#page_products_detail #sub_comment .template h2 {
	font-size: 23px;
	font-weight: normal;
	line-height: 1.2;
	margin: 10px 0;
}
#page_products_detail #sub_comment .template .text {
	font-size: 14px;
	/*
	line-height: 1.3;
	*/
	margin-top: 10px;
}
/* 別テンプレートを適用した時の警告表示 */
#page_products_detail #sub_comment .template:not(.prdct_template) {
	border: solid 1px #c00;
}
#page_products_detail #sub_comment .template:not(.prdct_template):before {
	background-color: #c00;
	color: #fff;
	padding: 10px;
	content: "これは商品ページ用のテンプレートではありません";
	display: block;
}
@media ( max-width: 767px ) {
	#page_products_detail #sub_comment .prdct_template + .prdct_template {
		margin-top: 10px;
	}
	#page_products_detail #sub_comment .prdct_template .point_num {
		font-size: 14px;
		background-color: #B09D7C;
		color: #fff;
		font-weight: normal;
		padding: 7px;
		text-align: center;
	}
	#page_products_detail #sub_comment .prdct_template h2 {
		font-size: 18px;
	}
	#page_products_detail #sub_comment .prdct_template .pic {
		margin-top: 10px;
	}
	#page_products_detail #sub_comment .prdct_template .pic + .pic {
		margin-top: 10px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail #sub_comment .prdct_template + .prdct_template {
		margin-top: 30px;
	}
	#page_products_detail #sub_comment .prdct_template .point_num {
		font-size: 14px;
	}
	#page_products_detail #sub_comment .prdct_template h2 {
		font-size: 20px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail #sub_comment .prdct_template + .prdct_template {
		margin-top: 80px;
	}
}
/* .template_1
----------------------------------------------- */
@media ( min-width: 768px ) {
	#page_products_detail #sub_comment .template_1 {
		overflow: hidden;
	}
	#page_products_detail #sub_comment .template_1 .content {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-right: 30px;
	}
	#page_products_detail #sub_comment .template_1 .pic {
		width: 50%;
		float: right;
	}
}
/* .template_2
----------------------------------------------- */
@media ( min-width: 768px ) {
	#page_products_detail #sub_comment .template_2 {
		overflow: hidden;
	}
	#page_products_detail #sub_comment .template_2 .content {
		width: 50%;
		float: right;
		box-sizing: border-box;
		padding-left: 30px;
	}
	#page_products_detail #sub_comment .template_2 .pic {
		width: 50%;
		float: left;
	}
}
/* .template_3
----------------------------------------------- */
@media ( min-width: 768px ) {
	#page_products_detail #sub_comment .template_3 {
	}
	#page_products_detail #sub_comment .template_3 .content {
	}
	#page_products_detail #sub_comment .template_3 .pic_wrap {
		overflow: hidden;
	}
	#page_products_detail #sub_comment .template_3 .pic {
		width: calc((100% - 30px) / 2);
		float: left;
		margin-left: 30px;
	}
	#page_products_detail #sub_comment .template_3 .pic:first-child {
		margin-left: 0;
	}
}
/* .template_4
----------------------------------------------- */
@media ( max-width: 767px ) {
	#page_products_detail #sub_comment .template_4 .pic + .pic {
		margin-top: 0;
	}
	#page_products_detail #sub_comment .template_4 .pic {
		overflow: hidden;
	}
	#page_products_detail #sub_comment .template_4 .pic img {
		width: 50% !important;
		max-width: 408px;
		float: left;
		margin: 0 10px 10px 0;
	}
	#page_products_detail #sub_comment .template_4 .pic .text {
		margin: 0 0 10px;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail #sub_comment .template_4 {
	}
	#page_products_detail #sub_comment .template_4 .content {
	}
	#page_products_detail #sub_comment .template_4 .pic_wrap {
		overflow: hidden;
	}
	#page_products_detail #sub_comment .template_4 .pic {
		width: calc((100% - 60px) / 3);
		float: left;
		margin-left: 30px;
	}
	#page_products_detail #sub_comment .template_4 .pic:first-child {
		margin-left: 0;
	}
}
/* .template_5
----------------------------------------------- */
@media ( min-width: 768px ) {
	#page_products_detail #sub_comment .template_5 {
	}
	#page_products_detail #sub_comment .template_5 .content {
	}
	#page_products_detail #sub_comment .template_5 .pic {
	}
}
/* .template_6
----------------------------------------------- */
@media ( max-width: 979px ) {
	#page_products_detail #sub_comment .template_6 .pic + .pic {
		margin-top: 0;
	}
	#page_products_detail #sub_comment .template_6 .pic {
		overflow: hidden;
	}
	#page_products_detail #sub_comment .template_6 .pic img {
		width: 50% !important;
		max-width: 200px;
		float: left;
		margin: 0 10px 10px 0;
	}
	#page_products_detail #sub_comment .template_6 .pic .text {
		margin: 0 0 10px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail #sub_comment .template_6 .pic_wrap {
		overflow: hidden;
	}
	#page_products_detail #sub_comment .template_6 .pic {
		width: calc((100% - 60px) / 4);
		float: left;
		margin-left: 20px;
	}
	#page_products_detail #sub_comment .template_6 .pic:first-child {
		margin-left: 0;
	}
}
/* h2 title */
@media ( max-width: 767px ) {
	#page_products_detail #sub_comment .template_6 h2 {
		font-size: 16px;
		background-color: #B09D7C;
		color: #fff;
		font-weight: normal;
		padding: 7px;
		text-align: center;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail #sub_comment .template_6 h2 {
		text-align: center;
		color: #B09D7B;
		font-weight: bold;
		font-size: 21px;
		margin-bottom: 1em;
		position: relative;
	}
	#page_products_detail #sub_comment .template_6 h2:before {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		border-bottom: solid 1px #333;
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 1;
	}
	#page_products_detail #sub_comment .template_6 h2 span {
		display: inline-block;
		padding: 0 1em;
		background-color: #fff;
		position: relative;
		z-index: 2;
	}
}

/* ==============================================
 * この商品の購入手続きボタン
=============================================== */
#page_products_detail #moveto_cart_btn {
}
#page_products_detail #moveto_cart_btn .btn_cartin {
}
#page_products_detail #moveto_cart_btn .btn_cartin i {
}
#page_products_detail #moveto_cart_btn .btn_cartin span {
}
@media ( max-width: 767px ) {
	#page_products_detail #moveto_cart_btn .section_body {
		padding-top: 0;
	}
	#page_products_detail #moveto_cart_btn .btn_cartin {
		height: 50px;
	}
	#page_products_detail #moveto_cart_btn .btn_cartin span {
		font-size: 16px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail #moveto_cart_btn {
		margin: 0;
	}
	#page_products_detail #moveto_cart_btn .section_body {
		padding: 0 30px;
	}
	#page_products_detail #moveto_cart_btn .btn_cartin {
		height: 50px;
	}
	#page_products_detail #moveto_cart_btn .btn_cartin span {
		font-size: 18px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail #moveto_cart_btn .btn_cartin {
		max-width: 624px;
		height: 58px;
		margin: 0 auto;
	}
	#page_products_detail #moveto_cart_btn .btn_cartin span {
		font-size: 20px;
	}
}

/* ==============================================
 * 商品レビューエリア
=============================================== */
/*
 * ※商品レビューはブロック化してあるのでCSSは「bloc/ecp_products_detail_review.css」に記述
 */

/* ==============================================
 * 商品レビュー投稿（ログイン）
 * Template: products/review_login.tpl
=============================================== */
#page_products_review_login {
}
/* メンバーエリア（ログインフォーム） */
#page_products_review_login .member_area {
	margin: 0;
}
@media ( min-width: 768px ) {
	#page_products_review_login .member_area {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

/* ==============================================
 * 商品レビュー投稿（入力フォーム）
 * Template: products/review.tpl
=============================================== */
#page_products_review {
}

/* ==============================================
 * 商品レビュー投稿（入力内容の確認）
 * Template: products/review_confirm.tpl
=============================================== */
#page_products_review_confirm {
}

/* ==============================================
 * 商品レビュー投稿（送信完了）
 * Template: products/review_complete.tpl
=============================================== */
#page_products_review_complete {
}

/* ==============================================
 * 商品詳細ログイン
 * Template: products/detail_login.tpl
=============================================== */
#page_products_detail_login {
}
/* メンバーエリア（ログインフォーム） */
#page_products_detail_login .member_area {
	margin: 0;
}
@media ( min-width: 768px ) {
	#page_products_detail_login .member_area {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

/* ==============================================
 * メーカー・ブランド一覧
 * Template: products/maker.tpl
=============================================== */
#page_products_maker {
}



/*************************************************
 * Page: ショッピングフロー
 * Package: shopping
 *
*************************************************/
/* ==============================================
 * 共通
=============================================== */
.page_shopping {
}
@media ( min-width: 980px ) {
	.page_shopping .section + .section {
		margin-top: 40px;
	}
}

/* ポイント表示
----------------------------------------------- */
.page_shopping .point_announce {
	padding: 1em;
	background-color: #f0f0f0;
	margin-bottom: 10px;
}

/* フォーム入力無効エリア
----------------------------------------------- */
/* 「配送方法を選択してください」メッセージ */
.non-select-msg {
}
.non-select-msg p {
	padding: 10px;
	background-color: #235282;
	color: #fff;
	font-size: 14px;
}
/* 条件が整う迄はマスクされるエリア */
.select-msg {
	display: none;
	padding-top: 10px !important;/*連続section_bodyは上paddingをリセットするので強制*/
}

/* お届け時間指定欄まわり
----------------------------------------------- */
.page_shopping .shipping_wrap {
}
/* お届け日・時間指定欄 */
.page_shopping .shipping_datetime {
	background-color: #eee;
	padding-top: 10px;
	padding-right: 10px;
	margin-top: 10px;
}
.page_shopping .shipping_datetime dl,
.page_shopping .shipping_datetime dt,
.page_shopping .shipping_datetime dd {
	display: inline-block;
	vertical-align: middle;
}
.page_shopping .shipping_datetime dl {
	margin-left: 10px;
	margin-bottom: 10px;
}
.page_shopping .shipping_datetime dt:after {
	content: "：";
}

/* 複数配送時のお届先wrap */
.page_shopping .shipping_wrap + .shipping_wrap {
	margin-top: 10px;
}

/* 確認ページでのクレジット情報欄 */
.page_shopping .confirm_credit {
	margin-top: 1em;
	padding-top: 1em;
	border-top: dotted 1px #ccc;
}


/* ==============================================
 * 配送・お支払いの指定（会員フロー）
 * Template: shopping/login_deliv.tpl
=============================================== */
#page_shopping_login_deliv {
}

/* ==============================================
 * お客様情報入力（非会員フロー）
 * Template: shopping/nonmember_input.tpl
=============================================== */
#page_shopping_nonmember_input {
}

/* ==============================================
 * 配送・お支払いの指定（非会員フロー）
 * Template: shopping/payment.tpl
=============================================== */
#page_shopping_payment {
}

/* ==============================================
 * お届け先の複数指定
 * Template: shopping/multiple.tpl
=============================================== */
#page_shopping_multiple {
}
/* 複数配送指定
----------------------------------------------- */
#page_shopping_multiple .shipping_select {
	background-color: #eee;
	margin-top: 10px;
	padding: 10px 10px 0 0;
	width: 100%;
	box-sizing: border-box;
}
#page_shopping_multiple .shipping_select dl,
#page_shopping_multiple .shipping_select dt,
#page_shopping_multiple .shipping_select dd {
	display: inline-block;
	vertical-align: middle;
}
#page_shopping_multiple .shipping_select dl {
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 13px;
}
#page_shopping_multiple .shipping_select dt {
	margin-right: 5px;
}
#page_shopping_multiple .shipping_select dd {
}
/* 数量 */
#page_shopping_multiple .shipping_select .shipping_quantity {
}
#page_shopping_multiple .shipping_select .shipping_quantity input[type="tel"] {
	text-align: center;
	width: 3em;
}
/* お届け先 */
#page_shopping_multiple .shipping_select .shipping_addr {
}
#page_shopping_multiple .shipping_select .shipping_addr select {
	width: 100%;
}


/* ==============================================
 * ご注文内容の確認
 * Template: shopping/confirm.tpl
=============================================== */
#page_shopping_confirm {
}

/* ==============================================
 * ご注文完了
 * Template: shopping/complete.tpl
=============================================== */
#page_shopping_complete {
}



/*************************************************
 * Page: シンプルカートページ
 * Package: ecpcart
 *
*************************************************/
#page_ecpcart_index {
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_ecpcart_index .for_nonmember h3 {
		padding: 0 35px;
	}
}

/* ==============================================
 * シンプルカート：お届け先指定（ログインメンバー）
=============================================== */
@media ( max-width: 767px ) {
	#page_ecpcart_index .sction_deliv {
		margin-top: 20px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_ecpcart_index .sction_deliv {
		margin-top: 20px;
	}
}
@media ( min-width: 980px ) {
	#page_ecpcart_index .sction_deliv {
		margin-top: 40px;
	}
}

/* ==============================================
 * シンプルカート：メンバーセクション
=============================================== */
#page_ecpcart_index .section_member {
}
/* title */
#page_ecpcart_index .section_member .title_member {
	font-size: 18px;
}
#page_ecpcart_index .section_member .title_member:before {
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	margin-right: .5em;
	font-family: "FontAwesome";
	font-size: 120%;
	background-color: #B09D7C;
	color: #fff;
	border-radius: 3px;
}
#page_ecpcart_index .section_member .title_member.for_member:before {
	content: "\f023";
}
#page_ecpcart_index .section_member .title_member.for_nonmember:before {
	content: "\f007";
}
/* notes */
#page_ecpcart_index .section_member .notes {
	margin: .5em 0;
}
/* メンバーログイン */
#page_ecpcart_index .member_login {
}
#page_ecpcart_index .member_login .wrap {
	background-color: #F4F2EE;
}
#page_ecpcart_index .member_login .section_body {
	padding-bottom: 0;
}
#page_ecpcart_index .member_login .btn_process {
	margin-top: 10px;
}
/* レイアウト */
@media ( max-width: 767px ) {
	#page_ecpcart_index .section_member {
		margin-top: 20px;
	}
	#page_ecpcart_index .section_member .section_head {
		padding: 0 10px;
	}
	#page_ecpcart_index .member_login {
	}
	#page_ecpcart_index .member_login .wrap {
		padding: 10px;
	}
	#page_ecpcart_index .member_login .wrap .section_head {
		padding-left: 0;
		padding-right: 0;
	}
	#page_ecpcart_index .member_login .wrap .section_body {
		padding-left: 0;
		padding-right: 0;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_ecpcart_index .section_member {
		margin-top: 20px;
	}
	#page_ecpcart_index .section_member .section_head {
		padding: 0 20px;
	}
	#page_ecpcart_index .member_login {
	}
	#page_ecpcart_index .member_login .wrap {
		padding: 20px;
	}
	#page_ecpcart_index .member_login .wrap .section_head {
		padding-left: 0;
		padding-right: 0;
	}
	#page_ecpcart_index .member_login .wrap .section_body {
		padding-left: 0;
		padding-right: 0;
	}
}
@media ( min-width: 980px ) {
	#page_ecpcart_index .section_member {
	}
	#page_ecpcart_index .member_login {
	}
	#page_ecpcart_index .member_login .wrap {
		padding: 30px;
	}
	#page_ecpcart_index .member_login .section_body {
		max-width: 900px;
		margin: 20px auto 0;
	}
	#page_ecpcart_index .member_login .btn_process {
		margin: 20px 0;
	}
}

/* ==============================================
 * シンプルカート：会員登録する
=============================================== */
#page_ecpcart_index .kiyaku_btn_area {
	background-color: #f0f0f0;
	padding: 15px;
	text-align: center;
}







/* ==============================================
 * Amazon Pay
=============================================== */
#page_shopping_amazon_pay {
}
#page_shopping_amazon_pay #section_wallet {
}
#page_shopping_amazon_pay #section_wallet #walletWidgetDiv {
	margin: 0 auto;
}
@media ( max-width: 767px ) {
	#page_shopping_amazon_pay #section_wallet {
		padding: 10px;
	}
	#page_shopping_amazon_pay #section_wallet #walletWidgetDiv {
		width: 100%;
		height: 400px;
		margin-top: 10px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_shopping_amazon_pay #section_wallet {
		padding: 30px;
	}
	#page_shopping_amazon_pay #section_wallet #walletWidgetDiv {
		width: 600px;
		height: 400px;
		margin-top: 30px;
	}
}
@media ( min-width: 980px ) {
	#page_shopping_amazon_pay #section_wallet {
	}
	#page_shopping_amazon_pay #section_wallet #walletWidgetDiv {
		width: 600px;
		height: 400px;
		margin-top: 40px;
	}
}

/* ==============================================
 * 楽天Pay
=============================================== */
#page_shopping_rakuten_pay {
}
#page_shopping_rakuten_pay #section_wallet {
}
@media ( max-width: 767px ) {
	#page_shopping_rakuten_pay #section_wallet {
		padding: 10px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_shopping_rakuten_pay #section_wallet {
		padding: 30px;
	}
}
@media ( min-width: 980px ) {
	#page_shopping_rakuten_pay #section_wallet {
		max-width: 780px;
		/*
		max-height: 500px;
		overflow-y: scroll;
		*/
	}
}