* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFF;
	color: #000000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 90%;
/*	word-break: break-all; */
	text-align: center;
	-webkit-text-size-adjust: none;
}
#header p.btn_shop {
	position: relative;
}
#header p.btn_shop a {
	display: block;
	padding: 25px 0;
	background: #D8D4CF;
	border-top: 5px solid #D8D4CF;
	border-bottom: 5px solid #D8D4CF;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -1px 0 rgba(255,255,255,0.5) inset;
	text-align: center;
}
#header p.btn_shop a:hover {
	background: #FF7BAC;
	border-color: #FF7BAC;
}
p {
	margin-bottom: 0.8em;
	text-align: justify;
	text-justify: inter-ideograph;
}
p.nm {
	margin-bottom: 0px;
}
h1, h2, h3, h4 {
	font-size: 100%;
}
hr {
	margin-bottom: 0.8em;
	border: 0px;
	border-bottom: 1px dashed #BBBBBB;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
th {
	font-weight: normal;
	text-align: left;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------
  リンク
--------------------------------------------------*/
a { text-decoration: underline; }
a:link, a:visited { color: #000000; }
a:active, a:hover { text-decoration: none; }
a img { border: none; text-decoration: none; }

/*--------------------------------------------------
  フォントサイズ
--------------------------------------------------*/
.b  { font-weight: bold; }		/* 太字 */
.fs { font-size: 85%; }				/* 小さい文字 */
.fm { font-size: 110%; }			/* 大きい文字 */

/*--------------------------------------------------
  フォントカラー
--------------------------------------------------*/
.red  { color: #FF61A1; }			/* 赤 */
.pick { color: #0099FF; }			/* 注目色 */
.thin { color: #888888; }			/* 薄い色 */

/*--------------------------------------------------
  配置
--------------------------------------------------*/
.cen { text-align: center; }	/* 中央寄せ */
.lft { text-align: left; }		/* 左寄せ */
.rit { text-align: right; }		/* 右寄せ */

.vtop { vertical-align: top; }		/* 上詰め */
.vbtm { vertical-align: bottom; }	/* 下詰め */

.indent { text-indent: -0.5em; }

/*--------------------------------------------------
  画像配置（文字を回り込ます）
--------------------------------------------------*/
.img_lft { float: left; margin-right: 20px; }
.img_rit { float: right; margin-left: 20px; }

/*--------------------------------------------------
  IME（フォームコントロール用）
--------------------------------------------------*/
/* 半角 */
.disabled {
	ime-mode: disabled;
	border: 1px solid #A5ACB2;
	padding: 2px;
}
/* 全角(切替可) */
.active {
	ime-mode: active;
	border: 1px solid #A5ACB2;
	padding: 2px;
}

/*--------------------------------------------------
  その他
--------------------------------------------------*/
/* フロート解除 */
.cb { clear: both; }
/* クリアフィックス */
.cf:after,
.cb:after,
.box:after,
.main:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0px;
	content: "";
}

/*--------------------------------------------------
  ヘッダ
--------------------------------------------------*/
#header .in {
	position: relative;
}
#header p {
	margin: 0px;
}
/* 上部テキスト */
#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	z-index: 999;
}
/* ロゴ */
#logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: #000;
	z-index: 99999;
	text-align: center;
}
#logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -137px;
}
/* カートを見る */
#btn_cart {
	position: fixed;
	top: 26px;
	right: 175px;
	z-index: 9999;
}
#btn_cart img {
	width: auto;
	height: 50px;
}

/*--------------------------------------------------
  ページタイトル
--------------------------------------------------*/
#page_title {
	position: relative;
	text-align: center;
	z-index: 999;
  	/* TOPロゴ位置-80px margin-top: -200px; */
}
#page_title p {
	margin-bottom: 0;
	text-align: center;
}
#page_title p.title {
	background: url(https://file003.shop-pro.jp/PA01408/968/img/bg_title.gif) repeat-y center center;
}
#page_title p.title a {
	display: block;
}

/*--------------------------------------------------
	メニュー
--------------------------------------------------*/
#menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
#menu_link {
	position: absolute;
	top: 26px;
	right: 26px;
	z-index: 9999;
}
#menu ul {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80vh;
	margin: 0;
	padding: 10vh 0;
	background: #000;
}
#menu ul li {
	margin: 0;
	list-style: none;
}
#menu ul li a {
	display: block;
	color: #E1D8CD;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
	line-height: 16vh;
}
#menu ul li a:hover {
	color: #FF7BAC;
}

/*--------------------------------------------------
  コンテナ
--------------------------------------------------*/
#container {
	position: relative;
	background: #FFF;
	text-align: left;
	line-height: 1.6;
	z-index: 999;
}
#wrap #container .mv02 {
	opacity: 1.0;
  animation: fadeInUp 0.5s linear;
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px) scale(.8);
		transform: translateY(20px) scale(.8);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px) scale(.8);
		transform: translateY(20px) scale(.8);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

/*--------------------------------------------------
  メイン
--------------------------------------------------*/
.main {
	clear: both;
}

/*--------------------------------------------------
  フッタ
--------------------------------------------------*/
#footer {
	position: relative;
	clear: both;
	width: 100%;
	background: #333333;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.6;
	z-index: 999;
}
#footer a {
	text-decoration: none;
}
#footer p {
	margin-bottom: 0;
}
#footer img {
	vertical-align: middle;
}
#footer .box ul {
	margin: 0;
}
#footer .box li {
	list-style: none;
}
#footer .box li a {
	color: #FFFFFF;
}
#footer .box li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/* リンク */
#footer .link {
	padding: 45px 0;
	background: #D8D4CF;
	font-size: 16px;
	text-align: center;
}
#footer .link ul {
	display: inline-block;
	margin: 0;
}
#footer .link li {
	float: left;
	min-width: 34px;
	margin: 0 30px;
	list-style: none;
}
#footer .link li a {
	display: block;
	padding-top: 42px;
	background: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico01_off.gif) no-repeat center top;
	color: #000;
}
#footer .link li+li a {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico02_off.gif);
}
#footer .link li+li+li a {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico03_off.gif);
}
#footer .link li+li+li+li a {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico04_off.gif);
}
#footer .link li+li+li+li+li a {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico05_off.gif);
}
#footer .link li+li+li+li+li+li a {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico06_off.gif);
}
#footer .link li a:hover {
	color: #FF7BAC;
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico01_on.gif);
}
#footer .link li+li a:hover {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico02_on.gif);
}
#footer .link li+li+li a:hover {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico03_on.gif);
}
#footer .link li+li+li+li a:hover {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico04_on.gif);
}
#footer .link li+li+li+li+li a:hover {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico05_on.gif);
}
#footer .link li+li+li+li+li+li a:hover {
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/menu/ico06_on.gif);
}
/* コピーライト */
#copyright {
	font-size: 11px;
	text-align: right;
}

/*--------------------------------------------------
  共通
--------------------------------------------------*/
/* テーブル */
.tbl {
	width: 100%;
}
.tbl th,
.tbl td {
	padding: 10px;
	border: 1px solid #BBBBBB;
}
.tbl th {
	white-space: nowrap;
	background: #EEEEEE;
}
/* 注意書き */
.attention dt {
	float: left;
	width: 16px;
}
.attention dd {
	margin-left: 16px;
}
p.attention {
	margin-left: 1em;
	text-indent: -1em;
}
/**/

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }


/*--------------------------------------------------
	タブレットのみ適応
--------------------------------------------------*/
@media only screen and (max-width: 768px) and (min-width: 641px){
	.dsp_smt { display: none; }
}
/*--------------------------------------------------
	タブレット・スマホに適応
--------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.dsp_hp { display: none; }
	/* ヘッダ */
	#header p.btn_shop a {
		padding: 23px 0;
	}
	#header p.btn_shop a img {
		width: auto;
		height: 15px;
	}
	#menu_link {
		top: 10px;
		right: 10px;
	}
	#menu_link img {
		width: 50px;
	}
	/* カートを見る */
	#btn_cart {
		top: 10px;
		right: 140px;
	}
	/* タイトル */
	#page_title img {
		width: auto;
		height: 70px;
	}
	/* コンテナ */
	.main {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* フッター */
	#footer .box li {
		background: #222222;
		border-bottom: 1px solid #333333;
	}
	#footer .box li a {
		display: block;
		padding: 10px 15px;
		text-align: left;
	}
	#footer .link {
		padding: 30px 0;
	}
	#copyright {
		padding: 5px 0;
		text-align: center;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 30px;
		font-size: 11px;
	}
}

/*--------------------------------------------------
	スマホのみに適応
--------------------------------------------------*/
@media only screen and (max-width: 640px){
	.dsp_hp, .dsp_hpt { display: none; }
	/* ヘッダ */
	#logo img {
		width: 200px;
		margin-top: -26px;
		margin-left: -100px;
	}
	#header p.btn_shop a {
		padding: 16px 0;
	}
	#header p.btn_shop a img {
		width: auto;
		height: 15px;
	}
	/* カートを見る */
	#btn_cart {
		right: 70px;
	}
	/* タイトル */
	#page_title img {
		width: auto;
		height: 66px;
	}
	#page_title.sub p.title {
		text-align: left;
		background: #000;
	}
	#page_title.sub p.title img {
		background: #FFF;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 360px;
	}
	/* フッター */
	#footer .link {
		overflow: hidden;
		padding: 20px 40px;
	}
	#footer .link ul {
		display: block;
	}
	#footer .link li {
		margin: 0;
		width: 20%;
	}
	#footer .link li a {
		padding-top: 26px;
		background-size: 26px auto;
		-webkit-background-size: 26px auto;
		font-size: 12px;
	}
}

/*--------------------------------------------------
	パソコンのみ適応
--------------------------------------------------*/
@media only screen and (min-width:769px){
	.dsp_tbs, .dsp_smt { display: none; }
	.fl { float: left; }	/* 左寄せ（float） */
	.fr { float: right; }	/* 右寄席（float） */
	/* ヘッダ */
	#header .in {
		width: 1100px;
		margin: auto;
	}
	#menu_link img {
		width: auto;
		height: 50px;
	}
	/* タイトル */
	#page_title.sub {
		border-top: 10px solid #000;
		border-bottom: 10px solid #000;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 1150px;
	}
	#container {
		padding-bottom: 200px;
	}
	.main {
		width: 1100px;
		margin: auto;
	}
	/* フッター */
	#footer {
		min-height: 200px;
		margin-top: -200px;
	}
	#footer .box {
		width: 1100px;
		margin: auto;
		padding: 10px 0;
	}
	#footer .box ul {
		float: left;
	}
	#footer .box li {
		float: left;
		margin-right: 20px;
	}
	/*------------------------------------------------*/
	/* 背景固定 */
	html, body, #wrap {
		height: 100%;
	}
	body > #wrap {
		height: auto;
		min-height: 100%;
	}
	/* Hides from IE-mac \*/
	* html .cf {
		height: 1%;
	}
	.cf {
		display: block;
	}
	/* End hide from IE-mac */ 
}


/*--------------------------------------------------
	メディア
--------------------------------------------------*/
#media_ilne {
	border-top: 5px #000000 solid;
	border-left: 5px #000000 solid;
	border-right: 5px #000000 solid;
}
#media {
	max-width: 1260px;
	margin: auto;
	background-image: url(https://file003.shop-pro.jp/PA01408/968/img/media/bg01.gif), url(https://file003.shop-pro.jp/PA01408/968/img/media/bg02.gif);
	background-position: left, right;
	background-repeat: repeat-y;
}
#media .in {
	max-width: 780px;
	margin: auto;
}
#media h2 {
	padding: 100px 0;
	text-align: center;
}
#media .box {
	padding: 40px;
	border-top: 12px solid #000;
}
#media .box p {
	line-height: 1.9;
}
#media .box p:last-child {
	margin-bottom: 0;
}
#media .box.photo_lft img {
	float: left;
	margin-right: 30px;
}
#media .box.photo_rit img {
	float: right;
	margin-left: 30px;
}
#media .box.photo_cen img {
	display: block;
	margin: 0 auto 30px;
}
@media only screen and (max-width: 768px) {
	#media {
		background-size: 80px auto;
		-webkit-background-size: 80px auto;
	}
	#media .in {
		padding: 0 80px;
	}
	#media h2 {
		padding: 80px 0;
	}
	#media .box {
		padding: 30px;
		border-width: 8px;
	}
	#media .box p {
		line-height: 1.6;
	}
	#media .box.photo_lft img,
	#media .box.photo_rit img {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 640px){
	#media {
		background-size: 50px auto;
		-webkit-background-size: 50px auto;
	}
	#media .in {
		padding: 0 50px;
	}
	#media h2 {
		padding: 50px 0;
	}
	#media h2 img {
		width: 150px;
	}
	#media .box {
		padding: 20px;
		border-width: 6px;
	}
	#media .box.photo_lft img,
	#media .box.photo_rit img,
	#media .box.photo_cen img {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
}


/*--------------------------------------------------
	製品一覧
--------------------------------------------------*/
@media (min-width:641px){
	#products_list ul.row li.col:nth-child(3n+1) {
		clear: both;
	}
}