@charset "utf-8";

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

/*************************************************
 *
 * ページ共通
 *
*************************************************/
.undercolumn {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
/* page flame */
.page_head {}
.page_body {}
.page_foot {}

/* ==============================================
 * .section
=============================================== */
/*
 * h3タイトルごとにsectionでくくる。
 */
.page_body .section {
}

/* 連続するsection */
.page_body .section + .section {
	margin-top: 0;
}
@media ( min-width: 768px) and ( max-width: 979px ) {/*タブレット時*/
	.page_body .section + .section {
		margin-top: 15px;
	}
}
@media ( min-width: 980px) {/*PC時*/
	.page_body .section + .section {
		margin-top: 30px;
	}
}


/* ==============================================
 * .section_body
=============================================== */
/*
 * 強制的にsection_body内の最上部要素の上余白と最下部要素の下余白を除去し、section_bodyが上下余白を持つ形にして全コンテンツのバランスを揃える。
 * ※section_bodyからみて子要素の不要余白は制御できると思うが、孫要素が無駄に余白を持っていると意味がないのでその場合は適宜調整。
 * マージン相殺による計算外の余白も制御したいところではある。
 * 注意すべき点はsection_bodyの直下にformがありその中で要素が展開されると余白リセットが働かない。（※section-fitする場合は問題ない）
 *
 * それでもあえて上下余白をリセットしたくないコンテンツの場合、section_bodyに対して次のclassを併設するとリセット解除とする。上余白リセット解除は「not-mt-reset」、下余白リセット解除は「not-mb-reset」。
 * ただし、section_bodyに与えられるpadding余白は他要素と同様与えられるので不要な場合は局地的にCSS定義して整える。
 */
.section_body:not(.not-mt-reset) > *:first-child {
	margin-top: 0 !important;
}
.section_body:not(.not-mb-reset) > *:last-child {
	margin-bottom: 0 !important;
}
.section_body {
	padding-bottom: 10px;
	padding-top: 10px;
}

/*
 * 何かしらのケースで、section_bodyを連続配置したい場合、そのままだと各section_bodyの上下間でpaddingが連続し倍になってしまうので、
 * 連続したsection_bodyの上余白を0にリセットしてバランスを整える
 */
.section_body + .section_body {
	padding-top: 0;
}

/*
 * スマホ・タブレットデバイス時はsection_bodyに左右余白も与える。一応、上下左右同じ値となるよう定義。（PC時が上下10pxでないケースがあるかもしれない）
 */
/*@media ( max-width: 979px ) {*/
@media ( max-width: 1300px ) {
	.section_body {
		padding: 10px;
	}
}

/*
 * section_body内のコンテンツが、内容が背景色を敷き詰めて画面いっぱいに広げたいコンテンツであったり、レスポンシブテーブル、動画、
 * といった余白なく画面いっぱいにフィットさせたいコンテンツの場合、section_bodyの余白が邪魔になるので余白リセット用のOOCSSを定義。
 * 余白リセットはスマホ時のみ（768px未満）で有効としている。
 * ※section_bodyの特性上それで賄える計算⇒ タブレットは左右余白があったほうがいいし、PC時はもとより左右余白は生まれていない。
 */
@media ( max-width: 767px ) {
	.section-fit {
		padding: 0;
	}
}

/* 動画や商品プロモーションなど常にフィットさせたい場合 */
.section-fit-all {
	padding: 0;
}



/* ==============================================
 * メインタイトル
=============================================== */
.main_column .title_type_a {
	font-size: 14px;
	font-weight: normal;
	background-color: #e8e8e8;
	padding: 5px 15px;
	text-align: center;
}
.main_column .title_type_b,
.main_column .title_type_c {
	font-family: georgia, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #5f5f5f;/*#000;*/
	color: #fff;
	padding: 15px;
	text-align: center;
}
/* サブタイトル */
.main_column .title-sub {
	font-weight: normal;
	font-size: 14px;
	background-color: #ddd;
	padding: 7px 10px;
}

@media ( min-width: 768px ) {
	.main_column .title_type_b {
		font-size: 22px;
		background-color: transparent;
		color: #666;
		padding: 10px 0 0 10px;
		border-top: solid 1px #ccc;
		text-align: left;
	}
	.main_column .title_type_c {
		font-size: 24px;
		color: #666;
		background-color: transparent;
		padding: 0 0 10px 10px;
		border-bottom: solid 1px #999;
		margin-bottom: 10px;/*下線が付くのでmarginを稼いでおいたほうが収まりがいい*/
		text-align: left;
	}
	.main_column .title-sub {
		font-size: 22px;
		color: #666;
		background-color: transparent;
		padding-left: 10px;
		text-align: left;
	}
}
/**/
@media ( min-width: 1300px ) {
	/* タイトル：タイプB */
	.main_column .title_type_b {
		padding-left: 0;
	}
	/* タイトル：タイプC */
	.main_column .title_type_c {
		font-size: 27px;
		padding-left: 0;
	}
	/* サブタイトル */
	.main_column .title-sub {
		padding-left: 0;
	}
}



/* ==============================================
 * デザインタイトル
=============================================== */
.title_designed {
	width: 100%;
	font-size: 14px;
	font-family: "Georgia";
	font-weight: normal;
	text-align: center;
	background-color: #B7A948;
	color: #fff;
	position: relative;
}
@media ( max-width: 979px ) {
	.title_designed {
		height: 60px;
		display: table;
	}
	.title_designed .wrap {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		line-height: 1.2;
	}
	.title_designed span + span:before {
		content: " ";
	}
	.title_designed:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: solid 15px #B7A948;
		border-left: solid 20px transparent;
		border-right: solid 20px transparent;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 98;
	}
}
@media ( min-width: 980px ) {
	.title_designed {
		height: 30px;
	}
	.title_designed:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: solid 70px #B7A948;
		border-left: solid 90px transparent;
		border-right: solid 90px transparent;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 98;
		pointer-events: none;
	}
	.title_designed .wrap {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		line-height: 1.2;
		/*margin-top: 10px;*/
		z-index: 99;
		pointer-events: none;
	}
	.title_designed span + span:before {
		content: "\A";
		white-space: pre;
	}
}

/* ==============================================
 * デザインタイトル 2
=============================================== */
@media ( max-width: 979px ) {/*title_designと同じデザイン*/
	.title_designed_b {
		width: 100%;
		font-size: 14px;
		font-family: "Georgia";
		font-weight: normal;
		text-align: center;
		background-color: #5f5f5f;/*#000;*/
		color: #fff;
		position: relative;
		height: 60px;
		display: table;
	}
	.title_designed_b .wrap {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		line-height: 1.2;
	}
	.title_designed_b:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-top: solid 15px #5f5f5f;/*#000;*/
		border-left: solid 20px transparent;
		border-right: solid 20px transparent;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 98;
	}
}
@media ( min-width: 980px ) {
	.title_designed_b {
		text-align: center;
		font-family: "Georgia";
		font-size: 31px;
		font-weight: normal;
		margin-bottom: 30px;
	}
}


/* ==============================================
 * リードsection
=============================================== */
/*
.lead_section {
}
.lead_section h3.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 h3.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 h3.doc_title {
	font-size: 15px;
	background-color: #666;
	color: #fff;
	padding: 10px;
}
.page_doc h4.doc_title {
	font-size: 15px;
	font-weight: normal;
	margin: 20px 0 1em;
	border-left: solid 4px #ccc;
	padding: 8px;
}
.page_doc h5 {
	font-size: 15px;
	font-weight: normal;
	margin: 1em 0 1em;
}
@media ( min-width: 768px ) {
	.page_doc h3.doc_title {
		font-size: 16px;
		background-color: #e0e0e0;
		color: inherit;
		padding: 8px 10px;
		font-weight: normal;
		/*margin: 1em 0;*/
	}
	.page_doc h4.doc_title {
		border-bottom: dotted 1px #ccc;
		border-left: solid 5px #ccc;
		padding: 8px 12px;
		margin: 40px 0 1em;
	}
	.page_doc h5 {
		margin: 2em 0 1em;
	}
}
/*
.page_doc h5:before {
	content: "●";
	color: #666;
}
*/

/* 文書スタイル：段落
----------------------------------------------- */
.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;
	padding-left: 1.3em;/*マークのネガティブマージン用*/
}
.page_doc dl.note dd:before {
	content: "・";
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	text-align: left;
	margin-left: -1.3em;
	margin-right: 0.3em;
}

/*  文書スタイル：注意書き・箇条書き「※」シンボル
----------------------------------------------- */
.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 .step_wrap {
	background: #f0f0f0;
	padding: 10px;
}
.page_doc .step_wrap .step_item {
}
.page_doc .step_item .step_content {
}
.page_doc .step_item .step_content h4 {
	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 > h4 {
		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: index
 *
*************************************************/
body.LC_Page_Index {
	background-color: #000;
	color: #fff;
}



/*************************************************
 * 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: ecpcart
 *
*************************************************/
/*
.debug {
	border: solid 3px #c00;
	display: none;
}
*/
#page_ecpcart_index {
}
/* parts.cssで定義されている内容をオーバーライド */
#page_ecpcart_index .member_area {
	margin-top: 0;
	padding: 0;
}
#page_ecpcart_index .member_area .member_section {
	display: block;
	padding: 0;
	margin: 0;
	border: none;
	margin-top: 50px;
}

/* 会員登録がお済みのお客様 */
#page_ecpcart_index .member_area .for_member {
	padding: 0 10px;
}
#page_ecpcart_index .member_area .for_member .login_area {
	margin-top: 10px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #eee;
}
@media ( max-width: 767px ) {
}
@media ( min-width: 768px ) {
	#page_ecpcart_index .member_area .for_member .login_area {
		padding: 20px 80px;
	}
	#page_ecpcart_index .member_area .for_member .login_area dl {
		max-width: 600px;
		margin: 0 auto;
	}
	#page_ecpcart_index .member_area .for_member .login_area .btn_process {
		max-width: 600px;
		display: block;
		margin: 20px auto 0;
	}
}
@media ( min-width: 1300px ) {
	#page_ecpcart_index .member_area .for_member {
		padding: 0;
	}
}

/* ご利用が初めてのお客様 */
#page_ecpcart_index .member_area .for_nonmember {
}
#page_ecpcart_index .member_area .for_nonmember h3 {
	padding: 0 10px;
}
@media ( min-width: 1300px ) {
	#page_ecpcart_index .member_area .for_nonmember h3 {
		padding: 0;
	}
}

/* ご利用規約 */
#page_ecpcart_index .kiyaku_area {
	background-color: #fff;/*エラー時tdセルが赤くなるのでここだけ白地維持*/
}
#page_ecpcart_index .kiyaku_area h4 {
	margin-bottom: 0.5em;
}
#page_ecpcart_index .kiyaku_btn_area {
	background-color: #f0f0f0;
	padding: 20px;
	text-align: center;
}
#page_ecpcart_index .kiyaku_btn_area p + p {
	margin-top: 15px;
}

/* スペーサー：ログイン時で住所データなしの場合 */
#page_ecpcart_index .spacer {
	margin-top: 50px;
}
@media ( max-width: 767px ) {
	#page_ecpcart_index .spacer {
		margin-top: 20px;
	}
}

/* カートなし */
@media ( min-width: 980px ) {
	#page_ecpcart_index .section_nocart {
		margin: 80px 0 0 !important;
	}
	#page_ecpcart_index .section_nocart .section_body {
		text-align: center;
	}
	#page_ecpcart_index .section_nocart .message_area {
		display: inline-block;
		padding: 15px 80px;
	}
	#page_ecpcart_index .section_nocart .message_area p {
		display: inline-block;
	}
}

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



/*************************************************
 * 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: #666;
	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 {
}
.page_guide .contact_area {
	margin: 20px 0;
	border: solid 1px #ccc;
	padding: 15px;
	font-size: 110%;
	line-height: 1.8;
}
@media ( max-width: 979px ) {
	.page_guide .section_body > *:first-child {
		margin-top: 0 !important;
	}
	.page_guide .section_body > *:last-child {
		margin-bottom: 0 !important;
	}
}

/* ガイドナビ
----------------------------------------------- */
/* ※モバイル表示時は.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;
	}
}

/* ==============================================
 * 利用ガイド(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: #333;
		font-weight: bold;
	}
}

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

#page_guide_flow .note {
	padding-left: 23px;
	padding-top: 2px;
	position: relative;
}
#page_guide_flow .note:before {
	font-size: 120%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#page_guide_flow .note.note-num1:before {
	content: "\2460";
}
#page_guide_flow .note.note-num2:before {
	content: "\2461";
}
#page_guide_flow .note.note-num3:before {
	content: "\2462";
}
#page_guide_flow .note.note-num4:before {
	content: "\2463";
}
#page_guide_flow .note.note-num5:before {
	content: "\2464";
}


/* ==============================================
 * 利用ガイドお支払いについて
 * 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 h4 {
	border-bottom: none;
	margin-bottom: 0;
}
#page_guide_mypage .mypagetop h4:before {
	display: inline-block;
	vertical-align: middle;
	font-size: 120%;
	margin-right: 5px;
}
#page_guide_mypage .mypagetop h4.num1:before {
	content: "\2460";
}
#page_guide_mypage .mypagetop h4.num2:before {
	content: "\2461";
}
#page_guide_mypage .mypagetop h4.num3:before {
	content: "\2462";
}
#page_guide_mypage .mypagetop h4.num4:before {
	content: "\2463";
}
#page_guide_mypage .mypagetop h4.num5:before {
	content: "\2464";
}
#page_guide_mypage .mypagetop h4 + 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 li {
		float: left;
		width: 20%;
		box-sizing: border-box;
		border-style: solid;
		border-color: #ccc;
		border-width: 1px 1px 1px 0;
		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: #000;
		color: #fff;
		box-shadow: 0 0 0 1px #000;
	}
}

/* ==============================================
 * [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 {
}



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

#page_news_index .item {
	border-top: dotted 1px #ccc;
	padding: 10px 0;
	display: table;
	width: 100%;
}
#page_news_index .item:first-child {
	border-top: none;
}
#page_news_index .item_details1 {
	display: table-cell;
	width: 70px;
}
#page_news_index .item_details2 {
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}
#page_news_index .item_news_image {
}
#page_news_index .item_news_image a {
}
#page_news_index .item_news_image img {
	width: 100%;
	height: auto;
}
#page_news_index .item_news_date {
	font-size: 13px;
	color: #9797A6;
	line-height: 1;
}
#page_news_index .item_news_title h3 {
	font-weight: normal;
	font-size: 13px;
	margin-top: 5px;
}
#page_news_index .item_news_title h3 a {
	color: inherit;
}
@media ( min-width: 980px ) {
	#page_news_index .item_news_date {
		font-size: 14px;
	}
	#page_news_index .item_news_title h3 {
		font-size: 14px;
	}
}


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



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



/*************************************************
 * Page: 商品一覧・詳細、メーカー一覧
 * Package: products
 *
*************************************************/
body.LC_Page_Products_List {
	background-color: #000;
	color: #fff;
}

/* ==============================================
 * 商品一覧
 * Template: products/list.tpl
=============================================== */
#page_products_list {
	width: 100%;
	max-width: 1680px;
}
#page_products_list .section_products_list {
	margin: 0;
}

/* 並び替えボタン */
#page_products_list .products_list_nav li {
	display: inline-block;
	vertical-align: center;
}
#page_products_list .products_list_nav li a {
	display: block;
	color: inherit;
}
#page_products_list .products_list_nav li a span {
	display: inline-block;
	vertical-align: center;
}
#page_products_list .products_list_nav li a span.icon-arrow {
	width: 11px;
	height: 11px;
	margin-right: 8px;
}
#page_products_list .products_list_nav li.is-active a {
	pointer-events: none;
}
#page_products_list .products_list_nav li a span.icon-arrow:before,
#page_products_list .products_list_nav li a span.icon-arrow:after {
	/* icon-arrowは通常時、hover、is-activeを問わず常に白 */
	background-color: #fff;
}
@media ( max-width: 979px ) {
	#page_products_list .products_list_nav {
		margin-top: 30px;
	}
	#page_products_list .products_list_nav ul {
		text-align: center;
	}
	#page_products_list .products_list_nav li + li {
		margin-left: 10px;
	}
	#page_products_list .products_list_nav li a {
		padding: 10px 15px;
		font-size: 15px;
		background-color: #222;
	}
	#page_products_list .products_list_nav li.is-active a {
		background-color: #B7A948;
	}
}
@media ( min-width: 980px ) {
	#page_products_list .products_list_nav {
		padding-bottom: 10px;
	}
	#page_products_list .products_list_nav ul {
		text-align: right;
	}
	#page_products_list .products_list_nav li a {
		padding: 3px 7px;
		transition: .2s;
		font-size: 15px;
	}
	#page_products_list .products_list_nav li a:hover,
	#page_products_list .products_list_nav li.is-active a {
		background-color: #B7A948;
	}
}

/* 商品一覧リスト */
#page_products_list .products_list {
}
#page_products_list .product_layout ul {
}
#page_products_list .product_layout ul:after {
	content: "";
	display: block;
	clear: both;
}
#page_products_list .product_layout li.item {
	position: relative;/*item_details2用*/
}
#page_products_list .product_layout .item_details2 {
	/* topから任意位置にabs配置するに伴い、item_details2の大きさによってはli.itemからはみ出してしまう場合があるがその際の余白処理はjsで行っている。*/
	position: absolute;
	top: 80%;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
}
#page_products_list .product_layout .item_product_name h3 {
	display: inline-block;
	text-align: left;
}
@media ( max-width: 767px ) {
	#page_products_list .product_layout ul {
	}
	#page_products_list .product_layout li.item {
		width: 50%;
		float: left;
	}
	#page_products_list .product_layout li.item:nth-child(2n+1) {
		clear: both;
	}
	#page_products_list .product_layout .item_product_name {
	}
	#page_products_list .product_layout .item_product_name h3 {
		font-size: 15px;
	}
	#page_products_list .product_layout .item_product_price {
		font-size: 15px;
	}
}
@media ( min-width: 768px ) {
	#page_products_list .product_layout ul {
	}
	#page_products_list .product_layout li.item {
		width: 33.3333%;
		float: left;
	}
	#page_products_list .product_layout li.item:nth-child(3n+1) {
		clear: both;
	}
	#page_products_list .product_layout .item_product_name {
	}
	#page_products_list .product_layout .item_product_name h3 {
		font-size: 18px;
	}
	#page_products_list .product_layout .item_product_price {
		font-size: 15px;
	}
}
@media ( min-width: 980px ) {
	#page_products_list .product_layout .item_product_name h3 {
		font-size: 20px;
	}
	#page_products_list .product_layout .item_product_price {
		font-size: 15px;
	}
}

/* メッセージエリア（検索結果なし等） */
#page_products_list .message_area {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: solid 1px #666;
}
@media ( max-width: 979px ) {
	#page_products_list .message_area {
		margin-top: 50px !important;
		padding: 15px;
	}
}
@media ( min-width: 980px ) {
	#page_products_list .message_area {
		margin-top: 50px !important;
		padding: 30px;
	}
}


/* ==============================================
 * 商品詳細
 * Template: products/detail.tpl
=============================================== */
#page_products_detail {
	max-width: 1680px;
	/*
	padding: 0 10px;
	box-sizing: content-box;
	*/
}
/*
@media ( max-width: 979px ) {
	#page_products_detail .page_body {
		margin-top: 4px;
	}
}
*/
@media ( min-width: 980px ) {
	#page_products_detail .page_body {
		margin-top: 60px;
	}
}

/* ==============================================
 * 商品詳細エリア
=============================================== */
/* フレーム
----------------------------------------------- */
#page_products_detail .section_detail {
}
#page_products_detail .section_detail .section_body {
	padding-top: 0;
	padding-bottom: 0;
}
#page_products_detail .product_detail_area {
	max-width: 1280px;
	margin: 0 auto;
}
#page_products_detail .product_photo_area {
}
#page_products_detail .product_data_area {
}
@media ( max-width: 767px ) {
	#page_products_detail .section_detail .section_body {
		padding: 0;
	}
	#page_products_detail .product_data_area {
		margin: 20px 0;
		padding: 10px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail .section_detail .section_body {
		padding: 0;
	}
	#page_products_detail .product_data_area {
		margin: 30px 0;
		padding: 20px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .section_product_detail_area {
	}
	#page_products_detail .product_detail_area {
		width: 100%;
	}
	#page_products_detail .product_detail_area:after {
		content: "";
		display: block;
		clear: both;
	}
	#page_products_detail .product_detail_area .product_photo_area {
		width: 53%;
		float: left;
	}
	#page_products_detail .product_detail_area .product_data_area {
		width: 43%;/*余白4%*/
		float: right;
	}
}

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

/* ==============================================
 * 商品データエリア
=============================================== */
#page_products_detail .product_data_area {
}
/* 商品詳細データ：商品コード
----------------------------------------------- */
#page_products_detail .section_detail .product_code {
	font-size: 16px;
	font-family: "Times New Roman";
	color: #9b9e9f;
	line-height: 1;
}
#page_products_detail .section_detail .product_code .prefix {
	font-size: 14px;
	font-family: "Georgia";
	font-style: italic;
}
@media ( max-width: 767px ) {
	#page_products_detail .section_detail .product_code .prefix,
	#page_products_detail .section_detail .product_code {
		font-size: 13px;
	}
}

/* 商品詳細データ：商品名称
----------------------------------------------- */
#page_products_detail .section_detail .product_name {
}
#page_products_detail .section_detail .product_name h1 {
	font-size: 26px;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 7px;
}
@media ( max-width: 767px ) {
	#page_products_detail .section_detail .product_name h1 {
		font-size: 20px;
	}
}

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

/* 商品詳細データ：属性タグ(パーツ自体はparts.cssにて定義)
----------------------------------------------- */
#page_products_detail .item_product_tag {
	margin-top: 7px;
}
#page_products_detail .item_product_icon + .item_product_tag {
	margin-top: 0px;
}

/* 商品詳細データ：一覧メインコメント
----------------------------------------------- */
#page_products_detail .product_comment {
	font-size: 15px;
	margin-top: 20px;
}

/* 商品詳細データ：タイムセール
----------------------------------------------- */
#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 {
}

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

/* 商品詳細データ：価格
----------------------------------------------- */
#page_products_detail .product_price {
	font-size: 30px;
	line-height: 1;
}
#page_products_detail .product_price span.price {
}
#page_products_detail .product_price .hanbaikakaku {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
	font-size: 14px;
}
#page_products_detail .product_price .zeikomi {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 14px;
}

/* 商品詳細データ：ポイント
----------------------------------------------- 
#page_products_detail .product_point {
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
}
*/

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

/* 商品詳細データ：商品規格
----------------------------------------------- */
#page_products_detail .product_class_area {
}
#page_products_detail .product_class_area dl {
	overflow: hidden;
}
#page_products_detail .product_class_area dl + dl {
	margin-top: 10px;
}
#page_products_detail .product_class_area dt {
	text-align: left;
	font-size: 17px;
	font-family: "Georgia";
	font-style: italic;
	color: #666;
}
#page_products_detail .product_class dt:after {
	content: " -";
}
/* 規格（tableレイアウト=規格数がいくつであっても均等割りでボタン表示） */
#page_products_detail .product_class dd {
	display: table;
	width: 101.5%;/*labelボタンの余白分大きく作り、親dlでoverflow:hiddenを入れておく*/
	table-layout: fixed;
}
#page_products_detail .product_class dd > span {
	display: table-cell;
	padding-right: 1.5%;/*labelボタン間の余白*/
}
/* 規格（floatレイアウト=規格数が多い場合に改行させるためのCSS：js制御） */
#page_products_detail .product_class dd.layout-float {
	display: block;
	width: 100%;
	overflow: hidden;
}
#page_products_detail .product_class dd.layout-float > span {
	display: block;
	float: left;
	padding: 0;
}
/**/
#page_products_detail .product_class_area label {
	/*position: static;一般form用の指定のリセット*/
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 14px;
	box-sizing: border-box;
	background-color: #fff;
	border:solid 1px #ccc;
	border-radius: 4px;
	cursor: pointer;
	/*overflow: hidden;*/
	transition: background-color .3s;
}
#page_products_detail .product_class_area label:hover {
	background-color: #f0f0f0;
}
#page_products_detail .product_class_area label.is-selected {
	background-color: #000;
	color: #fff;
	border-color: #000;
}
/* カラーsample（○の形を生成）
#page_products_detail .product_class_area label .sample {
	display: block;
	height: 20px;
	margin: 0 auto 15px;
	transition: .3s;
}
#page_products_detail .product_class_area label .sample.color_code {
	width: 20px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px #ccc;
}
#page_products_detail .product_class_area label.is-selected .sample {
	transform: scale(1.4);
}
*/
#page_products_detail .product_class_area label .label_name {
	display: block;
}
#page_products_detail .product_class_area input {
	display: none;
}
/* __unselectedは非表示（※selectの「選択してください」の名残だがDOMとしては残しておかないといけいない様子なのでCSSで非表示に（規格1） */
#page_products_detail .product_class_area dd > span.unselected {
	display: none;
}
/* ページ初期表示時のダミーボタン */
#page_products_detail .product_class_area label.dummy {
	cursor: auto;
	opacity: 0.4;
}
#page_products_detail .product_class_area label.dummy:hover {
	background-color: #fff;/*dummyボタン時はhoverしても変化がないように通常色と同色を指定*/
}

/* 商品詳細データ：カートボタンエリア
----------------------------------------------- */
#page_products_detail .product_cartbtn_area {
	margin-top: 10px;
}
/* 商品詳細データ：数量
----------------------------------------------- */
#page_products_detail .quantity {
}
#page_products_detail .quantity dt {
	text-align: left;
	font-size: 14px;
}

/* 商品詳細データ：カートボタン
----------------------------------------------- */
#page_products_detail .cartin_btn {
}
#page_products_detail .product_cartbtn_area {
	display: table;
	width: 100%;
}
#page_products_detail .quantity {
	display: table-cell;
	vertical-align: bottom;
}
#page_products_detail .cartin_btn {
	display: table-cell;
	width: auto;
	padding-left: 15px;
	vertical-align: bottom;
}
#page_products_detail .cartin_btn a {
	width: 100%;
	box-sizing: border-box;
}
/* 規格選択時の在庫切れ表示 
#page_products_detail .cartin_btn .cartbtn_dynamic {
	display: block;
	background-color: #999;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	color: #fff;
}
*/
/* 数量quantityのスタイルclass「quantity_basic」「quantity_compact」はjsで切り替えている（境界980px） */
@media ( max-width: 979px ) {
	#page_products_detail .quantity {
		width: 150px;/*quantity_basic*/
	}
	#page_products_detail .cartin_btn a {
		height: 40px;
	}
	#page_products_detail .cartin_btn a span {
		font-size: 14px;
		line-height: 1;
		padding-top: 13px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .quantity {
		width: 82px;/*quantity_compact*/
	}
	#page_products_detail .cartin_btn a {
		height: 47px;
	}
	#page_products_detail .cartin_btn a span {
		font-size: 15px;
		line-height: 1;
		padding-top: 16px;
	}
}

/* 商品詳細データ：在庫切れ表示
----------------------------------------------- */
#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: 10px;
}

/* ユーティリティエリア
----------------------------------------------- */
#page_products_detail .product_utility_area {
	margin-top: 5px;
	font-family: "Helvetica";
	font-size: 14px;
	color: #757584;
	line-height: 1;
	text-align: right;
}
#page_products_detail .product_utility_area a {
	/*color: #000 !important;*/
	color: inherit;
}
#page_products_detail .product_utility_area a:hover {
	text-decoration: none;
}
#page_products_detail .product_utility_area i {
	color: #474747;
}
/* ユーティリティエリア: ソーシャルボタン
----------------------------------------------- */
#page_products_detail .social_btn_area {
	display: inline-block;
	margin-top: 10px;
}
#page_products_detail .social_btn_area ul {
	display: inline-block;
}
#page_products_detail .social_btn_area li {
	display: inline-block;
	/*
	margin-left: 10px;
	*/
}
#page_products_detail .social_btn_area li + li {
	margin-left: 10px;
}
#page_products_detail .social_btn_area li i {
	font-size: 20px;
}
#page_products_detail .social_btn_area li i + span {
	display: none;
}
#page_products_detail .social_btn_area .social_twitter {
}
#page_products_detail .social_btn_area .social_facebook {}

/* ユーティリティエリア: お気に入り＆問い合わせ
----------------------------------------------- */
#page_products_detail .fav_and_contact {
	display: inline-block;
	/*
	margin-left: 10px;
	*/
	margin-top: 10px;
}
#page_products_detail .fav_and_contact li {
	display: inline-block;
	margin-left: 18px;/*10px;*/
}
#page_products_detail .fav_and_contact li i {
	font-size: 18px;
}

/* Informationエリア
----------------------------------------------- */
#page_products_detail .product_information_area {
	margin-top: 20px;
}
#page_products_detail .product_information_area h3 {
	font-family: "Georgia";
	font-size: 16px;
	font-weight: normal;
	border-bottom: solid 2px #000;
}
#page_products_detail .product_information_area table {
	width: 100%;
}
#page_products_detail .product_information_area th,
#page_products_detail .product_information_area td {
	padding: 7px 0;
	font-size: 14px;
	border-top: solid 1px #bbb;
}
#page_products_detail .product_information_area tr:nth-child(1) th,
#page_products_detail .product_information_area tr:nth-child(1) td {
	border-top: none;
}
#page_products_detail .product_information_area th {
	padding-right: 2em;
	/*white-space: nowrap;*/
	min-width: 30%;
}
#page_products_detail .product_information_area td {
	width: auto;
}
@media ( max-width: 767px ) {
	#page_products_detail .product_information_area table
	#page_products_detail .product_information_area tr,
	#page_products_detail .product_information_area th,
	#page_products_detail .product_information_area td {
		display: block;
		width: 100%;
		border: none;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	#page_products_detail .product_information_area table {
		margin-top: 15px;
		border-bottom: solid 1px #bbb;
	}
	#page_products_detail .product_information_area th {
		background-color: #eee;
		padding: 7px;
	}
	#page_products_detail .product_information_area td {
		padding: 7px;
	}
}

/*  ショールームご案内
----------------------------------------------- */
#page_products_detail .product_showroom_guide {
	border: solid 3px #222;
}
#page_products_detail .product_showroom_guide .content_head {
	border-bottom: solid 1px #D6D6D6;
	padding-bottom: 10px;
	margin-bottom: 15px;
	text-align: center;
}
#page_products_detail .product_showroom_guide h2 {
	font-weight: normal;
}
#page_products_detail .product_showroom_guide .catch_text {
	display: inline-block;
	text-align: left;
}
#page_products_detail .product_showroom_guide .content_text p {
}
#page_products_detail .product_showroom_guide .go_btn {
	margin-top: 20px;
	display: block;
	background-color: #000;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	transition: .3s;
}
#page_products_detail .product_showroom_guide .service_cond {
	margin-top: 1em;
}
#page_products_detail .product_showroom_guide .service_cond h4 {
	font-weight: normal;
}
#page_products_detail .product_showroom_guide .service_cond dl {
	margin: 0 0 0 0.5em !important;
}
#page_products_detail .product_showroom_guide .service_cond dl dd {
	line-height: 1.5;
}
@media ( max-width: 767px ) {
	#page_products_detail .product_showroom_guide {
		margin-top: 20px;
		padding: 20px;
	}
	#page_products_detail .product_showroom_guide h2 {
		font-size: 18px;
	}
	#page_products_detail .product_showroom_guide .catch_text {
		font-size: 18px;
	}
	#page_products_detail .product_showroom_guide .content_text p {
		font-size: 14px;
	}
	#page_products_detail .product_showroom_guide .go_btn {
		font-size: 14px;
		padding: 12px;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail .product_showroom_guide {
		margin-top: 20px;
		padding: 25px 30px;
	}
	#page_products_detail .product_showroom_guide h2 {
		font-size: 20px;
	}
	#page_products_detail .product_showroom_guide .catch_text {
		font-size: 20px;
	}
	#page_products_detail .product_showroom_guide .content_text p {
		font-size: 14px;
	}
	#page_products_detail .product_showroom_guide .go_btn {
		font-size: 16px;
		padding: 12px;
	}
	#page_products_detail .product_showroom_guide .go_btn:hover {
		text-decoration: none;
		background-color: #B7A948;
	}
}
@media ( min-width: 980px ) {
}


/* ==============================================
 * 詳細メインコメント(SpecInfo)
=============================================== */
#page_products_detail .section_spec {
	max-width: 1280px;
	margin: 0 auto;
}
#page_products_detail .section_spec .section_head .wrap {
	border-top: solid 1px #CACAD9;
	border-bottom: solid 1px #CACAD9;
	padding: 10px;
	position: relative;
}
#page_products_detail .section_spec .section_head h2 {
	font-weight: normal;
}
#page_products_detail .section_spec .section_head h2 i {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin-right: 10px;
	color: #B7A948;
}
#page_products_detail .section_spec .section_head h2 span {
	display: inline-block;
	vertical-align: middle;
	font-style: italic;
	font-size: 17px;
}
#page_products_detail .product_main_comment .spec_details {
	display: none;/*不使用*/
}
#page_products_detail .product_main_comment .spec_contents li img {
	/* wysiwygで画像アップロードするとstyleで大きさ指定されてしまう様子なので!important */
	width: 100% !important;
	height: auto !important;
}
@media ( max-width: 767px ) {
	#page_products_detail .section_spec {
		margin-top: 20px;
	}
	#page_products_detail .product_main_comment .spec_contents {
		margin-top: 10px;
	}
	#page_products_detail .product_main_comment .spec_contents li p {
		padding: 10px;
		font-size: 14px;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail .section_spec {
		margin-top: 30px;
	}
	#page_products_detail .product_main_comment .spec_contents {
		margin-top: 10px;
	}
	#page_products_detail .product_main_comment .spec_contents ul {
		overflow: hidden;
	}
	#page_products_detail .product_main_comment .spec_contents li {
		width: calc(100% / 3);
		float: left;
	}
	#page_products_detail .product_main_comment .spec_contents li p {
		padding: 20px;
		font-size: 15px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .section_spec {
		margin-top: 50px;
		box-sizing: content-box;
		padding: 0 10px;
	}
}

/* ==============================================
 * サブコメントエリア
=============================================== */
#page_products_detail .section_subcomment {
}
@media ( max-width: 767px ) {
	#page_products_detail .section_subcomment {
		margin-top: 0px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail .section_subcomment {
		margin-top: 30px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .section_subcomment {
		margin-top: 60px;
	}
}

/*  Type A,B,C共通
----------------------------------------------- */
#page_products_detail .subcomment {
}
#page_products_detail .subcomment .subcomment_image {
}
#page_products_detail .subcomment .subcomment_image img {
	width: 100%;
	height: auto;
}
#page_products_detail .subcomment .subcomment_content {
}
#page_products_detail .subcomment h2 {
	font-weight: normal;
}
#page_products_detail .subcomment h3 {
	font-weight: normal;
}
#page_products_detail .subcomment .subtitle_main {
}
#page_products_detail .subcomment .subtitle_mini {
}
#page_products_detail .subcomment .subcomment_text {
	text-align: justify;
	line-height: 1.6;
}

/*  サブコメントType A
----------------------------------------------- */
@media ( max-width: 767px ) {
	#page_products_detail .subcomment_type_a {
	}
	#page_products_detail .subcomment_type_a .subcomment_content {
		padding: 20px 10px;
	}
	#page_products_detail .subcomment_type_a h2 {
		font-size: 20px;
		text-align: center;
	}
	#page_products_detail .subcomment_type_a .subtitle_main {
		display: inline-block;
		text-align: left;
	}
	#page_products_detail .subcomment_type_a .subcomment_text {
		margin-top: 10px;
		font-size: 15px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail .subcomment_type_a {
	}
	#page_products_detail .subcomment_type_a .subcomment_content {
		padding: 30px 20px;
	}
	#page_products_detail .subcomment_type_a h2 {
		font-size: 24px;
		text-align: center;
	}
	#page_products_detail .subcomment_type_a .subtitle_main {
		display: inline-block;
		text-align: left;
	}
	#page_products_detail .subcomment_type_a .subcomment_text {
		margin-top: 10px;
		font-size: 16px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .subcomment_type_a {
	}
	#page_products_detail .subcomment_type_a .subcomment {
		position: relative;
	}
	#page_products_detail .subcomment_type_a .subcomment_content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 30px;
		text-align: center;
		color: #fff;
	}
	#page_products_detail .subcomment_type_a h2 {
		font-size: 30px;
	}
	#page_products_detail .subcomment_type_a .subcomment_text {
		margin-top: 10px;
		font-size: 18px;
		text-align: center;
	}
}

/*  サブコメントType B
----------------------------------------------- */
@media ( max-width: 767px ) {
	#page_products_detail .subcomment_type_b {
	}
	#page_products_detail .subcomment_type_b .subcomment_content {
		padding: 20px 10px;
	}
	#page_products_detail .subcomment_type_b h2 {
		font-size: 20px;
		text-align: center;
	}
	#page_products_detail .subcomment_type_b .subtitle_main {
		display: inline-block;
		text-align: left;
	}
	#page_products_detail .subcomment_type_b .subcomment_text {
		margin-top: 10px;
		font-size: 15px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail .subcomment_type_b {
	}
	#page_products_detail .subcomment_type_b .subcomment_content {
		padding: 30px 20px;
	}
	#page_products_detail .subcomment_type_b h2 {
		font-size: 24px;
		text-align: center;
	}
	#page_products_detail .subcomment_type_b .subtitle_main {
		display: inline-block;
		text-align: left;
	}
	#page_products_detail .subcomment_type_b .subcomment_text {
		margin-top: 10px;
		font-size: 16px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .subcomment_type_b {
		overflow: hidden;
	}
	#page_products_detail .subcomment_type_b .subcomment {
		overflow: hidden;
	}
	#page_products_detail .subcomment_type_b .subcomment_image {
		width: 50%;
		float: left;
	}
	#page_products_detail .subcomment_type_b .subcomment:nth-child(1) .subcomment_image {
		float: right;
	}
	#page_products_detail .subcomment_type_b .subcomment_content {
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 30px;
	}
	#page_products_detail .subcomment_type_b h2 {
		font-size: 26px;
	}
	#page_products_detail .subcomment_type_b .subcomment_text {
		margin-top: 20px;
		font-size: 16px;
	}
}
@media ( min-width: 1300px ) {
	#page_products_detail .subcomment_type_b .subcomment_content {
		padding: 6%;
	}
	#page_products_detail .subcomment_type_b .subcomment_text {
		margin-top: 7%;
	}
}

/*  中間キャッチコピー
----------------------------------------------- */
#page_products_detail .subcomment_catchcopy {
	background-color: #000;
	color: #fff;
	text-align: center;
}
#page_products_detail .subcomment_catchcopy h2 {
	font-size: inherit;
}
#page_products_detail .subcomment_catchcopy span {
	display: inline-block;
	text-align: left;
}
@media ( max-width: 767px ) {
	#page_products_detail .subcomment_catchcopy {
		font-size: 20px;
		padding: 20px 1em;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail .subcomment_catchcopy {
		font-size: 24px;
		padding: 30px 1em;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .subcomment_catchcopy {
		font-size: 28px;
		padding: 1.6em 1em;
	}
}

/*  サブコメントType C
----------------------------------------------- */
#page_products_detail .subcomment_type_c .subtitle_main {
	font-family: "Georgia";
}
#page_products_detail .subcomment_type_c .subtitle_mini {
}
@media ( max-width: 767px ) {
	#page_products_detail .subcomment_type_c {
	}
	#page_products_detail .subcomment_type_c .subcomment {
	}
	#page_products_detail .subcomment_type_c .subcomment_image {
	}
	#page_products_detail .subcomment_type_c .subcomment_content {
		padding: 10px;
	}
	#page_products_detail .subcomment_type_c h3 {
		text-align: center;
	}
	#page_products_detail .subcomment_type_c .subtitle_main {
		display: block;
		font-size: 18px;
	}
	#page_products_detail .subcomment_type_c .subtitle_mini {
		display: block;
		font-size: 13px;
	}
	#page_products_detail .subcomment_type_c .subcomment_text {
		margin-top: 10px;
		font-size: 15px;
	}
}
@media ( min-width: 768px ) and ( max-width: 979px ) {
	#page_products_detail .subcomment_type_c {
		background-color: #000;
	}
	#page_products_detail .subcomment_type_c .subcomment {
		overflow: hidden;
	}
	#page_products_detail .subcomment_type_c .subcomment_image {
		width: 50%;
		float: left;
	}
	#page_products_detail .subcomment_type_c .subcomment:nth-child(even) .subcomment_image {
		float: right;
	}
	#page_products_detail .subcomment_type_c .subcomment_content {
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding: 20px;
		color: #fff;
	}
	#page_products_detail .subcomment_type_c h3 {
	}
	#page_products_detail .subcomment_type_c .subtitle_main {
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
		font-size: 24px;
	}
	#page_products_detail .subcomment_type_c .subtitle_mini {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
	}
	#page_products_detail .subcomment_type_c .subcomment_text {
		margin-top: 10px;
		font-size: 16px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .subcomment_type_c {
		overflow: hidden;
	}
	#page_products_detail .subcomment_type_c .subcomment {
		width: 50%;
		float: left;
		position: relative;
	}
	#page_products_detail .subcomment_type_c .subcomment:nth-child(2n+1) {
		clear: both;
	}
	#page_products_detail .subcomment_type_c .subcomment_image {
	}
	#page_products_detail .subcomment_type_c .subcomment_content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 30px;
		color: #fff;
	}
	#page_products_detail .subcomment_type_c h3 {
	}
	#page_products_detail .subcomment_type_c .subtitle_main {
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
		font-size: 35px;
	}
	#page_products_detail .subcomment_type_c .subtitle_mini {
		display: inline-block;
		vertical-align: middle;
		font-size: 17px;
	}
	#page_products_detail .subcomment_type_c .subcomment_text {
		font-size: 16px;
	}
}

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

/* ==============================================
 * スペック表エリア
=============================================== */
#page_products_detail .section_spectable {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
#page_products_detail .section_spectable table {
}
#page_products_detail .section_spectable th {
}
#page_products_detail .section_spectable td {
}
@media ( min-width: 768px ) {
	#page_products_detail .section_spectable th {
		width: 200px;
		white-space: nowrap;
		font-size: 14px;
	}
	#page_products_detail .section_spectable td {
		width: auto;
		font-size: 14px;
	}
}
/* ==============================================
 * プロセスボタン
=============================================== */
#page_products_detail .section_process {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
#page_products_detail .section_process .btn {
	width: 100%;
	max-width: 100%;
	line-height: 1.5;
	padding: 12px;
}
#page_products_detail .section_process .btn_buy {
	background-color: #B20000;
	color: #fff !important;
	border: none;
}
#page_products_detail .section_process .btn_buy:hover {
	background-color: #d00;
}
#page_products_detail .section_process .btn_contact:hover {
	background-color: #B7A948;
	border-color: #B7A948;
	color: #fff !important;
}
@media ( max-width: 767px ) {
	#page_products_detail .section_process ul {
	}
	#page_products_detail .section_process li {
	}
	#page_products_detail .section_process li + li {
		margin-top: 10px;
	}
	#page_products_detail .section_process .btn {
		font-size: 14px;
	}
}
@media ( min-width: 768px ) {
	#page_products_detail .section_process ul {
		overflow: hidden;
	}
	#page_products_detail .section_process li {
		width: 48.5%;
		float: left;
	}
	#page_products_detail .section_process li + li {
		margin-left: 3%;
	}
	#page_products_detail .section_process .btn {
		font-size: 15px;
	}
}
@media ( min-width: 980px ) {
	#page_products_detail .section_process .btn {
		font-size: 18px;
	}
}


/* エラーページ */
#page_error_index {
}
/* メッセージエリア */
#page_error_index .message_area {
	margin-top: 100px !important;
	text-align: center;
}
@media ( max-width: 979px ) {
	#page_error_index .message_area {
		margin-top: 70px !important;
	}
}











/*************************************************
 * Page: ショッピングフロー
 * Package: shopping
 *
*************************************************/
/* ==============================================
 * 共通
=============================================== */
.page_shopping {
}
@media ( min-width: 980px ) {
	.page_shopping .section + .section {
		margin-top: 40px;
	}
	.page_shopping input[type="hidden"] + .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: #333;
	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 {
	background-color: #f4f4f4;
}
#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 {
		padding: 20px 0 10px;
	}
}
@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;/*section_bodyと同じ余白*/
	}
	#page_ecpcart_index .member_login {
		padding: 20px 0;
	}
}
@media ( min-width: 980px ) {
	#page_ecpcart_index .section_member {
	}
	#page_ecpcart_index .member_login {
		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;
}

/* ==============================================
 * ZEUS
=============================================== */
/* 前回利用したカード情報を利用するチェックボックス */
#page_ecpcart_index .quick_charge_use {
	margin: 10px 0;
}