/*
 *
 * 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 機能パーツ：テキスト 
 * 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-5 MyPage 
 *     4-5-1 Mypage Index 
 *     4-5-2 Member Profile Editor 
 *   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
 */



/* 0-0 ALL Setting shizenkan
 *----------------------------------------------------------------------*/
/*カーソルhover*/
a:hover {
	color:#f38a3b;
}

a:hover img,.sysSearchButton:hover{
	filter: alpha(opacity=70); /*For IE*/
	opacity: 0.7; /*Opera・Safari*/
	-moz-opacity: 0.7; /*For FireFox*/
    }
	
/* 1-0 ALL Setting
 *----------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	font-size: 16px;
	max-width:1000px;
	margin:0 auto;

}

#sysAll, #sysHeader, #sysMain, #sysAside, #sysFotoer { padding: 0 5px;}
#sysMain{ line-height: 1.5;}
h1,h2,h3,h4,h5,h6{ font-size: inherit;}


/* 1-1 Webkit appearance */
/*mainページ検索ボタン*/
input[type=search] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 2.5;
	max-width:600px;
    width: 100%;

}

input[type=search]::-webkit-search-decoration {
    display: none;
}


.v-free-area, .sysItemCategoryCtl input[type=submit] {
    -webkit-appearance: none;
	max-width:200px;
	width:100%;
	padding:5px;
	margin:10px;
}
.sysItemSearchFormRange{
	margin:5px;
}
.sysItemSearchFormRange input{
	margin:2px;
	padding:2px;
}




/*カテゴリのa*/
.sysItemCategoryCtl a{
		/*color: #74501F;*/
		color: #663300;
		margin-bottom:5px;
}

.sysItemCategoryCtl > .sysCurrent{
	margin:10px 0 10px 0;
}

a { 
	color: #74501F;
}


table {
 /*border-collapse: collapse;
 border-spacing: 0;*/
}
td {
	padding: 2px;
}

/*会員登録など見出しが二重になる部分調整*/
h1.sysHeadline {
    display: none;
}

/*かご内のセレクト（オプション）*/

select{
height:30px;
padding:2px;
margin:2px;
width:100%;
}
#sysSelections select{

height:30px;
padding:2px;
margin:2px;
width:100%;
min-width:80%;
}
/*p {  margin: 5px auto;}*/

/* 1-2 Layout Setting */
#sysMain .mainCnt .sysContent {
    width: 95%;
    margin: 0 auto;
}



/* 2-0 Function Parts
 *----------------------------------------------------------------------*/
/* 2-1 Clearfix */
.p-clearfix:after,
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* ヘッダーのカテゴリで探す上の空白（5px）消し */

.p-clearfix .sysContent {
	padding:0;
}

/* ヘッダーのお知らせ上の空白（5px）消し */
.oshirase .sysContent {
	padding: 0;
}

/* ヘッダーのセール告知部分の空白（5px）消し */
.sale-banner .sysContent {
	padding: 0;
}

/* アサイドのサイドナビ部分の空白（5px）消し */
.side-nav .sysContent {
	padding: 0;
}

/* アサイドのバナー部分調整 */
.side_banner .sysContent {
	padding: 0;
	margin-bottom: 5px;
}

/* 2-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    letter-spacing: -.4em;
    text-align: left;

}
.sysContent .sysItemBlock .sysHorizontal li {
    /*width: 24%;*/
    float: none;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
	margin-right:5px;
    text-align: center;
    vertical-align: top;
}




.sysContent .sysItemBlock .sysHorizontal li:last-child{
     margin-right:none;
}


.sysContent .sysItemBlock .sysHorizontal p{
	font-size:small;
}











/* 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: #ededed;
    color: #A96F49;   
}
.btn-info:hover{
	opacity:0.7;}
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
    background: #bf0000;  color: #fff;
    display: block;  
    padding: 10px 15px;  
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
}

.btn-big {
    background: #f3f0df;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}


/* 2-6 機能パーツ：商品カテゴリ */
.sysFuncItemCategory a {
    line-height: 1.75;
    border-bottom: 1px dotted #d2b48c;
}
.sysFuncItemCategory a:hover {
    background: #eee;
}
.sysRetailPrice{
        color: #f4580e;
	font-weight:bolder;
	font-size:medium;
	}
.sysItemPrice{
        color: #f4580e;
	font-weight:bolder;
	font-size:small;
	}
.sysLazyload{
	font-size:11pt;
}

/*飾りなし*/
.no_decoration{
 text-decoration: none;
}


/*新商品から商品を探す*/

.new_item h2{
	pointer-events: none;
	border-top:1px solid #a96f49;
	border-bottom:1px solid #a96f49;
	width:100%;
    display: inline-block;
    padding: 7px 20px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
}

.new_item a {
    line-height: 1.75;
    border-bottom: 1px dotted #d2b48c;
}

.new_item {
	border:1px solid #a96f49;
	border-top:none;
	border-bottom:none;
}
.new_item {
	font:Verdana, Arial;
	color:#9F846F;
}
.new_item li {
	font-weight:bold;
	cursor:pointer;
	background-color:#f3f0df;
	background-position:left center;
	background-repeat:no-repeat;
	color:#74501F;
	line-height: 24px;
	letter-spacing: 1px;
	text-indent: 13px;
}
.new_item li:hover a:hover {
	background-color:#FFFFFF;
}

/*カテゴリから商品を探す*/

.s-category h2{
	pointer-events: none;
	border-top:1px solid #a96f49;
	border-bottom:1px solid #a96f49;
	width:100%;
    display: inline-block;
    padding: 7px 20px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
}

.s-category :hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}
.s-category {
	border:1px solid #a96f49;
	border-top:none;
}
.s-category {
	font:Verdana, Arial;

	color:#9F846F;
}
.s-category li {
	font-weight:bold;
	cursor:pointer;
	background-color:#f3f0df;
	background-position:left center;
	background-repeat:no-repeat;
	color:#74501F;
	line-height: 24px;
	letter-spacing: 1px;
	text-indent: 13px;
}
.s-category li:hover a:hover {
	background-color:#FFFFFF;
}



/*ブランドから商品を探す*/
.brandsearch{
	width:100%;
	padding:0 5px 0 5px;
	border:border:#cecdc8 solid 1px;
}
.brandsearch img{
	width:100%;
	text-align:center;
}




/* 2-7 グリッドナビ（スタイル:gridnav） */
.gridnav ul li:last-child { border-right: 0;}

/* 2-8 非表示コンテンツ(FB/タグマネージャ等用) */
.h-code{ display: none;}

/* 2-9 トグル機能アニメーション */
.sysAccordionInitialHide {
    display: block!Important;
    position: relative;
    opacity: 0;
    z-index: -1;
}
.sysAccordionInitialHide.active{
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 1;
    z-index: 999;
}

/* 2-10 カテゴリ・商品詳細ページ 見出し部下線 */
/*.sysCategoryPankuzu,*/
/*.sysItemCategoryPankuzu,*/
/*#sysItemDetail*/
/*#sysMain*/
/*.sysItemName,*/
.orderArea_kasen{ border-bottom: 1px dashed lightgray;
    margin:3px;}
.sysFormVariationName{
	font-size:small;}	
/*.sysExplanation > div > span,*/
/*.sysRetailPrice,*/
/*.sysItemImages > span,*/
.sysReview > span
{ border-bottom: 1px dashed lightgray;
    margin:3px;
    font-size: large;
    border: none;
    padding:10px;
    border-radius: 5px;
    background-color: #fff9c7;
    color: #2d260f;
	font-weight: bold;
}


/* 2-10 商品詳細ページ 追記 */

.sysSubtotalPrice { font-weight: bold;}

/* 2-10 商品詳細ページ セレクト・プルダウン部分*/
#sysSelections #sysNumber {
	padding:15px 0 5px 0;
	max-width:80%;
}

#option::before::after{
 content: "\A" ;
 white-space: pre ;
}

select{
 border-radius: 3px;
 width:100%;
 max-width:400px;
 height:2.2em;
 font-size:0.9em;
 margin:5px 0;
 padding: 5px;
}

.Reviewsys > span{
    display: block;
    margin-top: 20px;
    font-size: large;
    border-bottom: 1px dashed lightgray;
    margin: 3px;
    font-size: large;
    border: none;
    padding: 5px;
    border-radius: 5px;
    background-color: #fffffff;
/*    color: #2d260f ;*/
    font-weight: bold;

}

/*select{
 border-radius: 3px;
 width:100%;
 height:2.2em;
 font-size:0.9em;
 margin:5px 0;
 padding: 5px;
}
*/
/* 2-11 機能パーツ：テキスト */
#sysMain .sysContent h3 { border-bottom: 1px solid #993300 ; color: #993300;}
#sysMain .sysContent h3:before {
    content: "■";
    padding-right: 10px;
}

/* 3-0 Module
 *----------------------------------------------------------------------*/
/* 3-1 Header*/
.h-siteinfo h1 {  color: #000;}


/* 3-1-1 サイトロゴ */
.h-sitelogo {
    max-width: 200px;
		margin:5px;
    float: left;
}
.h-sublogo {
    max-width: 400px;
    float: left;
} 
.siteinfo{
    max-width: 305px;
	float:right;
	margin:5px;
}
 .siteinfo
/* 3-1-2 カート・マイページボタン */
.h-utilitybtn {
    width: 100%;
    float: right;
}
/* 3-1-3  リストナビ　ドロップダウンメニュー　オリジナル */
/*.h-subMenu {
    width: 60px;
    float: right;
}

.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    background: #fff;
    right: 0;
    padding: 9px 10px;
    width: 100%;
}
.h-subMenu .h-sublogo ul li { margin: 1px auto;}


.h-subMenu .h-sublogo {
    color: #000000;
    line-height: 60px;
    text-align: center;
    background: #ededed;
    border-radius: 5px;
}
.h-subMenu .sysAccordion:after{
    content:"";
}*/


/* 3-1-3  リストナビ　ドロップダウンメニュー　自然館 */
.h-subMenu {
    width: 60px;
/*    float: right;*/
}

.h-subMenu .sysAccordionInitialHide {
    position: absolute;
    background: #fff;
    right: 0;
/*    padding: 9px 10px;
*/    width: 100%;
}
/*.h-subMenu ul li {
	border:solid 1px #000;	
	}*/

.h-subMenu .h-sublogo {
	border:solid 1px #000000;	
    line-height: 60px;
    text-align: center;
    background: #ededed;
    border-radius: 5px;
}
.h-subMenu .sysAccordion:after{
    content:"";
}



/* 3-1-4 カート・ログインボタン */
.h-utilitybtn ul li{
    border: 1px solid #f3f0df;
    border-radius: 3px;
    margin-right: 2%;
    width: 48%!important;
}



/* 3-1-5 メインメニュー*/
.h-mainMenu{ margin: 5px auto;}
.h-mainMenu ul {
    display: table;
    width: 100%;
}
.h-mainMenu ul li {
	background:#fff7eb;
    display: table-cell;
	width: 100%;

    float: none;
    height: auto;
    border: 1px solid #c49a9f;
	border-right: 0;
}

.h-mainMenu ul li:last-child {
    border: 1px solid #c49a9f;
}
.h-mainMenu ul li.sysText a {
    line-height: 1;
    border: none;
	font-size: 16px;
    white-space: normal;
    padding: 10px 0;
    margin: 0 auto;
}

.h-mainMenu_s { margin: 5px auto;}
.h-mainMenu_s ul {
    display: table;
    width: 100%;
}
.h-mainMenu_s ul li {
	background:#fff7eb;
    display: table-cell;
    float: none;
    height: auto;
    border: 1px solid #c49a9f;
	border-right: 0;
}

.h-mainMenu_s ul li:last-child {
    border: 1px solid #c49a9f;
}
.h-mainMenu_s ul li.sysText a {
    line-height: 1;
    border: none;
    white-space: normal;
    padding: 10px 0;
    margin: 0 auto;
}


/* 3-1-6 検索フォーム */
/*.h-search .sysContent{ padding: 5px 10px;}*/
/*SP用検索ここから（大枠）*/
.h-search .sysContent{
	width: 100%;
	padding: 2px;
    /*margin: 0 auto;*/
	margin:5px 0 10px 0;
    font-family: メイリオ;
    text-align: center;
    background-color: #eae4c6;
    border: 1px solid #bf0000;
	}
/*検索入力・ボタン*/
.h-search .sysItemSearchForm {
    display: table;
    width: 98%;
	padding: 5px 0 5px 0;

	
}

/*入力部分外*/
.h-search .sysItemSearchFormWord {
    display: table-cell;
    padding-right: 10px;
    /*width: 100%;*/
    height:auto;
}

/*入力部分内*/
.h-search .sysItemSearchFormWord input{
    height: 40px;
    border: 1px solid #bcb9a9;
    padding:0 2px 0 2px;
	margin:6px;

}
/*検索ボタン*/
.h-search .sysSearchButton {
/*    width: 100px;
    padding: 6px;
    height: 50px;
    border: 1px solid #f3f0df;
    border-radius: 3px;
    background-color: #f3f0df;*/
	padding-left:5px;
	max-width: 300px;
	width:100%;
    height:50px;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #bf0000;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
	font-size:medium;
}

/* 3-2 Main*/

/* 3-2-1 Main IMAGE */ 

/* 3-2-2 Half Banner */
.p-banner ul {
    text-align: center;
    clear: both;
    margin-top: 2px;
	width:100%;
}
.p-banner li {
    margin:2px 0 2px 0;
    width: 32.5%;
    display: inline-block;
}
.p-banner img {
	max-height:130px;
	min-height:130px;
	width:100%;
}
.season-banner img {
	max-height:115px;
	min-height:100px;
	width:100%;
}

/* 3-2-3 PICK UP Item */
.sysContent .sysHorizontal li{
    width: 33%;
}

/* 3-2-4 News & SNS */

@media(max-width:801px){
    .p_sns_Instagram ,.p-sns{
        display: none !important;
    }
}

.p_sns_Instagram,.p-sns{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.toposhirase{
	width:100%;
	height:300px;
	font-size:95%;
}
.p-news,.toposhirase,.p_sns_Instagram .sysContent { line-height: 1.5;}
.p-news,.toposhirase li { paddingt:10px 10px 10px 5px;}



/* 3-2-4 News & SNS のtoposhiraseのnew-information*/


.new-information {
padding:10px 0;
	margin:0 auto;
	height:auto;
	width:100%;
	background-color:#fffaf0;
	font-size:11pt;

}
.new-information ul {
	padding:0;
		width:95%;
		
		border-radius:5px;
		box-shadow:2px;
		margin:0 auto;
	background-color:#fff;
		list-style:none;
	/*box-shadow: 3px 3px 10px -6px rgba(0,0,0,.3);*/
    height:220px;
    overflow-y:auto;
}



.new-information ul::-webkit-scrollbar {
 width: 15px;
border:1px solid #e6e6e6;
 background-color:#f5f5f5;
border-radius:5px;

}

.new-information ul::-webkit-scrollbar-thumb {
  background-color:#f39a32;
 border-radius:5px;
}

.new-information li {
	margin:0 auto;
	padding:10px 0 10px 0;
	width:95%;
border:solid 1px #7b5544;
border-top-style:none;
 border-bottom-style:dotted;
 border-top:none;

border-left:none;
border-right:none;
}

.new-information li:last-child {
border:none;	
}

.new-information img {
	width:3em;
	height:auto;
}

/*#new-information .new {
	background-color: #ffcc99;
	color: #330000;
	padding: 1px 5px;
	margin: 2px 5px 2px 0;
	border-radius: 5px;
	font-size: 80%;
}

#new-information .infomation {
	background-color: #ccffff;
	color: #000033;
	padding: 1px 5px;
	margin: 2px 5px 2px 0px;
	border-radius: 5px;
	font-size: 80%;
}

#new-information .arrival {
	background-color: #ccff99;
	color: #003300;
	padding: 1px 6px;
	margin: 2px 5px 2px 0px;
	border-radius: 5px;
	font-size: 80%;
}*/


 
#new-information .new {
	background-color: #fb8043;
	color: #FFFFFF;
	padding: 1px 5px;
	margin: 2px 5px 2px 0;
	border-radius: 5px;
	font-size: 80%;
}

#new-information .infomation {
	background-color: #64cbfa;
	color: #FFFFFF;
	padding: 1px 5px;
	margin: 2px 5px 2px 0px;
	border-radius: 5px;
	font-size: 80%;
}

#new-information .arrival {
	background-color: #add984;
	color: #FFFFFF;
	padding: 1px 6px;
	margin: 2px 5px 2px 0px;
	border-radius: 5px;
	font-size: 80%;
}

#new-information a {
	padding: 5px !important;
}











/* 3-2-5 ShopInformation */
.p-shopInfo .sysContent{ text-align :center;}
.shopinfo-inner {
    display: inline-block;
    width:30%;
    width: -webkit-calc(33% - 10px);
    width: calc(33% - 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 #A96F49;
    padding: 0 0 5px 0px;
    margin-bottom: 10px;
}
.shopinfo-inner .btn{
    float: right;
    margin-right: 20px;
	margin-bottom:20px;
}

/* 3-2-6 Notice */
.p-notice  {
    background: #e60054;
    border-color: #e60054;
    text-align: center;
    font-weight: bold;
}


/* 3-3 Aside*/
/* 3-3-1 Aside Check List */
.s-checklist li {
    margin: 5px auto;
    padding-bottom: 10px;
   /* border-bottom: 1px dotted;*/
}
/* 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: 46%;
    line-height: 1.5;
    vertical-align: top;

    background: #A96F49;
}
.s-login li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
}
.s-login input {
    width: 95%;
    margin: 5px auto;
    line-height: 2;
    display: block;
}
.s-login .sysLoginButton {
    border: none;
    padding: 5px;
    background: #A96F49;
    color: #fff;
    margin: 10px auto;
}

/* 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;
font-size:medium;
/*font-size:90%;*/}
.s-search ul{ text-align: center;}
.s-search input[type=search]{
    width: 95%!important;
    margin: 5px auto;
    line-height: 2;
    display: block;
}
.s-search .sysItemSearchAndOr,
.s-search .sysItemSearchFormCategory {
    text-align: center;
	margin:5px;
}
.s-search .sysSearchButton {
    border: none;
    padding: 10px;
    background: #A96F49;
    color: #fff;
    width: 95%;
    display: block;
    margin: 10px auto;
}
/* 3-4 Footer*/

/* 3-4-1 Footer Site Map */
.f-sitemap ul li.sysText a {
    color: #A96F49;
    padding:  0;
    background: #ededed;;
    display: block;
    border: 1px solid #f3f0df;
    text-align: center;
}
.f-sitemap ul li.sysText a:hover {
    background: #d2b48c;
}

/* 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 {
    border-top: 1px solid #A96F49;
    margin: 20px auto;
    text-align: center;
    padding-top: 5px;
}

/* 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: 2px;
    padding: 0 0 2px 2px;
    overflow: hidden;
}
.sysCategoryPankuzu a,
.sysItemCategoryPankuzu a {
    display: inline-block;
    /*background: #A96F49;*/
    padding:2px 5px;
    /*color: #fff;*/
	color:#930;

}
.sysCategoryPankuzu a:hover,
.sysItemCategoryPankuzu a:hover {

    /*background: #d2b48c;*/
	background:#f3f0df;
}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: small;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 4px 8px;
    /*background: #f3f0df;*/
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    text-decoration: none;
    margin: 5px 0 5px 0;
    font-size:medium;
}

/* 4-1-4 Item PR Setting */

.itemPrGroup0 span{
   float: left;
	}
.itemPrGroup0 li{
    display: inline;
	}
/*必要であればfloat解除*/
.sysItemSearchFormSort{
}
.sysItemPr {
    /*font-size: small;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #A96F49;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;*/
	font-size: small;
    padding:5px;
	margin:2px;
    background: #fff;
	color:#C00;
    border: 1px solid #C00;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}
.prnew {
    /*font-size: small;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #A96F49;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;*/
	font-size: small;
    padding:5px;
	margin:2px;
    background: #fff;
	color:#C00;
    border: 1px solid #C00;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}
.glutenfree {
    /*font-size: small;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #A96F49;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;*/
	font-size: small;
    padding:5px;
	margin:2px;
    background: #fff;
	color:#F39;
    border: 1px solid #F3C;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}

.komugifree {
    font-size: small;
    padding:5px;
    margin:2px;
    background: #fff;
    color:#b37c36;
    border: 1px solid #d2b48c;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}



/* 4-1-5 Cart Button */
.sysSubmit > .sysCartButton,.sysCartInButton{
	width:100%;
}
.sysCartButton{
	font-size:larger;
	font-weight:bold;
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #bf0000;
    color: #ffffff;
    cursor: pointer;
}
.sysCartInButton {
    background-color: #bf0000;
    color: #ffffff;
}
.sysCartButton:hover{
    background: #d2b48c;
}


.sysCartButton:active{
    background: #fff9c7;
    color: #2d260f;
}
.sysGoCartButton {
/*    background-color: #999;*/
    background-color: #fff9c7;
	    color: #2d260f;

/*    color: #ffffff;*/
}

/* 4-1-6  Archive List Item */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 30%;
    max-width: 100px;
}
.sysItemList,.sysPagination{
	margin-bottom:20px;
}



/* 4-1-7  Archive Thumbnail Item */
.sysItemList ul.sysThumbnail li {
   /*display: inline-block;  ←消してください　PC表示時「サムネイル」
タブレット表示時「サムネイル」
スマホ表示時「リスト」にて表示させる方法をご案内*/
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;

}

/* 4-2 Item Page */
/* 4-2-1 Item IMAGE */
.sysThumbnailImage > span,.sysThumbnailImage > br { display: none;}
/*----------------------------------------------------
	
	商品画像スクリプトの幅
	
----------------------------------------------------*/
#sysModalWindow > .sysModalContent{
	max-width:600px;
	max-height:700px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width:100%;
	height: 70%;
}
.orderArea > .sysMainImage img{
	max-height:260px;
	max-width:260px;
}

/*ページ商品画像の表示位置調整*/
.sysMainImage  {
	text-align: center;
}

/* 4-2-2 Item Name */ 
/*.sysItemName h1 { font-size: x-large;}*/
/*.sysItemName h1 { font-size:100%;}*/
.sysItemName{ 
font-size: 12.5pt;
font-size: small;
word-wrap: break-word;
}/*検索結果の商品名*/

/*.sysItemName { font-size: small;}*/
.sysItemName h1 {font-size: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,*/
.sysItemImages > span,
.sysExplanation > div > span,
.sysReview > span{
    display: block;
    margin-top:20px;
    font-size: medium;
}
/* 4-2-5 Item Explanation */
.sysExplanation table {
    width: 100%;
    text-align: center;
/*    border: 1px solid #d2b48c;
    line-height: 2;*/
}
.sysExplanation thead {
    text-align: center;
    color: #fff;
    background: #d2b48c;
}
.sysExplanation td {
    font-size: 14px;
    text-align: left;
    /*padding-left: 10px;*/
}

/*見栄えが悪かったので商品ページの最大幅変更しました*/
.sysExplanation, .sysDescription, .sysCategoryDescription{
	width:100%;

/*	max-width:600px*/
	max-width:650px;
/*	margin:0 auto;*/
}

/* 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: 190px;
 
    /*width: 75%;*/
    display: inline-block;
    float: right;
}

/*数量の幅調整用（横の▼が消える）*/
/*#sysItemDetail .sysForm [name="num"]{
  -webkit-appearance:none;
  width: 75%;
}*/

#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}

/*オプション・項目選択肢の文字色*/
 #sysVariation div{
	 color:#bf0000;
	 font-weight: bold;
}
 #sysVariation option{
	 color:#000;
}




#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #CCC;
    padding: 10px;
    border:0;
    border-radius: 5px;
    color: #2d260f;
}
#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 */
.sysButton {

    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
/*    background-color: #A96F49;*/
    background-color: #E6C663;
    color: #2d260f;
    cursor: pointer;
}
.sysButton:hover {
    background: #d2b48c;
}
.sysButton:visited {
    background: #CCC;
}



/* 4-2-8 Item Text */
/*.sysDescription,.sysImageDescription{ font-size: 0.75rem;}*/
.sysDescription,.sysImageDescription{ font-size:0.88em; line-height:1.5em;}
.sysImageDescription img{   position: absolute;
  width: auto;
  height: auto; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin:0 auto;
  text-align:center}

/* 4-2-9 Item Gallary */
.sysImageListSimple li { margin-bottom: 10px;}
.sysImageListSimple > li > img{ display:block; cursor:pointer;}
div.h-subMenu > .sysImage{
	width:110px;
	height:28px;
}


/* 4-2-10 Review */
.sysReview{
	margin-bottom:10px;
}
.sysReview input{
    background: #ededed;
    color: #A96F49;
    text-shadow: none;
    border: #ededed;
    border-radius: 3px;
    display: block;
    padding: 10px;
    /*margin:0 auto; */
    width: 50%;
    margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.sysReview > br {
    display: none;
}
.sysReviewHistoryList {
    padding:5px;
}

/*.sysReview > .sysReviewHistoryList li{
    border:1px solid lightgray;
    border-radius: 3px;
	margin:5px;
    padding:5px;
	}*/
	
/*.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;
}
.sysEvaluation {
	color:#ff8000;
}
.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 {
    background: #A96F49;
    color: #fff;
    text-shadow: none;

}

/* 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 #d2b48c;
    background-color: #d2b48c;
    color: #ffffff;
    font-size: large;
    padding: 5px;*/
/*旧自社*/
	font-size: 110%;
	/*padding: 5px;*/
	background-color: #FFF;	
	
}

#sysMemberRegisterRegister #sysMain,
#sysMemberRegisterConfirm #sysMain,
#sysMemberRegisterIndex #sysMain,
#sysFormThanks #sysMain,
#sysFormConfirm #sysMain,
#sysFormIndex #sysMain {
    border-color: #d2b48c;
    border-style: solid;
    border-radius: 0px;
    border-width: 1px;
    /*box-shadow: 1px 1px 1px gray;*/
    margin-bottom: 5px;
    padding: 20px;
}

#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: 95%;
    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: #d2b48c 1px solid;
    line-height: 2em;
}

#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 #d2b48c;
    line-height: 2;
    padding-left: 10px;
    font-size: small;
    border-radius: 3px;
    margin: 5px auto;
    min-height: 20px;
}
/* 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-5 MyPage */
/* 4-5-1 Mypage Index */
.sysMypage #sysMain{
    border-color: #d2b48c;
    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 #d2b48c;
    background-color: #d2b48c;
    color: #ffffff;
    font-size: large;
    padding: 5px !important;
}

.sysMypage #sysMain > form,
.sysMypage #sysMain > div { padding: 5px 10px;}

/* 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-6 News Page */
.news-row {
    border-color: #d2b48c;
    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 #d2b48c;
    background-color: #d2b48c;
    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;
}
/*----------------------------------------------------
	カート内設定
----------------------------------------------------*/
.sysCart .sysBox img.sysProductImg {
	width: 60px;
}

.sysCart .sysBox .sysProduct {
	float:none;
	margin-left: 65px;
	width: 100%;
	padding-right: 60px;
}

/*----------------------------------------------------
	インフォメーション共通設定
----------------------------------------------------*/

.nomal h2 {
	font-size: 110%;
	padding: 5px;
	background-color: #F3F0DF;
}

/*見出し部分設定*/
.title_info {
	border:#88c947 solid;
	border-width:0 0 1px 8px;
	padding:3px;
	margin:30px 0 10px 0;
	color:#6D8B1F;
	text-decoration:none;
}
.title2 {
	border:#88c947 solid;
	border-width:0 0 1px 8px;
	padding:3px;
	margin:30px 0 10px 0;
	color:#6D8B1F;
	text-decoration:none;
}
.coment {
    line-height: 1.3em;
    width: 100%;
    background-color: #fffaf0;
    font-size: 96%;
    margin:10px;
}


.content {
    font-size: 96%;
    line-height: 1.7em;
    letter-spacing: -0.05em;
}


.guide-hyou{
	width:100%;
	border:#999999 solid 1px;
	padding:0;
	margin:0;
}
.guide-hyou tr{
	background-color:#F3F3F3;
	text-align:left;
	line-height:1.3;
	vertical-align:top;
	border:none;
}
.guide-hyou td{
	padding:5px;
	border:#999999 solid;
	border-width:0 1px 1px 0;
}

.title3 {
	font-size:110%;
	color:#974000;
	line-height:150%;
}

.gaiyo-hyou1{
	border:#999999 solid 1px;
	border-collapse: collapse;
	padding:0;
	margin-left: 3px;
}

.gaiyo-hyou1 tr{
	background-color:#F3F3F3;
	text-align:left;
	line-height:1.3;
	vertical-align:top;
	border:none;
}

.gaiyo-hyou1 td{
	padding:5px;
	border:#999999 solid;
	border-width:0 1px 1px 0;
}

.table_nomal{
	width:100%;
	line-height:140%;
	border:0;
	margin:0 0 0 10px;
	padding:0px;
}

.gaiyo-hyou2{
	margin:10px 0 10px 0;

}

.gaiyo-hyou2 tr{
	border:#999999 solid 1px;
	line-height:1.4em;
	vertical-align:top;
}

.gaiyo-hyou2 .gaiyo-hyou2_left{
	background-color: #ebebeb;
	width: 30%;
	padding: 5px;
	text-align: center;
}

.gaiyo-hyou2 .gaiyo-hyou2_right{
	background-color: #ffffff;
	width: 70%;
	padding: 5px;
}

.gaiyo-hyou3{
	width:100%;
	border:#ffffff solid 1px;
	padding:10px;
	margin:0;
}

.gaiyo-hyou3 tr{
	text-align: left;
	line-height: 1.5em;
	border: #999999 solid;
	border-width:1px 0 1px 0;
}


.gaiyo-hyou3 .bg-left{
	background-color: #ebebeb;
	width: 20%;
	padding: 5px;
}

.gaiyo-hyou3 .bg-right{
	background-color: #ffffff;
	width: 80%;
	padding: 5px;
}

/*配送についてのリンク部分設定*/
.list ul{

	list-style-type:disc;
	padding:0;
	margin:0;
}

.list li{

	list-style-position:inside;
	height:25px;
}

/*----------------------------------------------------
	アサイド部分調整
----------------------------------------------------*/
.asideCnt {
    border-style: none;
}

.login_said {
	width:90%;
	margin:5% auto;
    background-color: #fff9c7;
    border: 1px solid #669900;
    line-height: 1.3em;
    border-radius: 10px;
    text-align: center;
}

.s-search {
	border: 1px solid #804000;
}


/*----------------------------------------------------
	カート内設定微調整（基本はシステムの方でやる）
----------------------------------------------------*/
.sysCartTitle {
	font-weight: bold;
}
.sysTotal .sysTotalTxt {
	text-shadow: none ;
	text-align: right ;
}
.sysTotal .sysTotalTxt  .sysCartAttention{
	font-size: 2.0rem;
}

.sysBox {
	padding: 0.8em;
}

/*----------------------------------------------------
	スライダー設定
----------------------------------------------------*/

#slider{
	display:none;
}
.top_slider {
	/*margin:0 0 20px 0;*/
	margin:0;

}
.top_slider .owl-item {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-filter: "alpha( opacity=50 )";
	-webkit-filter: "alpha( opacity=50 )";
	-o-filter: "alpha( opacity=50 )";
	-ms-filter: "alpha( opacity=50 )";
}
.top_slider .center {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-filter: "alpha( opacity=100 )";
	-webkit-filter: "alpha( opacity=100 )";
	-o-filter: "alpha( opacity=100 )";
	-ms-filter: "alpha( opacity=100 )";
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;


    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }


/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;

  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /*background: url("owl.video.play.png") no-repeat;*/
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;

  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-controls {
	margin-top: 5px;
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-controls .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	/*margin: 5px;*/
	margin: 2px;
	/*padding: 4px 7px;*/
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.owl-controls .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}
.owl-controls .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-dots{
	text-align:center;
}
.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display:inline;
	position:relative;
	top:10px;
}
.owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 12.5px;
	background: #999;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
	background: #000;
}
.owl-nav{
	/*margin-top: 10px;*/
	margin-top:10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-nav [class*=owl-] {
	position: absolute;
	top:98%;
	/*margin-top: -25.5px;*/
	margin-top: -16.5px;




	outline: 0;
	width: 20px;
	height: 35px;/*＜＞これの大きさ変更したらここも合わせて変更する*/
	padding:0;
	text-indent: -9999px;
	z-index: 9999;
	border:none;
	border-radius:none;
	cursor:pointer;
}
.owl-nav .owl-prev{
	left:35%;
	background: url(/img/controls.png) no-repeat /*0*/ +5px 0;
	/*background-size:40px;*/
	background-size:35px;
}
.owl-nav .owl-next{
	right:35%;
	background: url(/img/controls.png) no-repeat/* -20px*/ -20px 0;
	/*background-size:40px;*/
	background-size:35px;
}
.owl-nav .owl-prev:hover {
	background-position: +5px 0;
}
.owl-nav .owl-next:hover {
	background-position: -20px 0;
}



/*mainにある見出し部分設定*/
.midasi > .sysHeadline{
    margin: 5pxm 0 5px 0.3em;
    border-left: 6px solid #c29037;
    color: #ff6a1a;
    font-weight: bold;
    max-width:800px;
	width:100%;
	font-size:medium;
	border-bottom: 2px solid #c29037;
	clear:both;
	background-color:#fffff0;

}



/*----------------------------------------------------
	フッター案内
----------------------------------------------------*/

.footer_annai{
	width:100%;
	max-width:1000px;
	background-color:#f5f5f5;
}

.footer_annai_block{
	width:22%;
	line-height:1.5em;
	vertical-align:top;
	display: inline-block;
	padding:5px;
	margin:5px;


}

.footer_annai_block ul{
margin: 0px;
padding: 0px;

}


.footer_annai_block li{
list-style: none;
font-size:11pt;
}

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


.footer_annai_block h4{
border-bottom: dashed 2px #a97049;
/*線の種類（点線）2px 線色*/
}







/*----------------------------------------------------
	得市設定
----------------------------------------------------*/
.sysYamiForm{
	z-index:1;
        margin-bottom: 30px;
}

#item-list {
	width: 100%;
	border: 0;
	padding: 5px 8px;
	font-size: 95%;
}

#item-list td{
		width:31%;
		padding: 5px;
}

#item-list img {
	width: 90%;
}

.item-name {
	text-align:left;
	font-size: 90%;
	margin: 10px 0 0;
	padding: 0;
}






#top_itemlist {
	width: 100%;
}

#top_itemlist img{
	width: 90%;
}

#top_itemlist tr {
	vertical-align: top;
}

#top_itemlist td {
	text-align: center;
	width: 150px;
	padding: 2px;
}

.category-name {
	font-size: 85%;

	margin: 5px 0;
	padding: 5px;
}

#tokuiti_notice {
	margin: 10px;
	border:1px #999999 solid;
	padding:10px;
}

.kakaku {
	color:#F8570F;
	font-weight: bold;
}


/*----------------------------------------------------
	商品ページ設定追加分
----------------------------------------------------*/

/*闇市価格表示設定*/

.sysYamiPriceName {
	display:block;
}

/*----------------------------------------------------
	カレンダー色設定
----------------------------------------------------*/

#calendar table {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #999999;
 border:1px #dcdcdc solid;
 border-collapse: collapse;
 margin:2px;
}
#calendar table .green td {
	background-color: #DBF1A0;
	width: 18px;
	text-align: center;
	font-weight: bold;
}
#calendar td{
 border:1px #dcdcdc solid;
 text-align: center;
}
#calendar table .white  {
	background-color: #FFF;
	text-align: center;
}

/*----------------------------------------------------
	セールバナー設定（バナー2個）
----------------------------------------------------*/
.sale-banner {
	margin: 3px 0;
	padding: 0;
}

.sale-banner ul {
	width: 100%;
}

.sale-banner ul li{
	float:left;
	list-style: none;
}


/*----------------------------------------------------
ピックアップバナー
----------------------------------------------------*/
/*.pickup_osusume ul {
    text-align: center;
    clear: both;
    margin: 2px;
}*/
.pickup_osusume li {
	vertical-align:middle;
	list-style: none;
    margin: 5px;
    width:48%;
    display: inline-block;
}
.pickup_osusume img {
	max-width:600px;
	max-height:150px;
	width:100%;
}

/*----------------------------------------------------
	ログイン部分調整
----------------------------------------------------*/

input.loginId {
    width: 90%;
    margin: 5px auto;
    display: block;
    line-height: 2em;
}

input.loginPassword {
    width: 90%;
    margin: 5px auto;
    line-height: 2em;
    display: block;
}

input.sysLoginButton {
   margin: 5px auto;
   padding: 3px;
    width: 90%;
}


/*----------------------------------------------------
	お楽しみプレゼント
----------------------------------------------------*/
p.item-no {
	font-size: 90%;
}


/*----------------------------------------------------

	マイページ内
	
----------------------------------------------------*/

/*----------------------------------------------------
	マイページTOP
----------------------------------------------------*/


.sysFreeArea{
	font-size:small;
	margin:10px;
}
div.sysMypageNav{
	width:100%;
	display: block;
}
.sysMypageNav form {
	display: inline; 
}
.sysMypageNav input { 
	width:49%;/*PC・タブレット*/
   display: inline-block;
    font-size:medium;
	}
	

.sysMypageNav input.sysButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    /* background-color: #A96F49; */
    border: 1px #ddd solid;
    cursor: pointer;
	background-color:#F7F7F7;
}
.sysMypageNav input.sysButton:hover{
	border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    /* background-color: #A96F49; */
    border: 1px #CCC solid;
    background-color: #ddd;
    cursor: pointer;
}


h3.sysMypageMinorHeadLine {
    padding: 5px 10px !important;
}

/*----------------------------------------------------
	商品購入履歴
----------------------------------------------------*/
/* 購入日時 */
.sysDatetime{
	padding-top:20px;
}

/* 商品名 */
.sysBack{
	font-size:medium;
	font:bold;
}
/* レビューを書くボタン */
.sysItemReviewLink {
	width:50%;
    border: none;
    border-radius: 5px;
    background-color: #E6C663;
    color: #2d260f;
}
.sysItemReviewLink:hover {
    background: #d2b48c;
}
.sysItemReviewLink:visited {
    background: #CCC;
}
.sysItemReviewLink a{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
    padding: 10px;
    margin: 5px 0;
}
.sysItemReviewLink a:hover{
	color:#000000;
}

/* レビュー投稿済ボタン */
.sysItemReviewLink > span{
    background-color: #CCC;
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
    padding: 10px;
    margin: 5px 0;
}
.sysItemReviewLink > span:hover{
	display:block;
	width:100%;
    border: none;
    border-radius: 5px;
    background-color: #CCC;
    color: #2d260f;
}

/*----------------------------------------------------
	レビュー管理
----------------------------------------------------*/
.sysMypageMinorHeadLine,.sysMyReviewList{
	padding:5px;
}
.sysMyReviewList li{
		padding:10px 0 3px 0;
}
.sysReview{
	font-size:small;
}
#sysMain > .sysMyReviewList > li > .sysItemName{
	font-weight:bold;
	color:#900;
}
/*----------------------------------------------------
	ポイント状況
----------------------------------------------------*/
/*特定ポイント*/
/*特定ポイントのサイズとか点線とか*/
ul.sysSpecialPointList > li.sysSpecialPoint{
    margin: 0 auto;
    padding: 10px 0 10px 0;
    width: 95%;
    border: solid 1px #7b5544;
    border-top-style: none;
    border-bottom-style: dotted;
    border-top: none;
    border-left: none;
    border-right: none;
}


ul.sysSpecialPointList > li.sysSpecialPoint > div{
	display:block;
}

/*divの左側見出し*/

.sysSpecialPoint > .sysNameTitle, .sysOriginalAmountTitle, .sysAmountTitle, .sysActiveDatetimeTitle, .sysExpirationDatetimeTitle{
	color:#666;
	margin-right:5px;
	float:left;
}
/*divの右側*/

.sysSpecialPoint > .sysNameTitle, .sysName, .sysAmountTitle, .sysAmount, .sysExpirationDatetimeTitle, .sysExpirationDatetime{
font-weight: bold;
}
/*divの右側改行指定*/
.sysSpecialPoint > .sysName::after, .sysOriginalAmount::after, .sysAmount::after, .sysActiveDatetime::after, .sysExpirationDatetime::after{
 content: "\A" ;
 white-space: pre ;
}


/*----------------------------------------------------
	
	新着レビューをチェック！
	
----------------------------------------------------*/
.review{
	max-width:800px;
		font-size: small;
}
.review img{
	width:200px;
}
	
.review > .sysThumbnailImage{
	width:30%;
}
.review input{
	background:#FFF;
	text-decoration: underline;
	padding:5px;
}




/*----------------------------------------------------
	
	売り切れ時の色
	
----------------------------------------------------*/
/*#sysItemDetail input[type="submit"]:disabled {
background-color: #808080;
pointer-events: none;
-webkit-appearance: none;
border-radius: 0;
}*/

#sysItemDetail input[type="submit"]:disabled {
background-color: #808080;
pointer-events: none;
-webkit-appearance: none;
border-radius: 0;
}

/*----------------------------------------------------
	
	iPhone系用（絶対に消さないでください）
	
----------------------------------------------------*/
.sysItemSearchForm input[type=submit] {
  	width:90%;
	max-width:600px;
}
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}


/* ボタンだけに指定する場合は以下 */
input[type="button"]{
    -webkit-appearance: none;
}
/*----------------------------------------------------
	
商品レビュー一覧ページ
	
----------------------------------------------------*/

.sysItemReview #sysMain{
    padding: 20px;
    background-color: #fff;
}
/*#sysItemReviewIndex > .sysButton{
    padding: 5px 10px;
}*/
#sysItemReviewIndex > input[type=submit] {
    -webkit-appearance: none;
}

.sysReviewHistoryList li{
    margin-bottom: 5px;
    border-bottom: 1px dashed lightgray;
    padding:5px;
	margin:5px;
}
.sysReviewHistoryList li:last-child {
    border: none;
}
.sysReviewHistoryList .sysReviewImproperForm input{
    padding:2px;
	    font-size: 12px;

}
#sysItemReviewIndex img.sysList{
	width:100%;
	max-width:300px;
}

/*不適切なレビューの報告ボタン（今は不要なので消しています）*/
.sysReviewImproperForm input{
	-webkit-appearance: none;
    border: none;
    margin: 2px 0;
    border-radius: 3px;
    background-color: #ededed;
    color: #fff;
    cursor: pointer;
	display:none;
}

.sysReviewHistoryList .sysReviewImproperForm {
    text-align: right;
}

/*クレジットカード入力欄の幅*/
.mdl-dialog__content select{
width:100%!important;
max-width:7em!important;
}
/*クレジットカード入力欄の幅（ロックウェーブから言われたやつ）*/
/*.mdl-dialog__content select{
width:5em!important;
}*/

/*----------------------------------------------------
	
カート内設定
	
----------------------------------------------------*/
/*「注文を確定する」上部についているボタンを消す*/
form[name="order_form_top"] {
    display: none;
}
.opcRemarks_remark_edit{
	width:95%;
}
@media screen and (max-width:800px){
/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/

/*買い物かご内リセット*/ 

.sysCart h1,h2,h3,h4 {
	margin:0 !important;
	padding: 0 !important ;
	font-weight:normal !important;
}

.sysCart p {
	margin: 0 !important;
}

.sysCart ul {
	line-height:normal;
}




#sysMain,#sysAside{ width: 100%!important;}
/* 10-1 Header */
#sysHeader{
	margin: 0 !important;
	padding: 0 !important
}

#sysAll { 
	padding: 0 !important;
    width: 100%;/*右の余白消し時追加*/
    overflow: hidden;/*右の余白消し時追加*/
}


.h-siteinfo h1 { font-size: xx-small;}

.h-sitelogo {
    width: 50%;
}
.h-utilitybtn {
    width:30%;
    position: absolute;
    right: 60px;
    background: #fff;
    z-index: 999;
	margin-top:10px
}

/*.h-utilitybtn {
    width: 96px;
    position: absolute;
    right: 60px;
    background: #fff;
    z-index: 999;
}*/
.h-subMenu {
    max-width: 70px;
    width: 40px;
}
.spmenu{
	margin-top:10px;
	width:100%;
}


.headbanner2 .sysContent {
	padding: 0;
}

.headbanner2 ul{
	text-align:left;
	width:100%;	
}

.headbanner2 li{
display:inline-block;
width:48%;
vertical-align:middle;
}


.headbanner2 img{
	width:100%;
}


/*.headbanner li{
display:block;
flex-direction: column;
}

.headbanner img{
	width:100%;
	padding:2px;
	margin:2px;
}*/


/* 10-1-3 ドロップダウンメニュー */


/*.h-subMenu { width: 46px;
    float: right;}
.h-subMenu .sysHeadline{ line-height: 46px;}

.h-subMenu ul li a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid;
}*/
.h-subMenu { width: 46px;
    float: right;}
.h-subMenu .sysHeadline{ line-height:20px;}
.h-subMenu ul li a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid;
}


/* 12-2 Holizontal Item Block */
.sysContent .sysItemBlock .sysHorizontal {
    font-size: xx-small;
}

/* 13-1-5 メインメニュー*/
.h-mainMenu_s ul li { height: 40px;}
.h-mainMenu_s ul li.sysText a {
    font-size:small;
    padding: 15px 0;
}

.h-mainMenu ul li { height: 40px;}
.h-mainMenu ul li.sysText a {
    font-size:x-small;
    padding: 15px 0;
}


/* 13-2-2 Half Banner */
.p-banner ul {
    text-align: center;
    clear: both;
    margin-top: 2px;
	width:100%;
}
.p-banner li {
   width: 48%;
   margin: 5px 0 5px 0;
	vertical-align:middle;
}

.p-banner img {
	max-height:110px;
	min-height:110px;
	width:100%;
}

/* 13-2-4 News & SNS */
.p-news.p-sns,.p_sns_Instagram,.toposhirase { 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;
}

/*.トップスライダーここから*/
#slideShow{height: 130px;}
.top_slider{
	padding-top:0;
	margin:/*120px auto */0;
}
.owl-dots .owl-dot {
	top:0;
}
.owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;}

.owl-nav [class*=owl-] {
	margin-top: -25px;
	width: 15px !important;
	height: 28px !important;
}
.owl-nav .owl-prev{
	left:20%;
	background: url(/img/images/main/controls.png) no-repeat 0 0;
	background-size:30px !important;
}
.owl-nav .owl-next{
	right:20%;
	background: url(/img/images/main/controls.png) no-repeat -15px 0;
	background-size:30px !important;
}
.owl-nav .owl-prev:hover {
	background-position: 0 0;
}
.owl-nav .owl-next:hover {
	background-position: -15px 0;
}
/*.トップスライダーここまで*/



/* -----ランキング----- */


.ranking li {
	display: block;
	border-bottom: 1px #cccccc solid;
	height: 130px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.ranking img {
	width: 100px;
	height: auto;
	float: left;
	margin: 18px 10px 0 0 ;
}

.rank_item_name {
	font-weight: bold;
	padding-top: 40px;
}

.rank_text {
	padding: 5px 0 ;
	font-size: 0.9em;
}

.ranking a{
	display: block;
	text-decoration: none;
	color: #333333;
	width: 100%;
	height: 100%;
}

.rank1_box {
	background-color: #FFCC00;
	font-size:90%;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin-top: 10px;
	border-radius: 5px;
	position: absolute; left: 122px;	
	text-align: center;
}

.rank2_box {
	background-color: #B2B2B2;
	font-size:90%;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin-top: 10px;
	border-radius: 5px;
	position: absolute; left: 122px;	
	text-align: center;
}

.rank3_box {
	background-color: #D19507;
	font-size:90%;
	color: #FFFFFF;
	padding: 2px 5px 1px 5px;
	margin-top: 10px;
	border-radius: 5px;
	position: absolute; left: 122px;	
	text-align: center;
}

.rank4-5_box {
	background-color: #ffffff;
	font-size:90%;
	border: #8b7a61 1px solid;
	color: #8b7a61;
	padding: 2px 5px 1px 5px;
	margin-top: 10px;
	border-radius: 5px;
	position: absolute; left: 122px;	
	text-align: center;
}

/*PC表示時「サムネイル」
タブレット表示時「サムネイル」
スマホ表示時「リスト」にて表示させる方法をご案内*/
/*.sysItemList ul.sysThumbnail li{
        display: inline-block;
}*/

/*.sysItemList ul.sysThumbnail li{
    width: 50%;*/  /*お好みで調節してください*/
/*}*/



/*最新メルマガのスマホページ文字サイズ調整*/
.mailmag_box {
    font-size: 0.8em;
}


/*PC表示時「サムネイル」
タブレット表示時「サムネイル」
スマホ表示時「リスト」にて表示させる方法をご案内*/
.sysItemList ul.sysThumbnail li{
        display: inline-block;
}

.sysItemList ul.sysThumbnail li{
    width: 50%;  /*お好みで調節してください*/
}


.sysItemList ul.sysThumbnail .sysItemName{
	width:90%;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: vertical;
	-moz-boxbox-orient: vertical;
	-webkit-line-clamp: 3;
	-moz-box-line-clamp: 3;
}
.sysRetailPrice{
	font-size:medium;
}
.sysSuggestedRetailPrice{
	margin-top:10px;}
	

.sysContent .sysItemBlock .sysHorizontal li {
	width: 31%;
}	
	
	
	
	
/*ブランドから商品を探すバナー*/
.brandsearch{
	width:100%;
	padding:2px;
	border:#cecdc8 solid 1px;
}
.brandsearch img{
	width:48%;
	margin:2px;
	text-align:center;
}
	
	
	
	
	
/*フッター案内*/

.footer_annai_block {
	border-color:#ccc;
	line-height:1.5em;
	font-family:sans-serif;
	letter-spacing:normal
}

.footer_annai_block ul{
    clear: both;
    margin: 2px;

}

.footer_annai_block {
   width: 100%;
   margin: 5px;
}

/*----------------------------------------------------
	【ヘッダー】ドロワーメニュー .header_sp_top 
----------------------------------------------------*/
/*カゴ内pading設定消し()*/
.h_sp_top p {
     padding: 0 ; 
     line-height: 3em ; 
}

/*最上部高さ設定*/
.header_sp_top {
    height: 115px;
}

/*最上部高さ設定【買い物かご内】*/
.header_sp_top-cart {
    height: 60px;
}

/*固定ヘッダー*/
.h_sp_top {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
    height: auto;
    background-color: #FFFFFF;
    border-bottom: 1px #CCCCCC solid;
    z-index: 99999;
}

/*flexdのターゲットズレ調整（固定ヘッダーの高さを変更した場合はココも修正すること！）*/
#ranking {
	margin-top:-120px;
	padding-top:120px;
}

#search-category {
	margin-top:-120px;
	padding-top:120px;
}


/*ショップロゴサイズ*/
#shop-rogo_sp img {
    text-align: left;
    height: 55px;
    margin-top: 5px;
}


/*検索フォーム部分*/
.header_sp_top .sysItemSearchForm {
    display: table;
    width: 90%;
}

.header_sp_top .sysItemSearchFormWord {
    display: table-cell;
}

.header_sp_top .sysItemSearchFormWord input {
    height: 40px;
    border: 1px solid #bcb9a9;
    padding: 0 0 0 2px;
    /*margin: 6px;*/
}

.header_sp_top .sysSearchButton {
    padding-left: 0;
    width: 178% !important;


    height: 40px;
    font-weight: bold;
    color: #fff;
    border: none;
    background: #A96F49 /*#bf0000*/;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-size: medium;
}

/*ヘッダー最上部ボタン設定*/
.sp_h_contents_my-page {
    background: transparent url(https://www.shizenkan.net/img/images/navi/sp-menu_btn.png) no-repeat 0 0;
    background-size: 300px;
    display: block;
    position: absolute;
    top: 5px;
    right: 116px;
    width: 50px;
    height: 50px;
    background-position: -100px 0;
}

.sp_h_contents_cart {
    background: transparent url(https://www.shizenkan.net/img/images/navi/sp-menu_btn.png) no-repeat 0 0;
    background-size: 300px;
    display: block;
    position: absolute;
    top: 5px;
    right: 60px;
    width: 50px;
    height: 50px;
    background-position: -150px 0;
}



.sp_h_contents_back {
    background: transparent url(https://www.shizenkan.net/img/images/navi/sp-menu_btn.png) no-repeat 0 0;
    background-size: 300px;
    display: block;
    position: absolute;
    top: 5px;
    right: 60px;
    width: 50px;
    height: 50px;
    background-position: -250px 0;
}

.drawr-btn {
    background: transparent url(https://www.shizenkan.net/img/images/navi/sp-menu_btn.png) no-repeat 0 0;
    background-size: 300px;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 4px;
    cursor: pointer;
    z-index: 200;
}

.drawr-btn_cart {
    background: transparent url(https://www.shizenkan.net/img/images/navi/sp-menu_btn.png) no-repeat 0 0;
    background-size: 300px;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 4px;
    cursor: pointer;
    z-index: 200;
    background-position: -200px 0;
}


.peke {
    background-position: -50px 0;
}

	

/* メニュー内容部分設定 */

.drawr {
    display: none;
    background-color: #FFF;
    position: absolute;
    top: 0px;
    right:0;
	height: 100%;
	border-left: 2px #CCCCCC solid;
    /*width:80%;*/
    z-index: 100;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/*見出し*/


#drawr-menu h3 {
	background-color:#fff7eb;
	color:#74501F;
	line-height:3em;
	font-weight: bold !important;
}

.sp-rightnav-bnr {
	padding:5px;
}

h3.sp-rightnav-newmember {
    line-height: 2.5em;
	/*font-size: 1.5em;*/
	background-color:#d1ffc2 !important;
	border-bottom: 1px #CCCCCC solid;
}

h3.sp-rightnav-newmember:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f044';
	font-size: 1.5em;
	padding: 0 5px;
}

h3.sp-rightnav-mypage {
    line-height: 3em;
	background-color:#ffeb80 !important;
	border-bottom: 1px #CCCCCC solid;
}

h3.sp-rightnav-mypage a{
	text-decoration: none;
	display:block;
}

h3.sp-rightnav-mypage a:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f007';
	font-size: 1.5em;	
	padding: 0 5px;
}


h3.sp-rightnav-search:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f002';
	font-size: 1.5em;	
	padding: 0 5px;
}

h3.sp-rightnav-pre:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f06b';
	font-size: 1.5em;	
	padding: 0 5px;
}

h3.sp-rightnav-feature:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f005';
    font-size: 1.5em;
    padding: 0 5px;
	font-weight: normal ;
}

h3.sp-rightnav-shopmenu:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f1ad';
    font-size: 1.5em;
    padding: 0 5px;
	font-weight: normal;
}


/*通常リンク*/
.drawr-link {
	position:relative;
    line-height: 3em;
	font-weight: bolder;
}

.drawr-link img{
	height:80%;
}

li.drawr-link {
    border-bottom: 1px #CCCCCC solid;
}

/*.drawr-link li:last-child a {
	border-bottom: none;
}*/

.drawr-link a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f054';
    padding: 0 5px 0 10px;
	color: #ff6a1a;
}

#drawr-menu a {
    text-decoration: none !important;
    display: block;
    font-weight: bold;
}
	
	
#drawr-menu li {
    color: #74501F;
}



.sp-rightnav-top {
    position: relative;
    line-height: 45px;
    border-bottom: 2px #cccccc solid;
    padding-top: 5px;
}


.sp-rightnav-top a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f015';
    font-size: 1.5em;
    font-weight: bold;/*これを消すとフォントが消えるので消さない事*/
    padding: 0 5px 0 5px;
}

.sp-rightnav-back li {
	display:table-cell;
	vertical-align: middle;
	font-size: 2.5em;
}

.sp-rightnav-back a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f100';
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 5px 0 5px;
}

.h_sp_search {
    padding: 2px 5px 11px 5px !important;
}

/*カゴ内玄米酵素の文字色*/
.font-pink {
	color: #fe685e;
}

.font-green {
	color: #81a020;
}

/*アコーディオンメニュー*/

.sp_accordion {
}

.ac_sp_inner {
	display: none;
}

.sp_accordion p {
    cursor: pointer;
	font-weight: bold;
}

.sp_accordion p:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f078';
    padding: 0 5px 0 10px;
	color: #ff6a1a;
}


.ac_sp_content {
    border-bottom: 1px #CCCCCC dotted ;
    background-color: #fffafa;
	line-height: 3em;
}

.ac_sp_inner li:first-child {
    border-top: 1px #CCCCCC dotted ;
}
	
.ac_sp_content a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f054';
    padding: 0 5px 0 20px;
}

.sp_accordion .ac_sp_inner li:last-child{
    border-bottom: none !important;
}


/*----------------------------------------------------
	【ヘッダー】ナビ header_sp_nav
----------------------------------------------------*/
.header_sp-nav {
    width: 100%;
    height: 66px;
	margin-bottom: 10px;
}

.header_sp-nav .sysContent {
	padding: 0 !important;
}

.header_sp-nav ul {
    position: absolute;
    display: table;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    background: #fff8eb;
}

.header_sp-nav li {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #cccccc;
    width: 20%;
    height: inherit;
    margin: 0;
    text-align: center;
}

.header_sp-nav li:last-child {
    border: none;
}

/*----------------------------------------------------
	【ヘッダー】テキストバナー text-bnr
----------------------------------------------------*/
.text-bnr {
	text-align:center;
	font-weight:bold;
	line-height: 2em;
	
}

.text-bnr a {
	display:block;
	position: relative;
	text-decoration:none;
	color:inherit;
}

.text-bnr a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #666;
	border-right: solid 2px #666;
	-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


.text-bnr .sysContent {
	padding: 0 !important;
}

/*会員登録でポイントプレゼント*/
.new-member_bnr {
	background-color: #d1ffc2;
	font-size:small;
}


/*----------------------------------------------------
	【お知らせ】テキスト調整用 sp-oshirase-text
----------------------------------------------------*/

.sp-oshirase-text {
	font-size: 85%;
}


/*----------------------------------------------------
	アサイドのオススメ商品
----------------------------------------------------*/
.side_pickup img {
	width: 48%;
}

.side_pickup img:first-child {
	margin-right: 2%;
}

.side_pickup2 img {
	width: 48%;
}

.side_pickup2 img:first-child {
	margin-right: 2%;
}


/*----------------------------------------------------
	得市ページ 各カテゴリ
----------------------------------------------------*/
/*文字調整*/
.item-name,
.teika,
.kakaku {
	font-size: 80%;
}
#tokuiti_notice {
	font-size: 94%;
}

.tokuiti-category {
	height: auto;
	width: 100%;
	margin: 14px auto;
}

.tokuiti-category img {
	border:1px solid #CCC;
	width:100%;
}

.tokuiti-category a {
	display: block;
	color: #A96F49;
	text-decoration: underline;
}

.tokuiti-category a:hover {
	color: #F7550D;
	opacity: 0.25;  /* 要素を透明に*/
	background-color: #ffffff;
}

/*.tokuiti-category ul{
	width: 100%;
}*/

.tokuiti-category li{
	width:33%;
	padding: 0 4px;
	float: left;
	text-align: center;
	vertical-align:top;
}


/*----------------------------------------------------
	目的別で探す特集
----------------------------------------------------*/
.purpose_items {
	width: 100%;
}

/*----------------------------------------------------
ピックアップバナー
----------------------------------------------------*/
.pickup_osusume li {
	list-style: none;
    margin: 5px;
    width:100%;
    display: inline-block;
}
.pickup_osusume img {
	max-height:200px;
	width:100%;
}

/*----------------------------------------------------
検索
----------------------------------------------------*/
input[type=search] {
	font-size:medium;
}


/*----------------------------------------------------
	スライド下部分
----------------------------------------------------*/

.season-banner{
	display: inline-block;
}

.season-banner ul {
    text-align: center;
    clear: both;
    margin: 2px;
}
.season-banner li {
    width: 48%;
    float: left;
    margin: 2px;
    vertical-align: middle;
}

.sp_baner .sysContent {
    padding:0 !important;
}

/*----------------------------------------------------

	マイページ内
	
----------------------------------------------------*/

/*----------------------------------------------------
	マイページTOP
----------------------------------------------------*/

.sysMypageNav input { 
	width:98%;/*スマホ*/
   display: inline-block;
    font-size:medium;
	text-align:left;
	padding:10px;
	margin:10px;
	}
}
@media screen and (min-width:801px) and (max-width:800px){
/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/
/* スマホとタブレットは同じサイズになりました*/
/* div#sysMain,div#sysAside{ width: 100%; float: none;}　PCレイアウトを維持する場合は削除 */

/*.トップスライダーここから*/
#slideShow{height: 190px;}

.top_slider{
	padding-top:0;
}
/*.トップスライダーここまで*/



/*フォントサイズ*/
body {
font-family: "Arial", "メイリオ";
font-size:1.2em;
}

/* 20-1 Header */
.h-utilitybtn {
    margin:0 10px;
}
/* 20-1-3 ドロップダウンメニュー */
/*.h-subMenu ul li a {
    line-height: 40px;
    font-size: larger;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid;
}*/

/* 20-1-3 ドロップダウンメニュー */


.h-subMenu { width:10%;
    float: right;}
.h-subMenu .sysHeadline{ line-height:20px;}

.h-subMenu ul li a {
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid;
}

.spmenu{
	width:100%;
	max-width:50px;
}

.h-mainMenu{
	font-size:small;
}

.headbanner img{
	width:98%;
	height:50px;
	}


	

/* 23-3-3 Aside Banner */
.s-banner li {
    margin: 0 1%;
    width: 48%;
    float: left;
}
.s-banner {
    overflow: hidden;
}

/* 23-4-2 Page Top Btn */
.p-pagetop .btn { width: 50%;}



.sysContent .sysItemBlock .sysHorizontal li {
	width: 24%;
}



/* -----ランキング----- */
.ranking {
	float:left;
}

.ranking ul {
	width: 100%;
}

.ranking ul li {
}

.ranking a {
	font-size:90%;
	text-decoration:none;
	line-height:1.3em;
}
.ranking img {
	margin:0 0 5px 0;
}
.rank1 {
	width:32%;
	float:left;
}
.rank1 a img {
	width:100%;
	margin:0 0 5px 0;
}
.rank {
    width: 30%;
	height: 150px;
    margin: 0 0 10px 4%;
    float: left;
}

.rank_text {
	font-size:0.8em;
}


.rank_item_name {
	font-weight: bold;
	margin-bottom: 2px;
}


.rank a img {
	width:48%;
	float:left;
	margin:0 5px 0 0;
}

.rank1_box {
	background-color: #e8e5c9;
	text-align: center;
	font-weight: bold;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}

.rank2_box {
	background-color: #e1e1e1;
	text-align: center;
	font-weight: bold;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}

.rank3_box {
	background-color: #ead0c7;
	text-align: center;
	font-weight: bold;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}

.rank4-5_box {
	background-color: #ffffff;
	text-align: center;
	font-weight: bold;
	border: #8b7a61 1px solid;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}


/*PC表示時「サムネイル」
タブレット表示時「サムネイル」
スマホ表示時「リスト」にて表示させる方法をご案内*/
.sysItemList ul.sysThumbnail li {
display: inline-block; 

}



/*ブランドから商品を探す*/
.brandsearch{
	width:100%;
	padding:2px;
	border:border:#cecdc8 solid 1px;
}
.brandsearch img{
	width:31%;
	margin:2px;
	text-align:center;
}	



/*フッター案内*/
/* 13-2-5 ShopInformation */
.shopinfo-inner {
    display: inline-block;
    width:80%;

}

.footer_annai_block {
	border-color:#ccc;
	line-height:1.5em;
	font-family:sans-serif;
	letter-spacing:normal
}
.footer_annai_block ul{
    clear: both;
    margin: 2px;

}

.footer_annai_block {
   width: 45%;
   margin: 5px;
}


/*----------------------------------------------------
	目的別で探す特集調整
----------------------------------------------------*/
.purpose_items {
	width: 48%;
}


/*----------------------------------------------------
	セールバナー設定（バナー2個）
----------------------------------------------------*/

.sale-banner li:first-child {
	margin-right: 1%;
}

.sale-banner li {
	width: 49.5%;
}


/*----------------------------------------------------
ピックアップバナー
----------------------------------------------------*/
.pickup_osusume li {
	list-style: none;
    margin: 5px;
    width:100%;
    display: inline-block;
}
.pickup_osusume img {
	max-height:200px;
	width:100%;
}


/*----------------------------------------------------
	スライド下部分
----------------------------------------------------*/
div.sysFuncBanner.season-banner {
    margin: 10px 0;
}

.season-banner ul {
    text-align: center;
    clear: both;
    margin: 2px;
}

.season-banner li {
    margin: 2px;
    width: 32%;
    display: inline-block;
}

.season-banner li:last-child {
    display: none;
}




/*----------------------------------------------------
	アサイドのオススメ商品
----------------------------------------------------*/
.side_pickup img {
	width: 48%;
}

.side_pickup img:first-child {
	margin-right: 2%;
}

.side_pickup2 img {
	width: 48%;
}

.side_pickup2 img:first-child {
	margin-right: 2%;
}

/*----------------------------------------------------
	インプット全体設定
----------------------------------------------------*/
input{    padding: 10px 5px !important;
    line-height: 2;
	}

/*----------------------------------------------------
	得市
----------------------------------------------------*/

.tokuiti-category {
	height: auto;
	width: 100%;
	margin: 14px auto;
}

.tokuiti-category img {
	border:1px solid #CCC;
	width:100%;
}

.tokuiti-category a {
	display: block;
	color: #A96F49;
	text-decoration: underline;
}

.tokuiti-category a:hover {
	color: #F7550D;
	opacity: 0.25;  /* 要素を透明に*/
	background-color: #ffffff;
}

/*.tokuiti-category ul{
	width: 100%;
}*/

.tokuiti-category li{
	width:24%;
	padding: 0 3px;
	float: left;
	text-align: center;
	vertical-align:top;
}


/*----------------------------------------------------
	コピー【ヘッダー】ナビ header_sp_nav
----------------------------------------------------*/
.header_sp-nav {
    width: 100%;
    height: 66px;
	margin-bottom: 10px;
}

.header_sp-nav .sysContent {
	padding: 0 !important;
}

.header_sp-nav ul {
    position: absolute;
    display: table;
    border-top: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    background: #fff8eb;
}

.header_sp-nav li {
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #cccccc;
    width: 20%;
    height: inherit;
    margin: 0;
    text-align: center;
}

.header_sp-nav li:last-child {
    border: none;
}
}
@media screen and (min-width:801px){
/* 30-0 Only PC 
 *----------------------------------------------------------------------*/

div#sysMain { width :75%;}
div#sysAside { width :25%;}

/* 30-1 Header */
.h-siteinfo {
    width: 70%;
    float: right;
}
.h-siteinfo { text-align: left;}




/* 30-1-3 ドロップダウンメニュー */
/*.h-subMenu{
	width:100%;
	float:none;
	text-align:center;}
.h-subMenu ul li {border-right:#000 solid 1px;
margin:10px;
padding:10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.h-subMenu ul li:last-child { border-right: 0;}
.h-subMenu > .sysContent {  display: block!important;}
.h-subMenu > .sysHeadline { display: none;}
.h-subMenu .sysAccordionInitialHide {
    position: static;
margin: 0px auto;
}
.h-subMenu ul {
    display: table;
    width: 100%;
}
.h-subMenu ul li {
    display: table-cell;
    width: auto!important;
    float: none;
}
.h-mainMenu {
    width: 100%;
    margin-top: 10px;
}
.h-search {
    width: 30%;
    float: left;
    margin-top: 10px;
}*/
/* 32-9 トグル機能アニメーション */
.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;
}

.headbanner img{
	width:98%;
	height:70px;
	}

/* 34-4-1 Footer Site Map */
.f-sitemap {
    width: 95%;
    margin: 0 auto;
}
/* 34-4-2 Page Top Btn */
.p-pagetop .sysContent {
    overflow: hidden;
    padding: 0 5px 5px;
}
.p-pagetop .btn {
    float: right;
    margin: 0 2% 0 0;
    padding: 10px 20px;
}


/* -----カテゴリサムネイル幅調整----- */

/*PC表示時「サムネイル」
タブレット表示時「サムネイル」
スマホ表示時「リスト」にて表示させる方法をご案内*/
.sysItemList ul.sysThumbnail li {
display: inline-block; 

}

.sysItemList ul.sysThumbnail li {
	width:25%;
}


/* -----ランキング----- */
.ranking {
	float:left;
	line-height:1.3em;
}

.ranking ul {
	width: 100%;
}

.ranking ul li {
}

.ranking a {
	display: block;
	text-decoration:none;
	width: 100%;
	height: 100%;
}

.ranking img {
	margin:0 0 5px 0;
}
.rank1 {
	width:26%;
	float:left;
}
.rank1 img {
	width:100%;
	margin:0 0 5px 0;
}
.rank {
    width: 34%;
	height: 150px;
    margin: 0 0 10px 3%;
    float: left;
}

.rank_text {
	font-size:0.8em;
}

.rank_item_name {
	font-weight: bold;
	margin-bottom: 2px;
}


.rank img {
	width:48%;
	float:left;
	margin:0 5px 0 0;
}

.rank1_box {
	background-color: #e8e5c9;
	text-align: center;
	font-weight: bold;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}

.rank2_box {
	background-color: #e1e1e1;
	text-align: center;
	font-weight: bold;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}

.rank3_box {
	background-color: #ead0c7;
	text-align: center;
	font-weight: bold;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}

.rank4-5_box {
	background-color: #ffffff;
	text-align: center;
	font-weight: bold;
	border: #8b7a61 1px solid;
	color: #8b7a61;
	padding: 2px 0;
	margin-bottom: 5px;
}

/* 30-0 Only PC 
  *----------------------------------------------------------------------*/
  div#sysMain { width :75%;}
  div#sysAside { width :25%;}
/* 30-1 Header */
  .h-siteinfo,
  .h-subMenu {
  width: 70%;
  float: right;
  }
  .h-siteinfo { text-align: left;}


/* 30-1-3 ドロップダウンメニュー */
.h-subMenu{
	width:100%;
	float:none;
}

.h-subMenu ul li {border-right:#000 solid 1px;
    margin: 0 auto;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

  .h-subMenu ul li:last-child { 

/*    font-weight:bold; */ 
 　border-right: 0;
    background: #ff725b; 
    border-bottom: solid 1px #993300;
    border-right: solid 1px #993300; 
	border-left:solid 1px #fff;

 }
.h-subMenu ul li:last-child a{ 
	color:#FFFFFF;
   }
   
  .h-subMenu > .sysContent {  display: block!important;}
  .h-subMenu > .sysHeadline { display: none;}
  .h-subMenu .sysAccordionInitialHide {
  position: static;
  }
  .h-subMenu ul {
  display: table;
  width: 100%;
  }
  .h-subMenu ul li {
  display: table-cell;
  width: auto!important;
  float: none;
  text-align:center;
  }
.h-mainMenu {
    width: 100%;

}

.h-search {
  width: 30%;
  float: left;
  margin-top: 10px;
  }

.sysContent .sysItemBlock .sysHorizontal li {
	width: 24%;
}

  
  
  /* 32-9 トグル機能アニメーション */
  .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 {
  width: 95%;
  margin: 0 auto;
  }
  /* 34-4-2 Page Top Btn */
  .p-pagetop .sysContent {
  overflow: hidden;
  padding: 0 5px 5px;
  }
  .p-pagetop .btn {
  float: right;
  margin: 0 2% 0 0;
  padding: 10px 20px;
  }

/* -----カテゴリサムネイル幅調整----- */
.sysItemList ul.sysThumbnail li {
  width:25%;
  }

/*----------------------------------------------------
	ランキング
----------------------------------------------------*/
  .ranking {
  float:left;
  line-height:1.3em;
  }
.ranking ul {
  width: 100%;
  }
.ranking ul li {
  }
.ranking a {
  display: block;
  text-decoration:none;
  width: 100%;
  height: 100%;
  }
.ranking img {
  margin:0 0 5px 0;
  }
  .rank1 {
  width:26%;
  float:left;
  }
  .rank1 img {
  width:100%;
  margin:0 0 5px 0;
  }
  .rank {
  width: 34%;
  height: 150px;
  margin: 0 0 10px 3%;
  float: left;
  }
.rank_item_name {
  font-weight: bold;
  margin-bottom: 2px;
  }

.rank img {
  width:48%;
  float:left;
  margin:0 5px 0 0;
  }
.rank1_box {
  background-color: #e8e5c9;
  text-align: center;
  font-weight: bold;
  color: #8b7a61;
  padding: 2px 0;
  margin-bottom: 5px;
  }
.rank2_box {
  background-color: #e1e1e1;
  text-align: center;
  font-weight: bold;
  color: #8b7a61;
  padding: 2px 0;
  margin-bottom: 5px;
  }
.rank3_box {
  background-color: #ead0c7;
  text-align: center;
  font-weight: bold;
  color: #8b7a61;
  padding: 2px 0;
  margin-bottom: 5px;
  }
.rank4-5_box {
  background-color: #ffffff;
  text-align: center;
  font-weight: bold;
  border: #8b7a61 1px solid;
  color: #8b7a61;
  padding: 2px 0;
  margin-bottom: 5px;
  }


/*----------------------------------------------------
	目的別で探す特集調整
----------------------------------------------------*/
.purpose_items {
	width: 48%;
}



/*----------------------------------------------------
	セールバナー設定（バナー2個）
----------------------------------------------------*/

.sale-banner li:first-child {
	margin-right: 1%;
}

.sale-banner li {
	width: 49.5%;
}


/*----------------------------------------------------
	スライド下部分
----------------------------------------------------*/

div.sysFuncBanner.season-banner {
    margin: 10px 0;
}


.season-banner ul {
    text-align: center;
    clear: both;
    margin: 2px;
}

.season-banner li {
    margin: 2px;
    width: 32%;
    display: inline-block;
}

.season-banner li:last-child {
    display: none;
}

/*----------------------------------------------------
	アサイドのオススメ商品
----------------------------------------------------*/
.side_pickup img {
	width: 100%;
}

.side_pickup2 img {
	width: 100%;
}

/*----------------------------------------------------
	インプット全体設定
----------------------------------------------------*/
input{    padding: 10px 5px !important;
    line-height: 2;
	}
	
/*----------------------------------------------------	
	【テスト】ヘッダードロップダウンメニュー（カテゴリから探す）	
----------------------------------------------------*/
#h_pc_dropmenu {
	list-style-type: none;
	width: 960px;
	margin: 30px auto 500px;
	padding: 0;
}
#h_pc_dropmenu li {
	position: relative;
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#h_pc_dropmenu li a {
  display: block;
  margin: 0;
  padding: 16px 0;
  background: #8a9b0f;





  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#h_pc_dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#h_pc_dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
#h_pc_dropmenu li ul li a {
	padding: 13px 15px;
	background: #7c8c0e;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
}
#h_pc_dropmenu > li:hover > a {  background: #7c8c0e }
#h_pc_dropmenu > li:hover li:hover > a {  background: #6e7c0c }
#h_pc_dropmenu > li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#h_pc_dropmenu li ul li ul {
	top: 0;
	left: 100%;
}
#h_pc_dropmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}
#h_pc_dropmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #454e08;
}
#h_pc_dropmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #454e08;
}
#h_pc_dropmenu li ul li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#h_pc_dropmenu li ul li ul li a {  background: #616d0b }
#h_pc_dropmenu li:hover ul li ul li a:hover {  background: #535d09 }

/*メガドロップダウンメニュー*/
.menu {
	position: relative;
}

.menu a {
	height: 100%;
	width: 100%;
}

.header_pc-nav .sysContent {
	padding: 0 !important ;
}

.h_sp_g_nav {
    position: relative;
    padding-top: 5px;
}

.h_sp_g_nav > ul {
    display: flex;
    width: 100%;
    margin: 0 auto;
    list-style: none;
    border: 1px #ccc solid;
}

.h_sp_g_nav > ul > li {
    width: 100%;
    padding: 10px;
    background: #fff7eb;
    color: #74501F;
    text-align: center;
    border-right: 1px #ccc solid;
}

.h_sp_g_nav > ul > li:last-child {
	border: none;
}

.mdd_wrap {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
}
.mdd_wrap .mdd_inner {
    display: none;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    background: #FFF;
    border: 1px #ccc solid;
}

/*下位カテゴリ設定*/
.kaicat-box ul{
	display: none;
}

.kaicat-box:hover ul{
	display: block;
	position: absolute;
	width: 300%;
	top: -1px;
	left: 100%;
	background-color: #FFF;
	border: 1px #CCC solid;
}


/*----------------------------------------------------
	得市
----------------------------------------------------*/

.tokuiti-category {
	height: auto;
	width: 100%;
	margin: 14px auto;
}

.tokuiti-category img {
	border:1px solid #CCC;
	width:100%;
}

.tokuiti-category a {
	display: block;
	color: #A96F49;
	text-decoration: underline;
}

.tokuiti-category a:hover {
	color: #F7550D;
	opacity: 0.25;  /* 要素を透明に*/
	background-color: #ffffff;
}

/*.tokuiti-category ul{
	width: 100%;
}*/

.tokuiti-category li{
	width:24%;
	padding: 0 3px;
	float: left;
	text-align: center;
	vertical-align:top;
}
}
/* #END_OF_RESOURCE_FILE */