ul.sysImageList,
.sysItemCategoryCtl {
	display: none;
}

.p-banner li {
    margin-bottom: 5px;
}
/*
 *
 * Templat BASIC form aishipR
 *
 * クラス値命名規則
 * h:ヘッダー用  m:メイン用 s:サイドバー用 f:フッター用 p:汎用
 *
 * Table Of Content
 *
 * 1-0 ALL Setting
 *   1-1 Webkit appearance 
 *   1-2 Layout Setting 
 * 2-0 Function Parts
 *   2-1 Clearfix 
 *   2-2 Holizontal Item Block 
 *   2-3 Vertical Item Block 
 *   2-4 Facebook 
 *   2-5 Button 
 *   2-6 機能パーツ：商品カテゴリ 
 *   2-7 グリッドナビ（スタイル:gridnav） 
 *   2-8 非表示コンテンツ(FB/タグマネージャ等用) 
 *   2-9 トグル機能アニメーション 
 *   2-10 カテゴリ・商品詳細ページ 見出し部下線 
 *   2-11 機能パーツ：テキスト 
 *   2-12 見出し
 *   2-13 Bootstrap Buttons UI kit
 *   2-14 Responsive Grid System
 * 3-0 Module
 *   3-1 Header
 *     3-1-1 サイトロゴ 
 *     3-1-2 カート・マイページボタン 
 *     3-1-3 ドロップダウンメニュー 
 *     3-1-4 カート・ログインボタン 
 *     3-1-5 メインメニュー
 *     3-1-6 検索フォーム 
 *   3-2 Main
 *     3-2-1 Main IMAGE 
 *     3-2-2 Half Banner 
 *     3-2-3 PICK UP Item 
 *     3-2-4 News & SNS 
 *     3-2-5 ShopInformation 
 *     3-2-6 Notice 
 *   3-3 Aside
 *     3-3-1 Aside Check List 
 *     3-3-2 Aside Login Form & Search Form 
 *     3-3-3 Aside Banner 
 *     3-3-4 Aside Login Form 
 *   3-4 Footer
 *     3-4-1 Footer Site Map 
 *     3-4-2 Page Top Btn 
 *     3-4-3 CopyRight 
 * 4-0 Page-Content
 *   4-1 Archive Page 
 *     4-1-1 Free Area 
 *     4-1-2 Pankuzu List
 *     4-1-3 Category View Mode 
 *     4-1-4 Item PR Setting 
 *     4-1-5 Cart Button 
 *     4-1-6  Archive List Item 
 *     4-1-7  Archive Thumbnail Item 
 *   4-2 Item Page 
 *     4-2-1 Item IMAGE 
 *     4-2-2 Item Name  
 *     4-2-3 Order Area 
 *     4-2-4 Item Page Titile 
 *     4-2-5 Item Explanation 
 *     4-2-6 Item BuyForm 
 *     4-2-7 System Button 
 *     4-2-8 Item Text 
 *     4-2-9 Item Gallary 
 *     4-2-10 Review 
 *   4-3 Free Page 
 *     4-3-1 TOP PAGE 
 *   4-4 Form Page 
 *     4-4-1 Cart Button Reset 
 *     4-4-2 Form Page 
 *     4-4-3 Form Confirm Page 
 *     4-4-4 Item Search Form
 *   4-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *     4-5-3 Special Point 
 *   4-6 News
 * 10-0 ALL Setting[ For SmartPhone ]
 *   10-1 Header 
 *     10-1-3 ドロップダウンメニュー 
 *   12-2 Holizontal Item Block 
 *     13-1-5 メインメニュー
 *     13-2-2 Half Banner 
 *     13-2-4 News & SNS 
 *     13-2-5 ShopInformation 
 *     13-4-1 Footer Site Map 
 *     13-4-2 Page Top Btn 
 *     14-1-2 Category Pankuzu 
 *     14-1-7  Archive Thumbnail Item 
 *     14-2-3 Order Area 
 * 20-0 ALL Setting[ For Tablet ]
 *   20-1 Header 
 *     20-1-3 ドロップダウンメニュー 
 *     23-3-3 Aside Banner 
 *     23-4-2 Page Top Btn 
 * 30-0 ALL Setting[ For PC ]
 *   30-1 Header 
 *     30-1-3 ドロップダウンメニュー 
 *   32-9 トグル機能アニメーション 
 *     33-3-1 Aside Check List 
 *     34-4-1 Footer Site Map 
 *     34-4-2 Page Top Btn
 */
/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
body {
	background-color: #fff;
	font-size: 15px;
          font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
#sysAll {
	max-width: 100%;
	background-color: transparent;
	padding: 0;
}
#sysHeader, #sysMain, #sysAside, #sysFotoer {
	padding: 0 5px;
}
#sysWrap {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#sysMain, #sysAside {
	background-color: #fff;
}
#sysHeader, #sysFooter {
	padding: 0;
	margin: 0;
}
#sysHeader {
	background: #fff;
}
#sysFooter {
	background-color: #FFF6EA;
}
#sysFooter > div {
	background-color: #feeed8;
	margin: 0 auto;
	padding-bottom: 5px;
}
#sysMain {
	line-height: 1.5;
}
/* 1-0 Wrapper Setting */
#sysFooter > div, .p-pagetop .sysContent, .p-topimg .sysContent, .h-sitelogo, .h-utilitybtn, .h-siteinfo, .h-subMenu, .h-mainMenu .sysContent, .h-search, #sysWrap {
	max-width: 960px;
}
/* 1-1 Webkit appearance */
input[type=search], input[type=submit] {
	-webkit-appearance: none;
}
/* 1-2 input Setting */
input[type=search] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 2.5;
	padding-left: 5px;
}
 input[type=search]::-webkit-search-decoration {
 display: none;
}
input[type="radio"] {
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: baseline;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border: 1px solid rgb(212,212,212);
	cursor: pointer;
	border-radius: 100%;
	top: 4px;
	position: relative;
}
input[type="radio"]:checked {
	background: #666;
}
/* 1-3 Content setting */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
select {
	height: 30px;
}
p {
	margin: 10px auto;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
}
/* 1-2 Layout Setting */
/* Responsive Grid system */
.grid-row:after {
	content: "";
	display: table;
	clear: both;
}
.grid-row {
	padding-bottom: 0em;
}
/* DEFAULT COLUMN STYLES */
.grid-col {
	display: block;
	float: left;
	margin-left: 2%;
}
.grid-col:first-child {
	margin-left: 0;
}
.grid-col.col-span6:nth-child(2n+1) {
	margin-left: 0;
}
.col-span1 {
	width: 8.33333333333%;
}
.col-span2 {
	width: 16.6666666667%;
}
.col-span3 {
	width: 25%;
}
.col-span4 {
	width: 33.3333333333%;
}
.col-span5 {
	width: 41.6666666667%;
}
.col-span6 {
	width: 50%;
}
.col-span7 {
	width: 58.3333333333%;
}
.col-span8 {
	width: 66.6666666667%;
}
.col-span9 {
	width: 75%;
}
.col-span10 {
	width: 83.3333333333%;
}
.col-span11 {
	width: 91.6666666667%;
}
.col-span12 {
	width: 100%;
}
.grid-col.col-span1 {
	width: 6.5%;
}
.grid-col.col-span2 {
	width: 15.0%;
}
.grid-col.col-span3 {
	width: 23.5%;
}
.grid-col.col-span4 {
	width: 32.0%;
}
.grid-col.col-span5 {
	width: 40.5%;
}
.grid-col.col-span6 {
	width: 49.0%;
}
.grid-col.col-span7 {
	width: 57.5%;
}
.grid-col.col-span8 {
	width: 66.0%;
}
.grid-col.col-span9 {
	width: 74.5%;
}
.grid-col.col-span10 {
	width: 83.0%;
}
.grid-col.col-span11 {
	width: 91.5%;
}
.grid-col.col-span12 {
	width: 100%;
}
a:hover img, a:active img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 2-0 Function Parts
 *----------------------------------------------------------------------*/
/* 2-1 Clearfix */
.p-clearfix:after, .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
	letter-spacing: -.4em;
	text-align: center;
}
.sysContent .sysItemBlock .sysHorizontal li {
	width: 25%;
	float: none;
	display: inline-block;
	letter-spacing: normal;
	margin: 0;
	text-align: center;
	vertical-align: top;
}
.sysFuncItemBlock {
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
}
.sysContent .sysItemBlock .sysHorizontal li .sysItemPrice {
	color: #f00;
}
.sysContent .sysItemBlock .sysHorizontal li .sysItemName a {
	color: #009;
}
/* 2-3 Vertical Item Block */

/* 2-4 Facebook */
.fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], .fbcomments iframe[style], .fb_iframe_widget span, .widget_facebook_likebox iframe {
	width: 100% !important;
}
/* 2-5 Button */
.btn {
	padding: 10px 20px;
	display: inline-block;
	margin-top: 10px;
}
.btn-info {
	background: #666;
	color: #fff;
}
.btn-info:hover {
	background: #999;
}
#sysMypageReminder #sysMain input[type=submit], .sysBackButton, .sysNextSubmit {
  border: none;
  padding: 10px;
	margin: 0 auto;
  border-radius: 5px;
	width: 80%;
	height: 50px;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  background: rgb(255,146,0);
  background: -moz-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,146,0,1)), color-stop(99%, rgba(216,74,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
  background: -o-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#d84a00', GradientType=0 );
	display: block;
}
/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
	line-height: 1.75;
	border-bottom: 1px dotted #999;
}
.sysFuncItemCategory a:hover {
	background: #eee;
}
/* 2-7 グリッドナビ（スタイル:gridnav） */
.gridnav {
	border-color: #aaa;
}
.gridnav ul li:last-child {
	border-right: 0;
}
/* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */
.h-code {
	display: none;
}
/* 2-9 トグル機能アニメーション */
.h-subMenu .sysAccordionInitialHide, .h-subMenu02 .sysAccordionInitialHide {
	display: block!Important;
	position: relative;
	opacity: 0;
	z-index: -1;
}
.h-subMenu .sysAccordionInitialHide.active, .h-subMenu02 .sysAccordionInitialHide.active {
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity: 1;
	z-index: 999;
}
/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
#sysItemDetail #sysMain .sysItemName, .sysExplanation > div > span, .sysRetailPrice, .sysReview > span {
	border-bottom: 1px dashed lightgray;
	margin-bottom:10px;
}
.sysRetailPrice{
	color:#f00;
}
/* 2-11 機能パーツ：テキスト */
#sysMain .sysContent h3 {
	border-bottom: 1px dashed lightgray;
}
#sysMain .sysContent h3:before {
	content: "■";
	padding-right: 10px;
}
/* 2-12 見出し */
.headline-1st {
	font-size: x-large;
	font-weight: bold;
	border-bottom: 1px dotted rgb(212,212,212);
	padding: 5px;
}
.headline-2nd {
	font-size: large;
	font-weight: bold;
	border-bottom: 1px dotted rgb(212,212,212);
	padding: 5px;
	margin-left: 15px;
}
.headline-3rd {
	font-size: medium;
	font-weight: bold;
	border-bottom: 1px dotted rgb(212,212,212);
	padding: 5px;
	margin-left: 30px;
}
.mainCnt .sysHeadline {
	border: solid 1px #999;
	color: #333;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
/* 2-13 Bootstrap Buttons UI kit */
.btn {
	text-decoration: none;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.btn.active:focus, .btn:active:focus, .btn:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.btn:focus, .btn:hover {
	color: #333;
	text-decoration: none
}
.btn.active, .btn:active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-default {
	color: #333;
	border-color: #999;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
	color: #333;
	background: #fff6ea;
	border-color: #adadad
}
.btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default {
	background-image: none
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color: #fff;
	border-color: #ccc
}
.btn-default .badge {
	color: #fff;
	background-color: #333
}
.btn-primary {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e
}
.btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary {
	background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #428bca;
	border-color: #357ebd
}
.btn-primary .badge {
	color: #428bca;
	background-color: #fff
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c
}
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #47a447;
	border-color: #398439
}
.btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success {
	background-image: none
}
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
	background-color: #5cb85c;
	border-color: #4cae4c
}
.btn-success .badge {
	color: #5cb85c;
	background-color: #fff
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #39b3d7;
	border-color: #269abc
}
.btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info {
	background-image: none
}
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
	background-color: #5bc0de;
	border-color: #46b8da
}
.btn-info .badge {
	color: #5bc0de;
	background-color: #fff
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236
}
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #ed9c28;
	border-color: #d58512
}
.btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning {
	background-image: none
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
	background-color: #f0ad4e;
	border-color: #eea236
}
.btn-warning .badge {
	color: #f0ad4e;
	background-color: #fff
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925
}
.btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger {
	background-image: none
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger .badge {
	color: #d9534f;
	background-color: #fff
}
.btn-link {
	color: #428bca;
	font-weight: 400;
	cursor: pointer;
	border-radius: 0
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color: transparent
}
.btn-link:focus, .btn-link:hover {
	color: #2a6496;
	text-decoration: underline;
	background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
	color: #999;
	text-decoration: none
}
.btn-group-lg>.btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px
}
.btn-group-sm>.btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-group-xs>.btn, .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-block {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0
}
.btn-block+.btn-block {
	margin-top: 5px
}

/* 2-14 Responsive Grid System */
/*	12 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */
.row:after, .col:after, {
 content: "";
 display: table;
 clear: both;
}
.row {
	padding-bottom: 0em;
}
/* DEFAULT COLUMN STYLES */
.col {
	display: block;
	float: left;
}
.span_1 {
	width: 8.33333333333%;
}
.span_2 {
	width: 16.6666666667%;
}
.span_3 {
	width: 25%;
}
.span_4 {
	width: 33.3333333333%;
}
.span_5 {
	width: 41.6666666667%;
}
.span_6 {
	width: 50%;
}
.span_7 {
	width: 58.3333333333%;
}
.span_8 {
	width: 66.6666666667%;
}
.span_9 {
	width: 75%;
}
.span_10 {
	width: 83.3333333333%;
}
.span_11 {
	width: 91.6666666667%;
}
.span_12 {
	width: 100%;
}
.gutters .col {
	margin-left: 2%;
}
.gutters .col:first-child {
	margin-left: 0;
}
.gutters .span_1 {
	width: 6.5%;
}
.gutters .span_2 {
	width: 15.0%;
}
.gutters .span_3 {
	width: 23.5%;
}
.gutters .span_4 {
	width: 32.0%;
}
.gutters .span_5 {
	width: 40.5%;
}
.gutters .span_6 {
	width: 49.0%;
}
.gutters .span_7 {
	width: 57.5%;
}
.gutters .span_8 {
	width: 66.0%;
}
.gutters .span_9 {
	width: 74.5%;
}
.gutters .span_10 {
	width: 83.0%;
}
.gutters .span_11 {
	width: 91.5%;
}
.gutters .span_12 {
	width: 100%;
}
/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
.h-siteinfo {
	height: 40px;
	background-color: #fff;
}
.h-siteinfo h1 {
	color: #333;
	font-size: small;
}
/* 3-1-1 サイトロゴ */
.h-sitelogo {
	margin: 0 auto;
	background: #fff;
	padding-bottom: 5px;
	padding-left: 5px;
}
.h-sitelogo .sysContent {
	width: 200px;
	max-width: 50%;
}
/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {
	margin: 0 auto;
}
.h-utilitybtn .sysContent {
	width: 15%;
	float: right;
	position: relative;
	bottom: 40px;
	height: 40px;
}
/* 3-1-3 ドロップダウンメニュー */
.h-subMenu, .h-subMenu02 {
	position: relative;
}
.h-subMenu .sysAccordionInitialHide, .h-subMenu02 .sysAccordionInitialHide {
	position: absolute;
	background: rgba(0,0,0,0.5);
	right: 0;
	margin:0 0 10px;
	width: 100%;
}
.h-subMenu ul {
	border: solid 1px #ccc;
	border-left: none;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.h-subMenu ul li, .h-subMenu02 ul li {
	margin: 10px auto;
	border-left: solid 1px #ccc;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.h-subMenu ul li a, .h-subMenu02 ul li a {
	color: #333;
}
.h-subMenu ul li a:hover, .h-subMenu02 ul li a:hover {
	background: rgb(249,249,249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(239,239,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
}
.h-subMenu .sysHeadline, .h-subMenu02 .sysHeadline {
	color: #333;
	line-height: 60px;
	text-align: center;
	border: solid 1px #999;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.h-subMenu .sysAccordion:after, .h-subMenu02 .sysAccordion:after {
	content: "";
}
/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li {
	margin-right: 2%;
	width: 100%!important;
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
}
.h-utilitybtn ul li.sysText a {
	border: 1px solid rgb(212,212,212);
	line-height: 36px;
	height: 36px;
	font-size: small;
	margin-top: 1px;
}
.h-utilitybtn ul li.sysText a:hover {
	background: #feeed8;
}
.h-utilitybtn ul li.sysText a:before {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.h-utilitybtn ul li.sysText:nth-child(1) a:before {
	background: url(https://fujitaka-netshop.com/img/icon/icon-mypage.png);
	background-size: 100%;
}
.h-utilitybtn ul li.sysText:nth-child(2) a:before {
	background: url(https://fujitaka-netshop.com/img/icon/icon-mypage.png);
	background-size: 100%;
}
/* 3-1-5 メインメニュー*/
.h-mainMenu {
	clear:both;
	margin: 0 auto;
	background: rgb(255,146,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,146,0,1)), color-stop(99%, rgba(216,74,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#d84a00', GradientType=0 ); /* IE6-9 */
}
.h-mainMenu ul li:last-child a {
	border: 0;
}
.h-mainMenu ul {
	display: table;
	width: 100%;
	border-left: solid 1px #ccc;
	background: rgb(255,146,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,146,0,1)), color-stop(99%, rgba(216,74,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#d84a00', GradientType=0 ); /* IE6-9 */
}
.h-mainMenu ul li {
	display: table-cell;
	float: none;
	height: 30px;
	border-right: 1px solid #ccc;
}
.h-mainMenu ul li.sysText a {
	line-height: 1;
	border: none;
	white-space: normal;
	padding: 20px 0;
	margin: 0 auto;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
}
.h-mainMenu ul li.sysText a:hover {
	background: rgb(252,170,63); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,170,63,1)), color-stop(100%, rgba(214,107,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaa3f', endColorstr='#d66b35', GradientType=0 ); /* IE6-9 */
}
.h-mainMenu .sysContent {
	margin: 0 auto;
	background: #fff;
}
/* 3-1-6 検索フォーム */
.h-search {
	margin: 0 auto;
	position: relative;
	padding: 0 5px 0;
}
.h-search .sysItemSearchForm {
	display: table;
	width: 100%;
}
.h-search .sysItemSearchFormWord {
	display: table-cell;
	padding-right: 10px;
	width: 100%;
	vertical-align: top;
}
.h-search .sysItemSearchFormWord input {
	height: 40px;
	border: 1px solid #c9c9c9;
	padding: 5px;
	vertical-align: bottom;
}
.h-search .sysSearchButton {
	width: 100px;
	padding: 6px;
	height: 40px;
	border: 1px solid #999;
	border-radius: 3px;
	margin: 0 auto;
	background-color: #999;
}
/* 3-1-7 Main Image */
.p-topimg {
	background-color: #ffffff;
}
.p-topimg .sysContent {
	margin: 0 auto;
	padding: 5px;
}
/* 3-2 Main*/

/* 3-2-1  */


/* 3-2-2 Half Banner */
.p-banner02 {
	margin-bottom: 20px;
}
.p-banner ul {
	text-align: center;
	clear: both;
	margin: 10px auto;
}
.p-banner li {
	width: 49%;
	display: inline-block;
}
.top_CTG_banner ul {
	text-align: center;
	clear: both;
	margin: 10px auto;
}
.top_CTG_banner li {
	width: 32%;
	display: inline-block;
}

.top_CTG_banner2{
        margin: 0 auto;
        text-align: center
        display: flex;
        justify-content: space-between;
}

.top_CTG_banner2 ul {
	clear: both;

}
.top_CTG_banner2 li {
 	width: 32%;
	display: inline-block;
        text-align:left;
}


/* 3-2-3 PICK UP Item */
.p-pickup .sysContent {
	padding: 5px 0;
	font-size: 14px;
}
.p-pickup .sysContent .sysHorizontal li {
	padding: 0 2.5px;
}
/* 3-2-4 News & SNS */
.p-news .sysContent {
	line-height: 1.5;
}
.p-news li {
	padding-left: 10px;
}
/* 3-2-5 ShopInformation */
.p-shopInfo .sysContent {
	text-align : center;
}
.shopinfo-inner {
	display: inline-block;
	width: 48%;
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px);
	margin: 5px;
	padding-bottom: 10px;
	line-height: 1.5;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
}
.shopinfo-inner h3 {
	font-size: 150%;
	border-bottom: 1px dotted #666;
	padding: 0 0 5px 0px;
	margin-bottom: 10px;
}
.shopinfo-inner .btn {
	float: right;
	margin-right: 20px;
}
/* 3-2-6 Notice */
.p-notice .sysHeadline {
	background: #e60054;
	border-color: #e60054;
	text-align: center;
	font-weight: bold;
}
/* 3-3 Aside*/
.asideCnt .sysHeadline,h2 {
color: #333!important;
	font-weight: bold;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
/* 3-3-1 Aside Check List */
.s-checklist li {
	margin: 5px auto;
	padding-bottom: 10px;
}
/* 3-3-2 Aside Login Form & Search Form */
.s-login {
	line-height: 1.75;
}
.s-login ul {
	text-align: center;
}
.s-login li {
	display: inline-block;
    width: 99%;
    line-height: 1.3;
	vertical-align: top;
}
.s-login li a {
	color: #333;
	text-decoration: none;
	padding: 7px 5px;
	display: block;
	border: solid 1px #999;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.s-login input {
	width: 95%;
	margin: 5px auto;
	line-height: 2;
	display: block;
}
.s-login .sysLoginButton {
	border: none;
	padding: 3px 5px;
	color: #fff;
	margin: 10px auto;
	border-radius: 5;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #999;
	background: rgb(207,222,71); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,222,71,1) 0%, rgba(172,191,75,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207,222,71,1)), color-stop(100%, rgba(172,191,75,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,222,71,1) 0%, rgba(172,191,75,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,222,71,1) 0%, rgba(172,191,75,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,222,71,1) 0%, rgba(172,191,75,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(207,222,71,1) 0%, rgba(172,191,75,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfde47', endColorstr='#acbf4b', GradientType=0 ); /* IE6-9 */
}
.s-login a {
	text-decoration: none;
	display: inline-block;
	background: #666;
	text-align: center;
	padding: 5px 15px;
	margin: 5px;
	color: #fff;
	border-radius: 3px;
}
/* 3-3-3 Aside Banner */
.s-banner {
	margin-bottom: 10px;
}
.s-banner li {
	margin: 5px auto;
}
/* 3-3-4 Aside Login Form */
.s-search {
	line-height: 1.75;
}
.s-search ul {
	text-align: center;
}
.s-search input[type=search] {
	width: 95%!important;
	margin: 5px auto;
	line-height: 2.5;
	display: block;
}
.s-search .sysItemSearchAndOr, .s-search .sysItemSearchFormCategory {
	text-align: center;
}
.sysSearchButton {
	border: none;
	padding: 10px;
	background: #666;
	color: #fff;
	width: 95%;
	display: block;
	margin: 10px auto;
}
/*3-3-5 Aside calendar*/
.month {
	text-align: center;
	font-size: 18px;
	background: #feeed8;
	margin-bottom: 2px;
}
.calendar {
	width: 100%;
	margin-bottom: 20px;
	border: 1px #666 solid;
	border-collapse: collapse;
}
.calendar td, .calendar th {
	padding: 2px;
	border: 1px #666 solid;
	text-align: center;
}
.holiday {
	background: #f99;
}
/* 3-4 Footer*/
.footerCnt .sysHeadline {
	background: #ff9600;
}
/* 3-4-1 Footer Site Map */
.f-sitemap ul li.sysText a {
	color: #fff;
	padding: 0;
	display: block;
	border: 1px solid #fff;
	text-align: center;
	text-shadow: 1px 1px 1px #666;
	background: rgb(255,146,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,146,0,1)), color-stop(99%, rgba(216,74,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#d84a00', GradientType=0 ); /* IE6-9 */
}
.f-sitemap ul li.sysText a:hover {
	background: rgb(252,170,63); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,170,63,1)), color-stop(100%, rgba(214,107,53,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252,170,63,1) 0%, rgba(214,107,53,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaa3f', endColorstr='#d66b35', GradientType=0 ); /* IE6-9 */
}
/* 3-4-2 Page Top Btn */
.p-pagetop .btn {
	text-decoration: none;
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
}
/* 3-4-3 CopyRight */
.f-copyright {
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}
.f-copyright .sysContent {
	border-top: 1px solid #666;
	font-size: x-small;
}
/* 4-0 Page-Content
 *----------------------------------------------------------------------*/
/* 4-1 Archive Page */
/* 4-1-1 Free Area */

/* 4-1-2 Pankuzu List*/
.sysCategoryPankuzu, .sysItemCategoryPankuzu {
	font-size: small;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	background: #fff6ea;
	color: #333;
	padding: 0 5px;
}
.sysCategoryPankuzu a, .sysItemCategoryPankuzu a {
	display: inline-block;
	padding: 2px 10px;
	text-decoration: none;
	color: #009;
}
.sysCategoryPankuzu a:hover, .sysItemCategoryPankuzu a:hover {
	text-decoration: underline;
}
/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
	font-size: small;
}
.sysItemCategoryCtl .sysCurrent{
	font-weight:normal;
	color:#d84a00;
}
.sysItemCategoryCtl a {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #999;
	border-radius: 3px;
	text-decoration: none;
	margin: 2px 0;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.sysItemCategoryCtl a:hover{
	background: rgb(249,249,249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(239,239,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(249,249,249,1) 0%, rgba(239,239,239,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
	
}
/* 4-1-4 Item PR Setting */
.sysItemPr {
	font-size: small;
	padding: 0 5px;
	background: #fff;
	border: 1px solid #666;
	border-radius: 3px;
	display: inline-block;
	font-weight: bold;
}
/* 4-1-5 Cart Button */
.sysCartButton {
	border: none;
	padding: 10px;
	margin: 5px 0;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	background: rgb(255,146,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,146,0,1)), color-stop(99%, rgba(216,74,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#d84a00', GradientType=0 ); /* IE6-9 */
}
.sysCartButton:hover {
	background: rgb(255,168,63); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,168,63,1)), color-stop(100%, rgba(214,105,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83f', endColorstr='#d66933', GradientType=0 ); /* IE6-9 */
}
/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
	width: 40%;
	max-width: 200px;
}
/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
	display: inline-block;
	float: none;
	vertical-align: top;
	letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
	letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
	width: 100%;
	padding: 10px 0;
}
/* 4-1-8 Deliveries Table */
ul.SysDeliveriesTable {
	border-style: solid;
	border-width: 0px;
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
}
ul.SysDeliveriesTable > li {
	display: table-row;
}
ul.SysDeliveriesTable > li > div {
	border-style: solid;
	border-width: 1px;
	display: table-cell;
	padding: 10px;
}
/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span, .sysThumbnailImage > br {
	display: none;
}
.sysItemImages .sysImageList li {
	display: inline-block;
	vertical-align: top;
	height: auto;
	width: 32%;
	line-height: 1;
	float: none;
	margin: 1% 0;
}
/* 4-2-2 Item Name */ 
.sysItemName h1 {
	font-size: x-large;
}
/* 4-2-3 Order Area */
.orderArea {
	letter-spacing: -.4em;
	text-align: center;
}
.orderArea > div {
	width: 50%;
	display: inline-block;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	padding-right: 20px;
}
.orderArea > .orderArea > div {
	width: 100%;
	display: block;
}
/* 4-2-4 Item Page Titile */
.sysItemName, .sysExplanation > div > span, .sysReview > span {
	display: block;
}
.sysItemName a{
	color:#009;
}
/* 4-2-5 Item Explanation */
.sysExplanation table {
	width: 100%;
	text-align: center;
	border: 1px solid #999;
	line-height: 2;
}
.sysExplanation thead {
	text-align: center;
	color: #fff;
	background: #999;
}
.sysExplanation td {
	font-size: small;
	text-align: left;
	padding-left: 10px;
}
/* 4-2-6 Item BuyForm */
#sysItemDetail .sysRetailPrice {
	font-weight: bold;
}
#sysItemDetail .sysPr {
	text-align: center;
}
#sysItemDetail .sysPr > span {
	display: inline-block;
}
#sysItemDetail .sysForm select {
	min-width: 250px;
	width: 100%;
	/* display: inline-block;
	float: right; */
}
#sysItemDetail #sysVariation {
	overflow: hidden;
	margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
	margin: 10px auto;
	overflow: hidden;
}
#sysItemDetail .sysNumArea button {
	display: inline-block;
	width: 48%;
	padding: 10px;
	border: 1px solid #999;
	border-radius: 5px;
	color: #333;
	cursor: pointer;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
#sysItemDetail .sysNumArea {
	padding-top: 5px;
	clear: both;
	text-align: right;
}
#sysWishlist .sysButton, #sysItemDetail .sysCartButton {
	width: 98%;
	margin-left: 2%;
}
#sysItemDetail .sysShare {
	padding: 5px 0 0 2%;
}
#sysCartInForm {
	width: 100%;
}
/* 4-2-7 System Button */
.sysLoginButton, .sysButton {
	border: none;
	padding: 10px;
	margin: 5px 0;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	background: rgb(255,146,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,146,0,1)), color-stop(99%, rgba(216,74,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#d84a00', GradientType=0 ); /* IE6-9 */
}
.sysLoginButton, .sysButton:hover {
	background: rgb(255,168,63); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,168,63,1)), color-stop(100%, rgba(214,105,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83f', endColorstr='#d66933', GradientType=0 ); /* IE6-9 */
}
.sysLoginButton {
	display: block;
	width: 50%;
	margin: 10px auto;
	padding: 20px;
}
/* 4-2-8 Item Text */
.sysDescription, .sysImageDescription {
	font-size: 0.75rem;
}
/* 4-2-9 Item Gallary */
.sysImageListSimple li {
	margin-bottom: 10px;
}
/* 4-2-10 Review */
.sysReview input {
	background: #666;
	color: #fff;
	text-shadow: none;
	border: 1px solid #999;
	border-radius: 3px;
	display: block;
	padding: 10px;
	margin: 5px auto;
	width: 50%;
}
.sysReview > br {
	display: none;
}
.sysReviewHistoryList {
	padding: 0 10px;
	border: 1px solid lightgray;
}
.sysReviewHistoryList li {
	margin-bottom: 5px;
	border-bottom: 1px dashed lightgray;
	padding: 5px 0;
}
.sysReviewHistoryList li:last-child {
	border: none;
}
.sysNickname, .sysEvaluation {
	display: inline-block;
	padding: 0 10px 0 0;
}
.sysNickname {
	font-size: large;
	font-weight: bold;
}
.sysReviewDatetime {
	font-size: small;
	text-align: right;
	padding-right: 20px;
}
.sysReviewText {
	font-size: small;
}
/* 4-3 Free Page */
/* 4-3-1 TOP PAGE */

/* 4-4 Form Page */
/* 4-4-1 Cart Button Reset */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit, .sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
    color: #fff;
    text-shadow: none;
    background: rgb(255,168,63);
    background: -moz-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,168,63,1)), color-stop(100%, rgba(214,105,51,1)));
    background: -webkit-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%);
    background: -o-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%);
    background: linear-gradient(to bottom, rgba(255,168,63,1) 0%, rgba(214,105,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83f', endColorstr='#d66933', GradientType=0 );
	text-shadow: none;
border:none!important;
}
.sysCartInDone {
	margin: 0;
}
/* 4-4-2 Form Page */
#sysMemberRegisterRegister #sysMain h2, #sysMemberRegisterConfirm #sysMain h2, #sysMemberRegisterIndex #sysMain h2, #sysFormThanks #sysMain h2, #sysFormConfirm #sysMain h2, #sysFormIndex #sysMain h2 {
	border-bottom: 1px solid #999;
	background-color: #999;
	color: #ffffff;
	font-size: large;
	padding: 5px;
}
#sysMemberRegisterRegister #sysMain, #sysMemberRegisterConfirm #sysMain, #sysMemberRegisterIndex #sysMain, #sysFormThanks #sysMain, #sysFormConfirm #sysMain, #sysFormIndex #sysMain {
	border-color: #999;
	border-style: solid;
	border-radius: 0px;
	border-width: 1px;
	box-shadow: 1px 1px 1px gray;
	margin-bottom: 10px;
	padding: 0;
}
#sysMemberRegisterConfirm #sysMain > form, #sysMemberRegisterIndex #sysMain > form, #sysFormConfirm #sysMain > form, #sysFormIndex #sysMain > form {
	padding: 10px;
}
#sysMypageReminder #sysMain input, #sysMemberRegisterIndex #sysMain input, #sysFormIndex #sysMain input {
	line-height: 15px;
	padding: 5px;
	font-size: small;
	margin: 5px auto;
}
#sysMain input[type="email"], #sysMain input[type="number"], #sysMain input[type="password"], #sysMain input[type="tel"], #sysMain input[type="url"], #sysMain input[type="text"], #sysMain textarea {
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFEFEFEF', endColorstr='#FFFFFFFF');
	border-radius: 5px 5px 5px 5px;
	border: #999999 1px solid;
	line-height: 3;
}
#sysMain textarea {
	min-height: 75px;
}
.sysZipcode button, .sysZipcode .sysFormField {
	display: inline-block;
}
.sysZipcode .sysFormLabel {
	display: block;
}
.sysZipcode .sysFormField {
	width: 200px;
}
.sysZipcode br {
	display: none;
}
.sysBirthday input {
	width: auto!important;
}
/* 4-4-3 Form Confirm Page */
#sysMypageEditConfirm #sysMain .sysFormField, #sysMemberRegisterConfirm #sysMain .sysFormField, #sysFormConfirm #sysMain .sysFormField {
	border: 1px solid #999;
	line-height: 2;
	padding-left: 10px;
	font-size: small;
	border-radius: 3px;
	margin: 5px auto;
	min-height: 20px;
}
/* 4-4-4 Item Search Form */
.sysItemSearchForm > div {
	margin: 10px auto;
	width: 90%;
	text-align: left;
}
form.sysItemSearchForm {
	text-align: center;
}
.sysItemSearchForm > div.sysItemSearchFormWord {
	width: 95%;
}
/* 4-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain {
	border-color: #999;
	border-style: solid;
	border-radius: 0px;
	border-width: 1px;
	box-shadow: 1px 1px 1px gray;
	margin-bottom: 10px;
	padding: 0;
}
.sysMypage #sysMain h2 {
	border-bottom: 1px solid #999;
	background-color: #999;
	color: #ffffff;
	font-size: large;
	padding: 5px;
}
.sysMypage #sysMain > form, .sysMypage #sysMain > div {
	padding: 5px 10px;
}
/* 購入履歴 */
.sysOrderList {
	border: 1px solid rgb(212,212,212);
	padding: 10px;
	max-height: 400px;
	overflow-y: scroll;
}
.sysOrderList li {
	border-bottom: 1px dotted rgb(212,212,212);
	margin-bottom: 5px;
	padding-bottom: 5px;
}
/* マイページボタン */
.sysMypageNav > form {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.sysMypageNav .sysButton {
	width: 100%;
	display: block;
	line-height: 40px;
	font-size: 1rem;
}
/* 4-5-2 Member Profile Editor */
#sysMypageEditDelivery #sysMain > form, #sysMypageEditMember #sysMain > form {
	padding: 10px;
}
#sysMypageEditDelivery #sysMain input, #sysMypageEditMember #sysMain input {
	line-height: 15px;
	padding: 5px;
	font-size: small;
	margin: 5px auto;
}
#sysMypageEditConfirm #sysMain > form {
	padding: 10px;
}
/* 4-5-3 Special Point */
.sysSpecialPoint {
	overflow: hidden;
	letter-spacing: -.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
	width: 60%;
}
.sysSpecialPoint > div {
	display: inline-block;
	letter-spacing: normal;
	padding: 5px 10px;
	border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n+1) {
	width: 40%;
}
/* 4-5-4 Coupon List */
.sysCoupon {
	border: 1px solid #d5d5d5;
	margin: 10px;
}
/* 4-6 News Page */
.news-row {
	border-color: #999;
	border-style: solid;
	border-radius: 0px;
	border-width: 1px;
	box-shadow: 1px 1px 1px gray;
	margin-bottom: 10px;
}
.news-row > h1 {
	border-bottom: 1px solid #999;
	background-color: #999;
	color: #ffffff;
	font-size: large;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(), to());
	background: -webkit-linear-gradient(top,, );
}
.sysNewsDetail {
	padding: 10px 20px;
}
/* マイページ（複数配送先編集画面）*/
.sysSelectAddress a {
	display: block;
	text-decoration: none;
	border: 1px solid;
	padding: 10px;
}
.sysSelectAddress {
	margin: 10px 0;
}
.sysSelectAddress a:hover {
	background: #eee;
}

.mainCnt p {
    padding: 1px 16px;
}

.sysLoginForm :nth-child(2) {
    text-align: center;
}

.sysCartTitle {
    font-size: 19px;
    border: 1px solid #C1C1C1;
    padding: 5px;
    font-weight: bold;
}

p.otoi {
    margin: 0 0 20px 0;
    padding: 10px;
    color: #003780;
    font-size: 25px;
    line-height: 140%;
    border-left: 5px solid #003780;
}

.marg{
margin-left:5%;
}

.form-inquiry form,
.form-paid form
 {
    width: 90%;
    margin: 0 auto;
}

.form-inquiry .sysFormItem,
.form-paid .sysFormItem{
    padding: 8px;
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    background-color: #F8F8F8;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}

.form-inquiry input[type="text"],
.form-paid input[type="text"]{
    width: 42%!important;
}


.form-paid .sys13 {
    border-top: 1px solid!important;
    margin-bottom: 20px;
}

.sysLoginForm :nth-of-type(1) {
    text-align: left!important;
}


.sysYamiForm input[type=submit] {
    -webkit-appearance: none;
    border: none;
    padding: 10px;
    margin: 0 auto;
    border-radius: 5px;
    width: 80%;
    height: 50px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    background: rgb(255,146,0);
    background: -moz-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,146,0,1)), color-stop(99%, rgba(216,74,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,146,0,1) 0%, rgba(216,74,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9200', endColorstr='#d84a00', GradientType=0 );
    display: block;
    margin-top: 13px;
}
#sysNumber {
    padding-top: 4px/*数値は任意でご変更ください*/; 
}

#sysSelections {
    padding-top: 4px/*数値は任意でご変更ください*/;
    padding-bottom: 12px/*数値は任意でご変更ください*/; 
}

#sysSelections div {
    padding-top: 4px/*数値は任意でご変更ください*/;
     padding-bottom: 4px/*数値は任意でご変更ください*/;
}

/* お知らせ欄の設定 */
.information{
    border-width:2px;
    border-style:solid;
    border-color:#CA0915;
    background-color:#FEF7F2;
    padding:2px 15px 10px;
    margin-bottom:20px;
}
.info-ttl{
    text-align:center;
    color:#CA0915;
    font-weight:bold;
    font-size:20px;
    border-bottom:1px dashed #CA0915;
}
.info-cnt{
    text-align:justify;
    margin:0 15px;
}
.info-imp{
    font-weight:bold;
    font-size:16px;
    margin:5px 15px;
}

.info-red{
    text-align:justify;
    color:#CA0915;
    margin:0 15px;
}


/* お知らせ欄の設定 */
.kiyaku{
  margin-top:12px;
}

.kiyaku-ko{
  margin-top:12px;
}

.cancel{
  margin-top:12px;
}

/* キャンセルの設定 */
.return{
    margin-top:-5px;
    text-align:center;
    color:blue;
}


/* インフォメーション設定 */
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}

.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}

.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}

.news-list .item .date{
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}

.news-list .item .category{
  margin: 0;
  min-width: 120px;
  padding: 0 20px 0 0;
}

.news-list .item .category span{
  background: #999;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}

.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  color: #888888;
}

.ichiran{
  text-align: right;
  font-size:13px;
  padding-right:13px;
}

.a-ichiran a{
  text-decoration: none;
  color: #333;
}

.a-ichiran a:hover{
  color: #888888;
}


/* インフォメーションコンテンツ */
.newsdv{
  margin:24px 0px;
}

.newsdv h3{
  border-bottom: 1px solid #888 ;
}

.newsdv span{
  font-size:14px ;
}

.news-imp{
    border-width:2px;
    border-style:solid;
    border-color:#CA0915;
    background-color:#FEF7F2;
    padding:2px 15px 10px;
    margin-bottom:20px;
}

.news-imp li{
    display: list-item;
    list-style-type: square;
    margin-left: 20px;
}

.newsp-imp{
    text-align:center;
    color:#CA0915;
    font-weight:bold;
    font-size:20px;
    border-bottom:1px dashed #CA0915;
}

.totop a{
  text-decoration: none;
  color: #333;
}

.totop a:hover{
  color: #888888;
}

.totop p{
  text-align: right;
  font-size:13px;
  padding-right:13px;
}

/*POPダウンロード*/
	
.pop-botan{
		margin: 0 auto;
		width: 80%;
		text-align: center;
		display:block;
		flex-wrap: wrap;
		}
	
.btn,
a.btn,
button.btn {
margin:10px 4px;	
	width: 200px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}
	
.btn--blue,
a.btn--blue {
  color: #fff;
  background-color: #ed6c00;

}

.btn--blue:hover,
a.btn--blue:hover {
  color: #fff;
  background: #f08300;
}


a.btn--radius {
  border-radius: 4px;
}
	
.pop-mds{
	text-align: center;
	max-width: 900px;
	width: 80vw;
	margin: 20px auto;
			padding:10px 0;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}
	
	.pop-cnt{
	max-width: 900px;
	width: 80vw;
	margin: 0 auto 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
		
		.poplink-ttl{
		text-decoration: none;
		display: inline-block;
	transition: all .3s ease 0s;
		}
	
		.poplink-ttl:hover{
			cursor: pointer;
	color: #A0A0A0;
		}
		
	.pop-link{
		text-align: center;
		max-width: 280px;
	    width:24vw;
		margin-bottom: 30px;
	}	
		
		.new-popimg{
		max-width: 280px;
	    width:24vw;
		margin-bottom: -15px;
			transition: all 0.3s;
	}

		
		.new-popimg:hover{
			box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  transform: scale(0.9);
		}
		
			.new-popimg2{
		max-width: 270px;
	    width:23vw;
		margin: 5px 0px -8px 0px;
			transition: all 0.3s;
	}
		
			.new-popimg2:hover{
			box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  transform: scale(0.95);
		}




 /* のぼりDLボタン */

.nobori-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
  max-width: 280px;
  width: 24vw;
  margin-left: auto;
  margin-right: auto;
}

.nobori-btn {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  padding: 0.5rem 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  color: #fff; /* ← 白文字にする */
  background-color: #eb6100;
  border-radius: 100vh;
  border: none;
  transition: all 0.3s;
}

.nobori-btn:hover {
  background-color: #f56500;
}

.nobori-title {
  text-align: center;
  font-weight: bold;
  margin: 1rem 0 0.5rem;
  font-size: 1.2rem;
}

.nobori-row {
  display: flex;
  flex-wrap: nowrap; /* ← 折り返しさせない！ */
  justify-content: flex-start;
  gap: 1rem; /* 間隔調整 */
  overflow-x: auto; /* ← はみ出たらスクロールできるようにする（任意） */
  padding-bottom: 1rem;
}

.nobori-row .pop-link {
  flex: 0 0 auto;
  width: 150px;
  max-width: none;
}





.sysItemList ul.sysList li {
    display: list-item;
}
@media screen and (max-width:480px){
.h-mainMenu a {
  height: 49px;
}
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysMain, #sysAside {
	width: 100%!important;
}
#sysMain {
	margin-top: 0;
}
.grid-col {
	float: none;
	width: 100%!important;
	margin-left: 0;
}
/* 10-1 Header */
#sysHeader {
	margin-bottom: 5px;
}
.h-siteinfo {
	float:left;
	width:70%;
	height: auto;
}
.h-siteinfo h1 {
	font-size: xx-small;
}
.h-sitelogo {
	width:45%;
	clear:both;
	float:left;
	height: 52px;
	margin-top:5px;
}
.h-sitelogo .sysContent{
	width:100%;
	max-width:100%;
}
.h-sitelogo li img {
	width: auto;
	max-height: 47px;
}
.h-utilitybtn {
	position:relative;
	width:28%;
	float:right;
	margin:0 2px 0 0;
}
.h-utilitybtn .sysContent {
	width:100%;
	margin-top:2px;
	bottom:0;
	height:0;
}
.h-utilitybtn ul li.sysText a {
	line-height: 32px;
	font-size: x-small;
}
.h-utilitybtn ul li {
	height:auto;
}
.h-utilitybtn ul li.sysText a{
	background-image:none;
}
/* 10-1-3 ドロップダウンメニュー */
.h-subMenu02 .sysHeadline {
	line-height: 42px;
	/*width: 15%;*/
	width:13%;
	float: right;
	position: relative;
	top:7px;
	right: 0;
}
.h-subMenu02 .sysAccordionInitialHide{
	top:92px;
}
.h-subMenu02 ul {
	border: solid 1px #ccc;
	background:#fff6ea;
}
.h-subMenu02 ul li{
	width:95%;
	margin:0 auto;
	border:none;
}
.h-subMenu02 ul li:nth-child(2){
	border-top:solid 1px #aaa;
}
.h-subMenu02 ul li.sysText a {
	line-height: 40px;
	font-size: larger;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	padding:0 10px;
	display:block;
	text-decoration:none;
}
.h-subMenu04{
	width:40%;
	float:left;
	margin-left:2%;
	margin-top:7px;
}
.h-subMenu04 .sysContent{
	padding:0 0 5px;
}
.h-subMenu04 ul:after{
	content: "";
	display: table;
	clear: both;
}
.h-subMenu04 li{
	float:left;
	width:49%;
	border:solid 1px #999;
	text-align:center;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}
.h-subMenu04 li:nth-child(2){
	margin-left:1%;
}
.h-subMenu04 li a{
	display:block;
	line-height:42px;
	text-decoration:none;
}

/* 12-12 見出し */
.headline-2nd {
	margin-left: 5px;
}
.headline-3rd {
	margin-left: 10px;
}
/* 12-14 Responsive Grid System */
.col {
	float: none;
}
.gutters .col {
	margin-left: 0;
}
.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 {
	width: 100%!Important;
	float: none;
}
/* 12-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
	font-size: small;
}
.sysContent .sysItemBlock .sysHorizontal li {
	padding: 2.5px;
	width: 50%;
}
.sysItemList ul.sysThumbnail li {
	width: 50%;
}
/* 13-1-5 メインメニュー*/
.h-mainMenu ul li {
	height: 40px;
}
.h-mainMenu ul li.sysText a {
	font-size: 0.7rem;
	padding: 10px 3px;
}
/* 13-1-6 検索フォーム */
.h-search .sysContent {
	padding: 5px;
}
/* 13-2-2 Half Banner */
.p-banner li {
	width: 100%;
	margin-bottom: 5px;
}
.top_CTG_banner li {
	width: 100%;
	margin-bottom: 5px;

}
.top_CTG_banner2 li {
	width: 47%;
	margin-bottom: 5px;
}
/* 13-2-3 PICK UP Item */
.p-pickup .sysContent {
	padding: 0 0 5px;
}
/* 13-2-4 News & SNS */
.p-news, .p-sns {
	width: 100%;
}
/* 13-2-5 ShopInformation */
.p-shopInfo .sysContent, .shopinfo-inner, .shopinfo-row {
	display: block;
}
.shopinfo-inner {
	width: 100%;
}
/* 13-4-1 Footer Site Map */
.f-sitemap li {
	width: 100%!important;
}
.f-sitemap ul li.sysText a {
	padding: 10px 20px;
	text-align: left;
}
/* 13-4-2 Page Top Btn */
.p-pagetop .btn {
	width: 90%;
}
/* 14-1-2 Category Pankuzu */
.sysItemCategoryPankuzu {
	font-size: xx-small;
}
/* 14-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail {
	font-size: small;
}
.sysItemList ul.sysThumbnail input {
	font-size: x-small;
}
/* 14-2-3 Order Area */
.orderArea {
	letter-spacing: normal;
}
.orderArea > div {
	width: 100%;
	padding-right: 0;
	float: none;
}
/* 14-5-2 MyPage*/
.sysMypageNav .sysButton {
	font-size: 0.75rem;
}

.form-inquiry form,
.form-paid form{
    width: 100%;
    margin: 0 auto;
}

.form-inquiry .sysFormItem,
.form-paid .sysFormItem{
    padding: 8px;
    text-align: left;
    font-weight: bold;
    vertical-align: top;
    background-color: #F8F8F8;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}

.form-inquiry input[type="text"],
.form-paid input[type="text"]{
    width: 100%!important;
}

.form-inquiry select,
.form-paid select{
    width: 100%;
}


/* インフォメーション設定 */
.news-list .item a{
  flex-wrap: wrap;
}

.news-list .item .date{
  min-width: 100px;
}

.news-list .item .title{
  margin-top: 10px;
}


/* POPダウンロード */

	
.pop-botan{
		margin: 0 auto;
		width: 80%;
		text-align: center;
		display:block;
		flex-wrap: wrap;
		}
	
.btn,
a.btn,
button.btn {
margin:5px 4px;	
	width: 200px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}
	
.btn--blue,
a.btn--blue {
  color: #fff;
  background-color: #ed6c00;

}

.btn--blue:hover,
a.btn--blue:hover {
  color: #fff;
  background: #f08300;
}


a.btn--radius {
  border-radius: 4px;
}
	
.pop-mds{
	text-align: center;
	max-width: 900px;
	width: 80vw;
	margin: 20px auto;
			padding:10px 0;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}
	
	.pop-cnt{
	max-width: 900px;
	width: 80vw;
	margin: 0 auto 10px;
	display: block;
	justify-content: space-between;
	flex-wrap: wrap;
	}
		
		.poplink-ttl{
		text-decoration: none;
		display: inline-block;
	transition: all .3s ease 0s;
		}
	
		.poplink-ttl:hover{
			cursor: pointer;
	color: #A0A0A0;
		}
		
	.pop-link{
		text-align: center;
		max-width: 700px;
	    width:80vw;
		margin-bottom: 30px;
	}	
		
		.new-popimg{
		max-width: 700px;
	    width:80vw;
		margin-bottom: -15px;
			transition: all 0.3s;
	}
		
		.new-popimg:hover{
			box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  transform: scale(0.9);
		}
		
			.new-popimg2{
		max-width: 700px;
	    width:80vw;
		margin: 5px 0px -8px 0px;
			transition: all 0.3s;
	}
		
			.new-popimg2:hover{
			box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
  transform: scale(0.95);
		}
}
@media screen and (min-width:481px) and (max-width:800px){
.h-mainMenu a {
  height: 63px;
}
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
div#sysMain, div#sysAside {
	width: 100%;
	float: none;
}/* PCレイアウトを維持する場合は削除 */
/* 20-1 Header */
.h-siteinfo{
	width:70%;
}
.h-utilitybtn {
	float:right;
	width:28%;
	max-width:150px;
	margin: 0 5px;
}
.h-utilitybtn .sysContent{
	width:100%;
}
/* 20-1-3 ドロップダウンメニュー */
.h-subMenu .sysHeadline {
	width: 30%;
	float: right;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.h-subMenu ul li:nth-child(2n) {
	width: 49%!Important;
	margin-left: 1%;
}
.h-subMenu ul li.sysText a {
	line-height: 40px;
	font-size: larger;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	padding: 30px 0;
}
/* 23-1-5 メインメニュー*/
.h-mainMenu {
	border-right: none;
	border-left: none;
}
/*サブメニュー*/
.h-subMenu ul {
	padding: 1%;
	background: #feeed8;
}
.h-subMenu ul li {
	border: solid 1px #ccc;
}
/* 23-1-6 検索フォーム */
.h-search .sysContent {
	padding: 5px;
}
/* 23-3-3 Aside Banner */
.s-banner li {
	/*float: left;*/
	margin:0;
}
.s-banner {
	clear:both;
	width: 49%;
	width: -webkit-calc( 50% - .2em);
	width: calc( 50% - .2em);
	float: left;
}
.s-category{
	float:right;
	width:49%;
}
.s-banner02{
	width: 49%;
	width: -webkit-calc( 50% - .2em);
	width: calc( 50% - .2em);
	float: right;
}
/*calendar*/
.calendarBox {
	clear:both;
	width: 49%;
	float: left;
}
.calendarBox02 {
	width: 49%;
	float: right;
}
/* LoginForm & Search Form */
.s-login, .s-search {
	width: 49%;
	width: -webkit-calc( 50% - .2em);
	width: calc( 50% - .2em);
	float: left;
	overflow: hidden;
	vertical-align: top;
}
.s-category{
	width: 49%;
	width: -webkit-calc( 50% - .2em);
	width: calc( 50% - .2em);
	float:right;
}
.s-login li a {
	font-size: 0.75rem;
	padding: 10px 0;
}
.s-search.asideCnt .sysItemSearchAndOr label {;
	display: block;
}
/* 23-4-2 Page Top Btn */
.p-pagetop .btn {
	width: 50%;
}

.p-banner02 li img {
    padding: 0px 4px;
}
}
@media screen and (min-width:801px){
.h-mainMenu a {
  height: 56px;
}
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/
/* 30-1 Header */
.h-siteinfo, .h-subMenu {
	margin: 0 auto;
}
.h-siteinfo {
	text-align: left;
}
/* 30-1-3 ドロップダウンメニュー */
.h-subMenu > .sysContent {
	display: block!important;
}
.h-subMenu > .sysHeadline {
	display: none;
}
.h-subMenu .sysAccordionInitialHide {
	position: absolute;
	bottom: 1px;
	right: 0;
	z-index: 999;
 width: 67.5%;
	background: transparent;
}
.h-subMenu ul {
	display: table;
	width: 100%;
}
.h-subMenu ul li {
	display: table-cell;
	width: 161px!important;
	float: none;
	text-align: center;
}
.h-mainMenu nav {
	width: 100%;
	border-right: 1px solid #ccc;
}
.h-search .sysContent {
	width: 30%;
	position: absolute;
	top: -55px;
	height: 50px;
	right: 0;
	padding: 5px;
}
/* 32-9 トグル機能アニメーション */
.h-subMenu .sysAccordionInitialHide {
	opacity: 1;
}
/* 33-3-1 Aside Check List */
.s-checklist li > div {
	width: 90%;
	margin: 0 auto;
}
.s-checklist .sysContent .sysVertical .sysItemImage img {
	width: 100%;
	float: none;
	margin: 5px auto;
}
/* 34-4-1 Footer Site Map */
.f-sitemap .sysContent {
	width: 95%;
	margin: 0 auto;
}
/* 34-4-2 Page Top Btn */
.p-pagetop .sysContent {
	overflow: hidden;
	padding: 0 2px;
	width: 95%;
	margin: 0 auto;
}
.p-pagetop .btn {
	float: right;
	padding: 10px 20px;
}

.p-banner02 li img {
    padding: 0px 4px;
}
}
/* #END_OF_RESOURCE_FILE */