@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 全体
------------------------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	color: #333;
	font-size: 1.0rem;
	font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", fantasy;
	font-family: 'Monda', sans-serif;
	line-height: 1.5;
	letter-spacing: 0.04rem;
	-webkit-text-size-adjust: none;
	background-image: url(../images/back.jpg);
	background-repeat: repeat;
	overflow: scroll;
}
.inner {
	margin: 0 auto;
	width: 100%;
}
#wrapper {
	margin: 0 auto;
	padding: 0 1%;
	width: 98%;
	min-width: 300px;
	position: relative;
	background-image: url(../images/back2.jpg);
}

/* clearfix
------------------------------------------------------------*/
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* リンク設定
------------------------------------------------------------*/
a {
	color: #00F;
	text-decoration: none;
}
a:hover {
	color: #C40000;
}
a:active, a:focus {
	outline: 0;
}

/* フォント
------------------------------------------------------------*/
.font-weight_bold {
	font-weight: bold;
}
.font-color_red {
	color: #CE0000;
}
.font-color_gray {
	color: #aaa;
}
.font-color_yellow {
	color: #FF3;
}
.font-color_blue {
	color: blue;
}
/*************
/* ヘッダー
*************/
#header {
	height: 90px;
}
#header h1 {
	padding: 3px 0 5px 10px;
	font-size: 0.8rem;
	font-weight: normal;
	color: #50500E;
}
/*************
/* ロゴ
*************/
.logo {
	float: left;
	width: 35%;
}
.logo p {
	float: left;
}
.logo img {
	max-width: 200px;
	height: auto;
	float: left;
	padding: 0 5px 0 10px;
}
.logo span {
	display: block;
}
/*************
/* 電話番号
*************/
.info {
	float: right;
	width: 34%;
	margin: 0px 1% 0 0;
	padding-top: 4px;
	text-align: right;
	line-height: 1.4;
}
.info, .open {
	font-size: 11px;
	font-size: 1.1em;
}
/*************
/* ロゴ+電話番号
*************/
.logo, .info, .tel {
	color: #000;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.logo span, .info span {
	color: #333;
	font-size: 6px;
	font-size: 0.6em;
	font-weight: normal;
}
/**************************
/* SNSボタン
**************************/
.ninja_onebutton_wrpper {
	float: left;
	width: 30%;
	padding: 17px 0 0 0;
	margin: 0 auto;
}
/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#main {
	margin-top: 15px;
}
#categorytitleWrapper {
	overflow: hidden;
}
h2 {
	position: relative;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	width: 100%;
	margin: 15px 0 0 -15px;
	padding: 3px 0 3px 6%;
	display: inline-block;
	overflow: hidden;
	color: #fff;
	background: rgb(94,168,242);
	background: url(../images/h2background.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #046ad1), color-stop(0.00, #0388ef));
	background: url(../images/h2background.png) repeat, -webkit-linear-gradient(#0388ef, #046ad1);
	background: url(../images/h2background.png) repeat, -moz-linear-gradient(#0388ef, #046ad1);
	background: url(../images/h2background.png) repeat, -o-linear-gradient(#0388ef, #046ad1);
	background: url(../images/h2background.png) repeat, -ms-linear-gradient(#0388ef, #046ad1);
	background: url(../images/h2background.png) repeat, linear-gradient(#0388ef, #046ad1);
}
h2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 3%;
	margin-top : -10px;
	height: 20px;
	width: 8px;
	border-radius: 2px;
	background-color: #FF6;
}
/*--サイドバータイトル--*/
h3.heading, h3.heading_vendor {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0 10px;
	line-height: 36px;
	color: #fff;
	background: rgb(94,168,242);
	background: -moz-linear-gradient(top, rgba(94,168,242,1) 0%, rgba(33,136,239,1) 14%, rgba(4,106,209,1) 86%, rgba(0,89,178,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(94,168,242,1)), color-stop(14%, rgba(33,136,239,1)), color-stop(86%, rgba(4,106,209,1)), color-stop(100%, rgba(0,89,178,1)));
	background: -webkit-linear-gradient(top, rgba(94,168,242,1) 0%, rgba(33,136,239,1) 14%, rgba(4,106,209,1) 86%, rgba(0,89,178,1) 100%);
	background: -o-linear-gradient(top, rgba(94,168,242,1) 0%, rgba(33,136,239,1) 14%, rgba(4,106,209,1) 86%, rgba(0,89,178,1) 100%);
	background: -ms-linear-gradient(top, rgba(94,168,242,1) 0%, rgba(33,136,239,1) 14%, rgba(4,106,209,1) 86%, rgba(0,89,178,1) 100%);
	background: linear-gradient(to bottom, rgba(94,168,242,1) 0%, rgba(33,136,239,1) 14%, rgba(4,106,209,1) 86%, rgba(0,89,178,1) 100%);
	text-shadow: 0 0 2px #000;
}
/*--タイトル表記--*/
h3.heading2 {
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 10px;
	line-height: 36px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 2px rgba(0,0,0,1);
	background-image: url(../images/heading2_back.gif);
	background-repeat: repeat;
}
.headline4 {
	position: relative;
	border-color: #eee;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	background: #fff;
	margin: 0 0 15px -15px;
	padding: 5px 15px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
}
.headline4:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 15px;
	right: 15px;
	width: 70%;
	height: 10px;
	background: rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
/*--h4 カテゴリタイトル--*/
h4 {
	position: relative;
	padding: 12px 0 8px 1.5em;
	font-size: 15px;
	font-size: 1.5em;
	font-weight: bold;
	text-shadow: 0px 0px 5px #fff;
	margin: 10px 0 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 44%, rgba(198,198,198,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(44%, rgba(214,214,214,1)), color-stop(100%, rgba(198,198,198,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 44%, rgba(198,198,198,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 44%, rgba(198,198,198,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 44%, rgba(198,198,198,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 44%, rgba(198,198,198,1) 100%);
	border: 1px solid #001FB3;
	border-radius: 10px 10px 0 0;
}
h4:before {
	content: "";
	position: absolute;
	background: #044ad3;
	top: 50%;
	left: 0.5em;
	margin-top : -9px;
	height: 20px;
	width: 8px;
	border-radius: 2px;
}
/*--h5 商品名（大）--*/
h5 {
	display: inline-block;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bolder;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	letter-spacing: 1px;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 10px 10px 0 0;
	background: #001fb3;
	background: url(../images/h5background.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #001161), color-stop(0.90, #001fb3), color-stop(0.10, #244aff), color-stop(0.00, #728afe));
	background: url(../images/h5background.png) repeat, -webkit-linear-gradient(top, #728afe 0%, #244aff 10%, #001fb3 90%, #001161 100%);
	background: url(../images/h5background.png) repeat, -moz-linear-gradient(top, #728afe 0%, #244aff 10%, #001fb3 90%, #001161 100%);
	background: url(../images/h5background.png) repeat, -o-linear-gradient(top, #728afe 0%, #244aff 10%, #001fb3 90%, #001161 100%);
	background: url(../images/h5background.png) repeat, -ms-linear-gradient(top, #728afe 0%, #244aff 10%, #001fb3 90%, #001161 100%);
	background: url(../images/h5background.png) repeat, linear-gradient(to bottom, #728afe 0%, #244aff 10%, #001fb3 90%, #001161 100%);
	padding: 8px 0;
	width: 100%;
	text-align: center;
}
/*--h6 商品名（中）--*/
h6 {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bolder;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	letter-spacing: 1px;
	background: #001fb3;
	background: url(../images/h6background.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #004060), color-stop(0.90, #0076B2), color-stop(0.10, #26B6FF), color-stop(0.00, #71CEFC));
	background: url(../images/h6background.png) repeat, -webkit-linear-gradient(top, #71CEFC 0%, #26B6FF 10%, #0076B2 90%, #004060 100%);
	background: url(../images/h6background.png) repeat, -moz-linear-gradient(top, #71CEFC 0%, #26B6FF 10%, #001fb3 90%, #004060 100%);
	background: url(../images/h6background.png) repeat, -o-linear-gradient(top, #71CEFC 0%, #26B6FF 10%, #0076B2 90%, #004060 100%);
	background: url(../images/h6background.png) repeat, -ms-linear-gradient(top, #71CEFC 0%, #26B6FF 10%, #0076B2 90%, #004060 100%);
	background: url(../images/h6background.png) repeat, linear-gradient(to bottom, #71CEFC 0%, #26B6FF 10%, #0076B2 90%, #004060 100%);
	padding: 3px 0;
	margin: 5px 0;
	width: 100%;
	text-align: center;
}
/* 商品詳細  */

.productWrapper {
	text-align: center;
	margin-bottom: 10px;
	border-radius: 0 0 10px 10px;
	padding: 5px 0 0;
	background-color: rgba(255,255,255,0.5);
	border-right: 1px solid #001fb3;
	border-bottom: 1px solid #001fb3;
	border-left: 1px solid #001fb3;
}
.productWrapper img {
	margin: 0 auto 5px;
	width: 100%;
	max-width: 500px;
	height: auto;
}
.maxwidth_clear img {
	max-width: 960px;
	height: auto;
}
/**************************
/* グリッド
**************************/
.gridWrapper {
	overflow: hidden;
}
* html .gridWrapper {
	height: 1%;
}
.grid {
	float: left;
	border-radius: 5px;
	background-color: #fafafa;
	margin-bottom: 10px;
}
.box, .box_catalog {
	margin: 0 5px;
	padding: 10px;
	border: 1px solid #ebebeb;
	overflow: hidden;
}
.box_catalog {
	padding: 2%;
}
.box img, .box_catalog img {
	max-width: 100%;
	height: auto;
	border: 4px solid #ebebeb;
}
.box_catalog img {
	max-width: 98%;
}
.box h3, .box_catalog h3 {
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bolder;
	padding-top: 2px;
	padding-bottom: 2px;
}
.box_catalog h3 {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 1px;
}
.box p, .box_catalog p {
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
}
.box p.readmore, .box p.readmore_end, .box_catalog p.readmore {
	padding: 10px 5px 5px;
	text-align: right;
}
/*商品一覧*/
.gridWrapper2 {
	overflow: hidden;
	margin: 0 auto;
}
.grid2 {
	float: left;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.6);
	margin-bottom: 10px;
}
.box2 {
	margin: 0 5px;
	padding: 10px;
	height: 165px;
	border: 1px solid #ebebeb;
	overflow: hidden;
}
.box2 img {
	width: 240px;
	height: 164px;
	border: 2px solid #CCC;
	border-radius: 3px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.6) 0px 0px 4px 0px;
	-moz-box-shadow: rgba(113, 135, 164, 0.6) 0px 0px 4px 0px;
	box-shadow: rgba(113, 135, 164, 0.6) 0px 0px 4px 0px;
}
.box2 p {
	text-align: left;
	font-size: 11px;
	font-size: 1.1rem;
	padding-top: 2px;
}
.box2 h3 {
	text-align: left;
	font-size: 1.2px;
	font-size: 1.2rem;
	font-weight: bold;
	height: 36px;
	line-height: 1.6rem;
	word-wrap: break-word;
}
.box2 p.readmore a {
	float: right;
	display: block;
	width: 50%;
	padding: 5px 5px;
	background-color: #e8f0ff;
	text-align: center;
}
.box2 p.readmore_end a {
	float: right;
	display: block;
	width: 50%;
	padding: 5px 5px;
	background-color: rgba(255,247,247,1.00);
	text-align: center;
}
/*************
メイン コンテンツ
*************/
section.content article {
	padding: 10px 2%;
	margin-bottom: 10px;
	border: 1px solid #ebebeb;
	overflow: hidden;
	background-color: rgba(255,255,255,0.4);
}
* html section.content article {
	height: 1%;
}
section.content p {
	margin-bottom: 5px;
}
section.content img {
	max-width: 90%;
	height: auto;
}
.alignleft {
	float: left;
	clear: left;
	margin: 3px 10px 10px 0;
}
.alignright {
	float: right;
	clear: right;
	margin: 3px 0 10px 10px;
}
#gallery .grid img, .border {
	border: 4px solid #ebebeb;
}
/*--カテゴリトップページ用--*/
#mainBanner {
	margin: 0px auto 0px;
	padding: 0;
	width: 100%;
	position: relative;
	line-height: 0;
	text-align: center;
}
#mainBanner img {
	max-width: 100%;
	height: auto;
	margin-bottom: 0px;
}
/* カテゴリトップ　リンクリスト*/

#productlist ul {
	height: 1%;
	margin: 20px 0;
}
#productlist li a {
	margin: 0 0 10px 17px;
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	height: 50px;
	width: 220px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/productlist.png);
	color: #FFF;
}
#productlist li a:hover {
	background-image: url(../images/productlist.png);
	background-position: 0 -100px;
}
#product_table .grid {
	width: 163px;
	margin: 10px 0 0 10px;
}
#product_table .grid img {
	border: 1px solid #666;
	width: 100%;
}
#product_table a {
	border-radius: 5px;
	padding: 2px;
	display: block;
	background-color: #f7f9fd;
}
#product_table a:hover {
	background-color: #CDDAED;
}
/* パンくずリスト */

.rcrumbs {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	line-height: 14px;
	white-space: nowrap;
	padding: 0 3px;
	height: 22px;
}
.rcrumbs > ul {
	padding: 0;
	list-style: none;
}
.rcrumbs > ul > li {
	overflow: hidden;
	display: none;
}
.rcrumbs > ul > li.show {
	display: inline-block;
}
.rcrumbs > ul > li.ellipsis {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}
.rcrumbs a {
	color: #00f;
	text-decoration: none;
}
.rcrumbs a:hover {
	color: #f00;
}
.rcrumbs .divider {
	color: #666;
	padding: 0 5px;
}
/* ダウンロードボタン */
.DownloadButton_wrapper {
	width: auto;
	margin: 0 0 10px;
	text-align: center;
}
.DownloadButton_wrapper2 {
	width: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.DownloadButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #9fb4f2;
	-webkit-box-shadow: inset 0px 1px 0px 0px #9fb4f2;
	box-shadow: inset 0px 1px 0px 0px #9fb4f2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background: -moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: -webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: -o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: -ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background: linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color: #7892c2;
	border-radius: 6px;
	border: 1px solid #4e6096;
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 8px 18px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
	margin: 5px;
}
.DownloadButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background: -moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background: -webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background: -o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background: -ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background: linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color: #476e9e;
	color: #FFF;
}
.DownloadButton:active {
	position: relative;
	top: 1px;
}
.DownloadButton:link, .DownloadButton:visited, .DownloadButton:hover, .DownloadButton:active {
	color: #FFF;
}
/* リンクボタン */
.LinkButton_wrapper {
	width: auto;
	margin: 5px 0 10px;
	text-align: center;
}
.LinkButton {
	border-radius: 6px;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: 0px 0px 2px #000000;
	border: 1px solid #337fed;
	-moz-box-shadow: inset 0px 0px 1px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 0px 1px 0px #97c4fe;
	box-shadow: inset 0px 0px 1px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color: #3d94f6;
}
.LinkButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color: #1e62d0;
}
.LinkButton:active {
	position: relative;
	top: 1px;
}
.LinkButton:link, .LinkButton:visited, .LinkButton:hover, .LinkButton:active {
	color: #FFF;
}
/* 路線便 */
.rosen {
	border: 8px solid #938C00;
	border-image: url("../images/attention.png") 24 24 round;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0px 4px;
	text-decoration: none;
	background: #f8f4d6;
	background: -moz-linear-gradient(top, #f8f4d6 0%, #f7eca8 100%);
	background: -webkit-linear-gradient(top, #f8f4d6 0%, #f7eca8 100%);
	background: linear-gradient(to bottom, #f8f4d6 0%, #f7eca8 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f4d6', endColorstr='#f7eca8', GradientType=0 );
}
.rosen:before {
	content: url("../images/exclamation_mark.svg");
	position: relative;
	top: 3px;
}
.rosen:link, .rosen:visited, .rosen:hover, .rosen:active {
	color: black;
}
.rosen:hover {
	background: #f7eca8;
	background: -moz-linear-gradient(top, #f7eca8 20%, #f8f4d6 100%);
	background: -webkit-linear-gradient(top, #f7eca8 20%, #f8f4d6 100%);
	background: linear-gradient(to bottom, #f7eca8 20%, #f8f4d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7eca8', endColorstr='#f8f4d6', GradientType=0 );
}
/* 終売 */
.soldout {
	border: 8px solid #938C00;
	border-image: url("../images/soldout.png") 24 24 round;
	display: inline-block;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 1px 8px 1px 8px;
	margin-bottom: 10px;
	text-decoration: none;
	background-color: #FFD7D7;
	background: -moz-linear-gradient(top, #FFF0F0 20%, #F7C6C6 100%);
	background: -webkit-linear-gradient(top, #FFF0F0 20%, #F7C6C6 100%);
	background: linear-gradient(to bottom, #FFF0F0 20%, #F7C6C6 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF0F0', endColorstr='F7C6C6', GradientType=0 )
}
.soldout:before {
	content: url("../images/soldout.svg");
	position: relative;
	top: 3px;
	left: -3px;
}
/* SSLサイトシール */
.ssl {
	clear: both;
	margin: 5px auto;
	text-align: center;
	padding-top: 20px;
}
.ssl p {
	text-align: center;
	font-size: 10px;
	font-size: 1.0rem;
}
/* ボックス */
.box-gray {
	border: 1px solid #999;
	padding: 5px;
	margin-bottom: 10px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	font-size: 1px;
	font-size: 1.2rem;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* W3C */
}
/* キャッチ */
.catch1 {
	border-top: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-left: 7px solid #ff7f50;
	border-bottom: 1px dotted #ccc;
	margin: 5px auto 10px;
	padding: 3px 3px 3px 10px;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	width: 90%;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* W3C */
}
/* 販売のみ */
.sell_only {
	border: 1px solid #635454;
	border-radius: 2px;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 5px 3px;
	text-decoration: none;
	display: inline-block;
	color: #493434;
	background-color: #f7e3e3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7e3e3), to(#FFD7D7));
	background-image: -webkit-linear-gradient(top, #f7e3e3, #FFD7D7);
	background-image: -moz-linear-gradient(top, #f7e3e3, #FFD7D7);
	background-image: -ms-linear-gradient(top, #f7e3e3, #FFD7D7);
	background-image: -o-linear-gradient(top, #f7e3e3, #FFD7D7);
	background-image: linear-gradient(to bottom, #f7e3e3, #FFD7D7);
	width: 240px;
	margin: 0px auto 10px;
}
/* 特徴＆注意事項 */
dl.check {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* W3C */
	margin-bottom : 30px;
	border : 1px solid #6c4627;
	width : 95%;
	margin: 5px auto 15px;
}
dt.check {
	background: #ffe7a5; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe7a5 0%, #ffd65e 10%, #ffd65e 90%, #dba104 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe7a5), color-stop(10%, #ffd65e), color-stop(90%, #ffd65e), color-stop(100%, #dba104)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffe7a5 0%, #ffd65e 10%, #ffd65e 90%, #dba104 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffe7a5 0%, #ffd65e 10%, #ffd65e 90%, #dba104 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffe7a5 0%, #ffd65e 10%, #ffd65e 90%, #dba104 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffe7a5 0%, #ffd65e 10%, #ffd65e 90%, #dba104 100%); /* W3C */
	text-align : center;
	border-bottom : 1px solid #6c4627;
	padding-top : 4px;
	padding-bottom : 4px;
	font-size: 14px;
	font-size: 1.4rem;
	text-shadow: 0px 0px 5px #fff;
	font-weight: bolder;
}
dd.check {
	text-align: left;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	font-size: 1.2rem;
}
dd.check li {
	margin-left: 5px;
}
/* youtube埋め込み */
.category_wrapper {
	clear: both;
	padding-top: 10px;
	width: 100%;
}
.YoutubeWrapper {
	position: relative;
	width: 100%;
	margin: 0 auto 10px;
	overflow: hidden;
	max-width: 500px;
}
.top_margin10 {
	margin-top: 10px
}
.YoutubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important
}
iframe .Youtube_box {
	border: 0;
	background-color: transparent;
	overflow: hidden;
	width: 560px;/*ライクボックスの幅を指定*/
	height: 315px;/*ライクボックスの高さを指定*/
}
/* youtube埋め込み２ */
.YoutubeWrapper2 {
	position: relative;
	width: 100%;
	margin: 0 auto 10px;
	overflow: hidden;
	text-align: center;
	clear: both;
}
.YoutubeWrapper2 img {
	max-width: 100%;
	height: auto;
}
/* 空き状況照会リンクボタン */
.reserve_button {
	-moz-box-shadow: inset 0px 1px 0px 0px #d1f0b7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #d1f0b7;
	box-shadow: inset 0px 1px 0px 0px #d1f0b7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74D915), color-stop(1, #458510));
	background: -moz-linear-gradient(top, #74D915 5%, #458510 100%);
	background: -webkit-linear-gradient(top, #74D915 5%, #458510 100%);
	background: -o-linear-gradient(top, #74D915 5%, #458510 100%);
	background: -ms-linear-gradient(top, #74D915 5%, #458510 100%);
	background: linear-gradient(to bottom, #74D915 5%, #458510 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74D915', endColorstr='#458510', GradientType=0);
	background-color: #74D915;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	border: 2px solid #3aad23;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 15px;
	margin-bottom: 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #293b19;
}
.reserve_button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #458510), color-stop(1, #74D915));
	background: -moz-linear-gradient(top, #458510 5%, #74D915 100%);
	background: -webkit-linear-gradient(top, #458510 5%, #74D915 100%);
	background: -o-linear-gradient(top, #458510 5%, #74D915 100%);
	background: -ms-linear-gradient(top, #458510 5%, #74D915 100%);
	background: linear-gradient(to bottom, #458510 5%, #74D915 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#458510', endColorstr='#74D915', GradientType=0);
	background-color: #458510;
	color: #ffffff;
}
.reserve_button:active {
	position: relative;
	top: 1px;
}
/* flexボックス */
.flexbox {
	display: flex;
	flex-direction: row;
}
.flexbox_content {
	width: 49%;
	padding: 0 0.5%;
}
/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */.lity {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	background: #0b0b0b;
	background: rgba(0,0,0,0.9);
	outline: none !important;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease
}
.lity.lity-opened {
	opacity: 1
}
.lity.lity-closed {
	opacity: 0
}
.lity * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.lity-wrap {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	outline: none !important
}
.lity-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em
}
.lity-loader {
	z-index: 9991;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -0.8em;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease
}
.lity-loading .lity-loader {
	opacity: 1
}
.lity-container {
	z-index: 9992;
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	white-space: normal;
	max-width: 100%;
	max-height: 100%;
	outline: none !important
}
.lity-content {
	z-index: 9993;
	width: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .3s ease;
	-o-transition: -o-transform .3s ease;
	transition: transform .3s ease
}
.lity-loading .lity-content, .lity-closed .lity-content {
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)
}
.lity-content:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6)
}
.lity-close {
	z-index: 9994;
	width: 35px;
	height: 35px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-appearance: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	border: 0;
	background: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.lity-close::-moz-focus-inner {
border:0;
padding:0
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-size: 35px;
	font-family: Arial, Baskerville, monospace;
	line-height: 35px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	border: 0;
	background: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.lity-close:active {
	top: 1px
}
.lity-image img {
	max-width: 100%;
	display: block;
	line-height: 0;
	border: 0
}
.lity-iframe .lity-container {
	width: 100%;
	max-width: 964px
}
.lity-iframe-container {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: auto;
	pointer-events: auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
	background: #000
}
.lity-hide {
	display: none
}
/* バナー画像ロールオーバー */
.rollover {
	margin: 0 auto 6px;
	width: 100%;
	max-width: 500px;
	height: auto;
	background-image: url(../fuwafuwa/fuwakorebanner_on.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.rollover img {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.rollover a {
	display: block;
}
.rollover a:hover {
	background-color: transparent; /*--IE用--*/
}
.rollover a:hover img {
	visibility: hidden; /*--元の画像を消す--*/
}
/* 商品参考画像 */
.reference_title {
	padding: 4px 0 4px 8px;
	border-color: #FF8000;
	border-width: 0 0 1px 7px;
	border-style: solid;
	background: #FFF7EE;
	margin: 0 0.5% 2px;
	width: 97%;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 5px;
}
.reference_title2 {
	padding: 4px 0 4px 8px;
	border-color: #7FD8E5;
	border-width: 0 0 1px 7px;
	border-style: solid;
	background: #E6FBFE;
	margin: 0 0.5% 2px;
	width: 97%;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 5px;
}
.reference_image {
	margin: 0px 0 0px;
	width: 100%;
	overflow: hidden;
}
.reference_image ul {
	display: table;
}
.reference_image li {
	display: table-cell;
}
.reference_image img {
	border: 1px solid #FFF;
}
hr.linegradation {
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	margin-bottom: 5px;
}
.category_bannerimg {
	border: 4px solid #fff;
	box-shadow: 0px 0px 10px #aaa;
}
/*************
テーブル
*************/
table.table {
	border-collapse: collapse;
	margin: 5px auto 10px;
	max-width: 99%;
	min-width: 240px;
}
table.table td {
	border-collapse: collapse;
	background-color: #F9F9F9;
	text-align: left;
	padding: 6px;
	border: 1px solid #D6D6D6;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 140%;
	vertical-align: middle;
}
table.table td.text-right {
	text-align: right;
}
table.table td.text-center {
	text-align:center;
}
table.table th {
	background-color: #F5F5F5;
	text-align: left;
	vertical-align: middle;
	padding: 6px;
	white-space: nowrap;
	color: #151515;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 4px solid #D4D4D4;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	letter-spacing: 1px;
	background-repeat: repeat-x;
	background-position: top;
}
table.table th.border-right0 {
	border-right:none;
}
table.table th.border-left0 {
	border-left:none;
}
table.table th.text-right {
	text-align: right;
}
table.table thead th {
	background-color: #dce9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	background-image: -webkit-linear-gradient(top, #e1eefd, #b0c9e7);
	background-image: -moz-linear-gradient(top, #e1eefd, #b0c9e7);
	background-image: -ms-linear-gradient(top, #e1eefd, #b0c9e7);
	background-image: -o-linear-gradient(top, #e1eefd, #b0c9e7);
	background-image: linear-gradient(top, #e1eefd, #b0c9e7);
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	text-shadow: 0 0 2px rgba(255,255,255,1);
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 20px;
}
table.table thead th.border-right4 {
	border-right: 4px solid #D4D4D4;
}
table.table thead th.border-right0 {
	border-right: none;
}
table.table thead th.border-left0 {
	border-left: none;
}
table.faq{
	border-collapse: collapse;
	margin: 5px auto 10px;
	max-width: 99%;
	min-width: 240px;
}
table.faq td {
	border-collapse: collapse;
	background-color: #F9F9F9;
	text-align: left;
	padding: 6px;
	border: 1px solid #D6D6D6;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 140%;
	vertical-align: middle;
}
table.faq th {
	background-color:#e8f3f3;
	text-align: left;
	vertical-align: middle;
	padding: 6px;
	white-space: nowrap;
	color: #151515;
	border: 1px solid #D4D4D4;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	letter-spacing: 1px;
	background-repeat: repeat-x;
	background-position: top;
}
table.faq thead th {
	background-color: #9ecbcc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e8f3f3), to(#9ecbcc));
	background-image: -webkit-linear-gradient(top, #e8f3f3, #9ecbcc);
	background-image: -moz-linear-gradient(top, #e8f3f3, #9ecbcc);
	background-image: -ms-linear-gradient(top, #e8f3f3, #9ecbcc);
	background-image: -o-linear-gradient(top, #e8f3f3, #9ecbcc);
	background-image: linear-gradient(top, #e8f3f3, #9ecbcc);
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	text-shadow: 0 0 2px rgba(255,255,255,1);
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 20px;
}

/*************
/* サイドバーs
*************/
#sidebar ul {
}
#sidebar li {
	list-style: none;
	border-bottom: 1px dashed #ebebeb;
}
#sidebar li:last-child {
	border: 0;
	margin-bottom: 0px;
}
#sidebar li a {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 12px 0 12px 10px;
	color: #333;
	display: block;
	background-color: #f7f8fa;
}
#sidebar li a:hover {
	color: #333;
	display: block;
	background-color: #edf2fa;
}
ul.list li {
	clear: both;
	margin-bottom: 5px;
	padding: 5px 0;
	overflow: hidden;
}
ul.list li {
	height: 1%;
}
ul.list li img {
	float: left;
	margin-right: 10px;
}
ul.list li {
	font-size: 1.2rem;
	line-height: 1.35;
}
/**************************
忍者ボタン+ページトップ
**************************/
.gotoTop {
	float: left;
	margin-left: 45%;
}
#snswrapper {
	width: 100%;
	margin: 10px 0 20px;
}
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
#page-top a {
	background: #FFDC48;
	text-decoration: none;
	color: #000;
	width: 60px;
	padding: 6px 0;
	text-align: center;
	display: block;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	transition: opacity 0.2s ease-in;
	-webkit-transition: opacity 0.2s ease-in;
	opacity: 0.85;
}
#page-top a:hover {
	text-decoration: none;
	background: #FFDC48;
	opacity: 1;
}
/*************
/* フッター
*************/
#footer {
	clear: both;
	overflow: hidden;
	background-image: url(../images/back-footer.jpg);
	padding: 10px 0px 0px;
	border-radius: 5px 5px 0 0;
}
* html #footer {
	height: 1%;
}
#footer #info .logo, #footer #info .info {
	float: none;
}
#footer #info .info {
	clear: both;
	padding: 10px 0 0 15px;
	text-align: left;
}
#footer .logo {
	font-size: 1.8rem;
}
#footer .info .tel, #footer .info .tel span, #footer #info .open {
	font-size: 1.2rem;
}
#footer .grid {
	border-radius: 5px;
	float: left;
	width: 300px;
	margin-left: 15px;
}
.fotternavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.fotternavi li {
	display: inline;
	margin: 0;
}
.fotternavi li a {
	display: block;
	text-decoration: none;
	color: #333;
	padding-left: 26px;
	text-align: left;
	font-size: 1.4rem;
	background-image: url(../images/footernavi_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	background-color: #f7f8fa;
}
.fotternavi li a:hover {
	background-color: #edf2fa;
}
address {
	text-align: center;
}
/**************************
google検索+SNSバナー
**************************/
#googlesearch_snsbanner_Wrapper {
	float: left;
	width: 300px;
	overflow: hidden;
	margin-left: 15px;
}
#googlewrapper, #snsbanner_Wrapper {
	border-radius: 5px;
	width: 100%;
	padding: 3px 0 10px 5px;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: rgba(255,255,255,0.6);
}
#googletitle {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 1px;
	background-image: url(../images/googlesearch_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 21px;
	border-radius: 5px;
}
#cse-search-box {
	width: 100% !important;
	float: right;
	margin-top: 7px;
}
#cse-search-box table.gsc-search-box td.gsc-input {
	padding: 0 !important;
}
#cse-search-box input[type="text"] {
	border-radius: 5px 0 0 5px;
	height: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	width: 75%;
	float: left;
	margin-left: 5%;
}
#cse-search-box input[type="image"] {
	float: left;
	height: 32px;
	width: 32px;
	margin-left: 1%;
	margin-top: -5px;
	padding: 0 0 0 0;
	border: none;
}
#snsbannertitle {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 1px;
	background-image: url(../images/snsbanner_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 21px;
	border-radius: 5px;
	width: 100%;
}
.snsbanner img {
	float: left;
	margin-left: 15px;
	margin-top: 5px;
}

/* PC用*/
@media only screen and (min-width: 960px) {
/*************
/* 全体
*************/

/*************
/* ヘッダー
*************/

nav#mainNav {
	padding: 0 14px;
	clear: both;
	overflow: hidden;
	position: relative;
	background: #044ad3;
}
nav#mainNav ul li {
	float: left;
	position: relative;
}
nav#mainNav li.last {
	border-right: 1px solid #ebebeb;
}
nav#mainNav ul li a {
	display: block;
	text-align: center;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	width: 154px;
	height: 45px;
	padding-top: 15px;
	color: #fff;
	border-left: 1px solid #ebebeb;
	background: #044ad3;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
}
nav#mainNav ul li a span, nav#mainNav ul li a strong {
	display: block;
}
nav#mainNav ul li a span {
	color: #FF9;
	font-size: 10px;
	font-size: 1.0rem;
}
nav div.panel {
	display: block !important;
	float: left;
}
a#menu {
	display: none;
}
nav#mainNav li.active a, nav#mainNav li a:hover {
	color: #fff;
	padding-top: 15px;
	background-color: #699CFC;
	background: -webkit-gradient(radial, 49% 0%, 0, 49% 0%, 122, color-stop(0.41, #044ad3), color-stop(0.07, #a3c2ff), color-stop(0.00, #a3c2ff));
	background: -webkit-radial-gradient(49% 0%, circle, #a3c2ff 0%, #a3c2ff 7%, #044ad3 41%);
	background: -moz-radial-gradient(49% 0%, circle, #a3c2ff 0%, #a3c2ff 7%, #044ad3 41%);
	background: -o-radial-gradient(49% 0%, circle, #a3c2ff 0%, #a3c2ff 7%, #044ad3 41%);
	background: -ms-radial-gradient(49% 0%, circle, #a3c2ff 0%, #a3c2ff 7%, #044ad3 41%);
	background: radial-gradient(49% 0%, circle, #a3c2ff 0%, #a3c2ff 7%, #044ad3 41%);
}
/*************
/* メイン
*************/

/*--カテゴリトップページ用--*/
#mainBanner {
	margin-left: 15px;
}
#subpage #mainBanner {
	margin: 15px auto;
}
#wrapper, .inner {
	width: 960px;
	padding: 0;
}
#wrapper {
	padding-bottom: 0px;
}
#main {
	float: right;
	width: 717px;
	padding-right: 15px;
}
/* グリッド */
.grid {
	float: left;
	width: 300px;
	margin: 5px;
}
/* 商品一覧 */
.gridWrapper {
	width: 930px;
	padding: 0 15px 10px;
}
.grid2 {
	float: left;
	width: 160px;
	height: auto;
	margin: 5px 0 5px 15px;
}
.box2 img {
	width: 120px;
	height: 82px;
	border: 2px solid #ebebeb;
}
#subpage .grid {
	width: auto;
}
#gallery .grid {
	width: auto;
	margin: 0 0 2px 10px;
}
/*************
/* サイドバー
*************/

#sidebar {
	float: left;
	width: 195px;
	padding: 15px 0 0 15px;
	overflow: hidden;
}
#sidebar article {
	margin-bottom: 20px;
	border: 1px solid #5ea8f2;
	overflow: hidden;
	background-color: #fcfcfc;
}
#sidebar li a:hover:after {
	content: "";
	position: absolute;
	left: 175px;
	height: 36px;
	width: 36px;
	margin-top: -9px;
	background-image: url(../images/sidebar_icon.png);
	background-repeat: no-repeat;
}
#sidebar img {
	margin-bottom: 10px;
}
/**************************
忍者ボタン+ページトップ
**************************/

/*************
/* フッター
*************/

}

/* タブレット */
@media only screen and (max-width:959px) {
/*************
/* 全体
*************/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*************
/* ヘッダー
*************/

nav#mainNav {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: rgb(91,148,255);
	background: -moz-linear-gradient(top, rgba(91,148,255,1) 0%, rgba(4,74,211,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(91,148,255,1)), color-stop(100%, rgba(4,74,211,1)));
	background: -webkit-linear-gradient(top, rgba(91,148,255,1) 0%, rgba(4,74,211,1) 100%);
	background: -o-linear-gradient(top, rgba(91,148,255,1) 0%, rgba(4,74,211,1) 100%);
	background: -ms-linear-gradient(top, rgba(91,148,255,1) 0%, rgba(4,74,211,1) 100%);
	background: linear-gradient(to bottom, rgba(91,148,255,1) 0%, rgba(4,74,211,1) 100%);
	border: 1px solid #9ABCFC;
}
nav#mainNav a.menu {
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: left;
	color: #FFF;
}
nav#mainNav a#menu span {
	padding-left: 10px;
}
nav#mainNav > a span:before {
	content: "＋ ";
}
nav#mainNav a.menuOpen span:before {
	content: "－ ";
}
nav#mainNav a#menu:hover {
	cursor: pointer;
}
nav .panel {
	display: none;
	width: 100%;
	position: relative;
	right: 0;
	top: 0;
	z-index: 1;
	font-size: 1.5rem;
}
nav#mainNav ul li {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	line-height: 1.2;
}
nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
	display: block;
	padding: 10px 10px;
	text-align: left;
	border-bottom: 1px dashed #ccc;
	color: #FFF;
}
nav#mainNav ul li a span {
	padding-left: 10px;
}
nav#mainNav ul li:first-child a {
	border-top: 1px solid #e4e4e4;
}
nav#mainNav ul li:last-child a {
	border: 0;
}
nav#mainNav ul li:hover a {
	color: #fff;
}
nav#mainNav ul li.active a {
	color: #FF6;
	font-weight: bold;
}
nav div.panel {
	float: none;
}
/*************
/* メイン
*************/

#productlist li {
	display: none;
}
.box p {
	font-size: 10px;
	font-size: 1.0rem;
}
.box img {
	width: 100%;
	height: auto;
	max-width: 290px;
}
.grid {
	width: 32%;
	margin: 10px 0 0 1%;
}
/* 商品一覧 */
.gridWrapper {
	margin: 0 0 10px -10px;
}
.gridWrapper2 {
	width: 100%;
	margin: 0px;
}
.grid2 {
	width: 19%;
	margin: 5px 0 5px 1%;
}
.box h3 {
	line-height: 180%;
	font-size: 14px;
	font-size: 1.4rem;
}
.box_wrapper {
	float: left;
}
.box_catalog h3 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 160%;
}
.box2 {
	padding: 2%;
	height: auto;
}
.box2 img {
	width: 100%;
	height: auto;
}
.box2 h3 {
	text-align: left;
	font-size: 1.1px;
	font-size: 1.1rem;
	min-height: 48px;
	line-height: 1.2rem;
}
.box2 p.readmore a {
	float: none;
	width: 100%;
}
.box2 p.readmore_end a {
	float: none;
	width: 100%;
}
.comment {
	overflow: hidden;
	min-height: 48px;
}
#gallery .grid {
	float: left;
	width: 31%;
	margin: 0 0 0 1%;
}
#product_table .grid {
	float: left;
	width: 31%;
	margin: 0 0 0 1%;
}
h2 {
	margin: 15px 0 0 10px;
	padding: 3px 0 3px 6%;
}
/*************
/* サイドバー
*************/
#subpage #mainBanner {
	max-width: 720px;
}
#sidebar article {
	border: 1px solid #5ea8f2;
	background-color: rgba(255,255,255,0.6);
	margin-bottom: 10px;
}
#sidebar li a:after {
	content: "";
	position: absolute;
	right: 1.5%;
	height: 36px;
	width: 36px;
	margin-top: -8px;
	background-image: url(../images/sidebar_icon.png);
	background-repeat: no-repeat;
}
#sidebar img {
	display: none;
}

/*************
/* フッター
*************/	 
#footer .grid, #footer ul.footnav {
	width: 32%;
	margin: 0 0 0 1%;
}
ul.footnav li {
	float: none;
	display: inline-block;
}
#footer .grid {
	border-radius: 5px;
	float: left;
	width: 31%;
	margin-left: 2%;
}
#cse-search-box input[type="text"] {
	height: 26px;
}
#googlesearch_snsbanner_Wrapper {
	width: 31%;
	height: auto;
}
#snsbanner_Wrapper {
	width: 100%;
	height: auto;
}
.snsbanner img {
	margin-left: 5.5%;
	width: 26%;
	height: auto;
}
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px) {
/*************
/* 全体
*************/

/*************
/* ヘッダー
*************/

#header {
	height: auto;
}
#header h1 {
	padding: 1px 0px;
	text-align: center;
}
.logo {
	width: 50%;
	float: left
}
.info .tel {
	display: none;
}
.logo p {
	float: none;
	display: block;
}
.logo img {
	float: none;
	padding: 0;
	width: auto;
	height: auto;
	max-width: 150px;
}
.ninja_onebutton_wrpper {
	width: 50%;
	padding-top: 6px;
	margin-right: 0;
}
/*************
/* メイン
*************/
.box img {
	width: 100%;
	height: auto;
	max-width: 152px;
	float: left;
	margin-right: 5px;
}
.box h3, .box_catalog h3 {
	padding-top: 0px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 130%;
}
.box h3, .box_catalog h3 {
	padding-top: 4px;
}
.box {
	padding-bottom: 2px;
}
.box-gray {
	width: 100%;
}

	h2{margin:15px 0 0 2%;}
/* 商品一覧 */

.grid2 {
	width: 31.6%;
	margin: 5px 0 5px 1%;
}
.box2 h3 {
	min-height: 36px;
}
.comment {
	min-height: 60px;
}
#gallery .grid {
	float: left;
}
#product_table .grid {
	float: left;
}
.gridWrapper2 {
	margin: 0px;
}
/* flexボックス */
.flexbox {
	display: flex;
	flex-direction: column;
}
.flexbox_content {
	width: 100%;
	margin-top: 5px;
}
/* テーブル */
table.table td {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 130%;
}
table.table th {
	font-size: 12px;
	font-size: 1.2rem;
}
/*************
/* サイドバー
*************/

/**************************
忍者ボタン+ページトップ
**************************/
.gotoTop {
	margin-left: 2%;
}
/*************
/* フッター
*************/	
#footer .grid {
	clear: both;
	width: 96%;
	float: none;
	margin-left: 2%;
}
.fotternavi {
	display: none;
}
#googlesearch_snsbanner_Wrapper {
	width: 96%;
	margin-left: 2%;
}
#googlewrapper {
	width: 100%;
	height: auto;
}
#cse-search-box {
	width: 60% !important;
	float: right;
}
#snsbanner_Wrapper {
	width: 100%;
}
.snsbanner img {
	margin-left: 13.75%;
	width: 15%;
	height: auto;
}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) {
/*************
/* 全体
*************/

/*************
/* ヘッダー
*************/

/*************
/* メイン
*************/

h2 {
	font-size: 16px;
	font-size: 1.6rem;
	margin:10px 0 0 2.5%;
	padding: 4px 0 4px 7%;
}
.grid {
	width: 100%;
}
.box_catalog {
	padding: 2px 5px;
}
.box_catalog h3 {
	padding-top: 2px;
	line-height: 170%;
	margin-bottom: 0px;
}
.box img {
	max-width: 100px;
}
.comment {
	min-height: 15px;
}
table.table {
	margin: 1px auto 15px;
	min-width: 280px;
}
.reference_image ul {
	display: block;
	float: left;
}
.reference_image li {
	display: block;
}
.reference_image img {
	margin: 0 0 0 0;
}
.rosen {
	font-size: 12px;
	font-size: 1.2rem;
}
/*************
/* サイドバー
*************/

#sidebar li a:after {
	right: 2%;
	margin-top: -8px;
}

/*************
/* フッター
*************/
#snsbanner_Wrapper {
	width: 100%;
	height: auto;
}
.snsbanner img {
	margin-left: 10%;
	width: 15%;
	height: auto;
}
#cse-search-box {
	width: 100% !important;
	float: left;
	margin: 5px 0 0 3%;
}
.float_right {
	float: right;
}
}