/* テキストや背景の色などを変えられます。
---------------------------------------------------- */
/*全体の背景色を変更します*/
body { 
background-color: #FFF !important;
}


/*ヘッダーナビゲーションの文字色を変更します*/
#headermenu h1{
color:#333 !important;
}

/*トップページ、ランキングなど商品ブロックのリンクの基本設定を変更します。*/
.sysItemName a{
text-decoration: none;
}
.sysItemName a:hover{
color:#999;
text-decoration: underline;
}
.tex_hid {
	display:none;	
}

/*追加 */


#haisou{
	margin: 25px 0 0 30px;
}

#haisou p{ 
	line-heigt: 1.5;
	margin-bottom: 8px;
	font-size: 14px;
}

#haisou a{
	text-decoration: underline;
        color: #000080;
}

/*レビューを消す*/
.sysItemReviewLink {
display: none;
}


/*ツイッターバナー*/
.asideMediaInfo {
	margin-bottom: 30px;
	text-align:center;
}

/*メインボックスリンク色指定*/

#sysMain a{
	color:#000;
}

#sysMain a:link{
	color:#000;
}

#sysMain a:hover{
	color:#000;
	text-decoration:underline;
}

/*ＴＯＰページバナー*/


#index .top-bnr{
	width:100%;
}

#index .top-bnr p{
	width:49%;
	margin:20px 0 20px;
}

#index .bnr-carre{
	width: 100%;
	margin:20px 0 0px;
}

#index .top-bnr .left{
	float:left;
　　    margin:20px 0 0px;
}

#index .top-bnr .right{
	float:right;
　　    margin:20px 0 0px;
}

#index .bnr-02{
	width: 100%;
	margin:20px 0 0px;
}

/*アサイド　カテゴリー*/
#sidebar {
	width:235px;
	clear:both;
	border:#c7c7c7 1px solid;
	margin-bottom:25px;
}

#sidebar .cateBtn img{
	width:100%;
	height:auto;
	display:block;
}

#sidebar .cateBtn dt{
	padding-bottom:8px;
}

#sidebar .cateBtn dd{
	font-size:14px;
	margin:0 10px 5px;
}

#sidebar .cateBtn .c-tam-appetizer{
	background:url(../img/gemmy-foods/aside/c-tam-appetizer.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-tam-charcuterie{
	background:url(../img/gemmy-foods/aside/c-tam-charcuterie.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-tam-dessert{
	background:url(../img/gemmy-foods/aside/c-tam-dessert.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-slicer{
	background:url(../img/gemmy-foods/aside/c-mdt-slicer.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-snack{
	background:url(../img/gemmy-foods/aside/c-mdt-snack.jpeg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-chocolate{
	background:url(../img/gemmy-foods/aside/c-mdt-chocolate.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-solt{
	background:url(../img/gemmy-foods/aside/c-mdt-solt.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-pasta{
	background:url(../img/gemmy-foods/aside/c-mdt-pasta.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-oliveoil{
	background:url(../img/gemmy-foods/aside/c-mdt-oliveoil.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-balsamic{
	background:url(../img/gemmy-foods/aside/c-mdt-balsamic.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-butter{
	background:url(../img/gemmy-foods/aside/c-mdt-butter.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-cheese{
	background:url(../img/gemmy-foods/aside/c-mdt-cheese.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-sauce{
	background:url(../img/gemmy-foods/aside/c-mdt-sauce.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-honey{
	background:url(../img/gemmy-foods/aside/c-mdt-honey.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-mustard{
	background:url(../img/gemmy-foods/aside/c-mdt-mustard.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-mayonnaise1{
	background:url(../img/gemmy-foods/aside/c-mdt-mayonnaise1.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-risotto{
	background:url(../img/gemmy-foods/aside/c-mdt-risotto.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-mdt-set1{
	background:url(../img/gemmy-foods/aside/c-mdt-set1.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-lia-side{
	background:url(../img/gemmy-foods/aside/c-lia-side.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-sds-cheese{
	background:url(../img/gemmy-foods/aside/c-sds-cheese.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-alr-side{
	background:url(../img/gemmy-foods/aside/c-arl-side.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-sds-risotto{
	background:url(../img/gemmy-foods/aside/c-sds-risotto.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-ba-side{
	background:url(../img/gemmy-foods/aside/c-ba02.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-ba-side2{
	background:url(../img/gemmy-foods/aside/c-ba04.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-la-side{
	background:url(../img/gemmy-foods/aside/c-la07.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-la-side2{
	background:url(../img/gemmy-foods/aside/c-la09.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-pf-juice25cl{
	background:url(../img/gemmy-foods/aside/c-pf-juice25cl.jpg) no-repeat top left;
}
#sidebar .cateBtn .c-pf-nector25cl{
	background:url(../img/gemmy-foods/aside/c-pf-nector25cl.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-pf-nector25cl_set{
	background:url(../img/gemmy-foods/aside/c-pf-nector25cl_set.jpg) no-repeat top left;
}

#sidebar .cateBtn .c-sdgs-sale{
	background:url(../img/gemmy-foods/aside/c-sdgs-02.png) no-repeat top left;
}

#sidebar .cateBtn dd a{
	background:url(../img/gemmy-foods/aside/cate-bk.gif) repeat-x bottom left;
	display:block;
	padding-left:45px;
	padding-bottom:15px;
	padding-top:6px;
}

#sidebar .cateBtn .bonone{
	margin-bottom:0;
}

#sidebar .cateBtn .bonone a{
	background:none;
}

#sidebar .cateBtn dd a:hover{
	text-decoration:underline;
	margin-bottom:0;
}

#sysAside .sysContent h2{
	text-align:right;
	width:100%;
	background: url(../img/gemmy-foods/aside/brand-titbk.gif) no-repeat left bottom;
	font-size:12px;
	min-height:50px;
	padding-top:25px;
}

#archive {
  margin-top: 10px;
}

#archive li{
  margin-left: 0px;
  font-size: 13px;
  line-height: 2;
  vertical-align: middle;

}


/*【ＴＯＰ】カレンダー*/

.wf-cal {
	font-size:75%;
}

.wf-cal table{
	background:#CCC;
	color:#4d4d4d;
	width:100%;

	margin-bottom:10px;
}


.wf-cal td{
	text-align:center;
	width:14%;
	background:#FFF;
	padding:4px 0;
}

.wf-cal .month{
	background:#f0f0f0;
}

.wf-cal .yasumi{
	background:#fc9;
}

.next{
	color:#dedede;
}

/*【ＴＯＰ】ニュース*/

#index .indexNews .tit-box {
	background:url(../img/gemmy-foods/index/tit-news.png) no-repeat bottom left;
	padding-left: 120px;

}


#index .indexNews dl{
	margin:25px 15px 0;
} 

#index .indexNews dt{
	display: table-cell;  
} 

#index .indexNews dt img{
	padding-left:10px;
	vertical-align: middle;
	padding-bottom:3px;

}

#index .indexNews dd {
	margin: 10px 0 20px;
	background: url(../img/gemmy-foods/aside/cate-bk.gif) repeat-x scroll left bottom;
	padding-bottom: 20px;
}

#index .indexNews .btn{
	display:table;
	text-align:right;
	font-size:14px;
	margin-bottom:20px;
}

#index .indexNews .btn a {
    color: #E86721;
	text-decoration:underline;
}


#index .indexNews .btn a:link {
    color: #E86721;
	text-decoration:underline;
}

#index .indexNews .btn a:hover {
    color: #E86721;
	text-decoration:underline;
}

/*商品詳細*/

#sysMain .sysThumbnailImage{
	float:left;
	width:355px;
}


#sysItemDetail #sysMain .sysThumbnailImage img{
	width:100%;
}

/*2021.07.01追加：商品画像を表示させる
ここから↓*/

#sysMain .sysItemImages{
	float:left;
	width:355px;
      margin-top:18px;

}


#sysItemDetail #sysMain .sysItemImages img{
	width:100%;
}
/*2021.07.01追加：商品画像を表示させる
ここまで↑*/


#sysMain .sysFuncItemBlock{
	clear:both;
}

#sysItemDetail #sysMain .food-info{
	width:100%;
	font-size:12px;
	clear:both;
	margin-left:9px;
}

#sysItemDetail #sysMain .food-info table{
	width:97%;
	border-top:1px solid #bebebe;
	border-right:1px solid #bebebe;
}

#sysItemDetail #sysMain .food-info table td{
	padding:7px 0;
	border-left:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}

#sysItemDetail #sysMain .food-info table .t1{
	width:30%;
	text-align:center;
	background:#f3f3f3;
}

#sysItemDetail #sysMain .food-info table .t2{
	width:70%;
	text-align:left;
	padding:0 7px;
}

#sysItemDetail #sysMain .food-info table .icon{
	padding-right:5px;
}


#sysItemDetail #sysMain .food-info .materials{
	width:70%;
	font-size:11px;
	text-align:left;
}

#sysItemDetail .sysPr{
	text-align:right;
	padding-right:10px;
}

#sysItemDetail .sysItemPr{
	font-size:18px;
	font-weight:bold;
	color:#ae0011;
}


/*商品詳細---ラッピング*/

.rapping{
	width:100％;
}

.rapping .sysContent{
	clear:both;
	margin-top:20px;
}

.rapping h3{
	border-bottom:#000 2px solid;
	padding-bottom:5px;
}

.rap-tx{
	background:url(../img/gemmy-foods/item-detail/wrapping-pc4.jpg) no-repeat top left;
	min-height:405px;
	padding:50px 10px 20px 257px;
}

.rapping .rap-tx span{
	color:#af0000;
}

.rapping .rap-tx .tyi{
	display:block;
	margin-top:0px;
}

.rapping .option{
	font-size:16px;
}

.rapping .noshi{
	float:right;
	width:330px;
	font-size:16px;
}

.rapping .service{
	margin-top:20px;
}

.rapping .ser-box{
	float:left;
	width:400px;
	padding:0 0 0 10px;
}

.rapping .service:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.rapping .service-tx{
	padding:5px 0 7px 0;
	font-size:12px;
}

.rapping .nohin{
	clear:both;
	font-size:16px;
	padding-top:30px;
}

.rapping .service-tx span{
	color:#af0000;
}

.rapping .option img{
	width:180px;
}

.rapping .option dl{
	float:left;
	width:180px;
	padding-right:20px;
	font-size:12px;
}

.rapping  a{
	display:block;
	padding-bottom:5px;
	text-decoration:underline;
}

.rapping  a:link{
	text-decoration:underline;
}

.rapping .noshi dl{
	float:left;
	text-align:center;
	margin-bottom:10px;
	font-size:12px;
}

.rapping .noshi p{
	font-size:12px;
}

.rapping .noshi .pdl{
	padding-left:18px;
	margin-bottom:20px;
}

.rapping .noshi .kohaku{
	margin-bottom:10px;
	clear:both;
}

.rapping .yoto{
	display:block;
	padding:5px;
	background-color:#f0f0f0;
	margin-top:5px;
}


/*ブランド*/

#brand .brand .tit-box {
	background:url(../img/brand/tit-brand-intro.gif) no-repeat 0 70%;
	padding-left: 250px;
	border-top: 1px solid #d0d0d0;
}

#brand .brand02 .tit-box {
	background:url(../img/brand/tit-brand-intro.gif) no-repeat 0 70%;
	padding-left: 250px;
	border-top: 1px solid #d0d0d0;
}

#brand .brand img{
	max-width:100%;
}

#brand .brand .tit-box h2 {
    min-height: 32px;
    margin: 30px 0px 10px;
	font-size:12px;
}

#brand .brand02 .tit-box h2 {
    min-height: 32px;
    margin: 30px 0px 10px;
	font-size:12px;
}

#brand .brand h3{
	font-size:20px;
	border-top:3px solid #000;
	padding-top:25px;
	font-weight:normal;
	margin-bottom:25px;
	letter-spacing:-1px;
}

#brand .brand02 h3{
	font-size:20px;
	border-top:3px solid #000;
	padding-top:25px;
	font-weight:normal;
	margin-bottom:25px;
	letter-spacing:-1px;
}

#brand .brand .italy{
	/*background:url(../img/brand/icon-itary.gif) no-repeat bottom right;*/
}

#brand .brand02 .italy{
	/*background:url(../img/brand/icon-itary.gif) no-repeat bottom right;*/
}

#brand .brand .france{
	/*background:url(../img/brand/icon-france.gif) no-repeat bottom right;*/
	margin-top:50px;
}

#brand .brand02 .france{
	/*background:url(../img/brand/icon-france.gif) no-repeat bottom right;*/
	margin-top:50px;
}

#brand .brand .greece{
	/*background:url(../img/brand/icon-greece.gif) no-repeat bottom right;*/
}

#brand .brand02 .greece{
	/*background:url(../img/brand/icon-greece.gif) no-repeat bottom right;*/
}

#brand .brand h3 span{
	font-size:16px;
	padding-left:10px;
	letter-spacing:1px;
}

#brand .brand02 h3 span{
	font-size:16px;
	padding-left:10px;
	letter-spacing:1px;
}

#brand .brand .tx{
	float:left;
	margin-top:20px;
}

#brand .brand02 .tx{
	float:left;
	margin-top:20px;
}

#brand .brand .mdt{
	width:40%;
}

#brand .brand02 .mdt{
	width:40%;
}

#brand .brand .sds{
	width:48%;	
}

#brand .brand02 .sds{
	width:48%;	
}

#brand .brand .font{
	width:63%;	
}

#brand .brand02 .font{
	width:63%;	
}

#brand .brand .ard{
	width:48%;	
}

#brand .brand02 .ard{
	width:48%;	
}

#brand .brand .photo{
	float:right;
	margin-top:20px;
}

#brand .brand02 .photo{
	float:right;
	margin-top:20px;
}

#brand .brand .mdt-p{
	width:58%;
}

#brand .brand02 .mdt-p{
	width:58%;
}

#brand .brand .sds-p{
	width:45%;
	margin-right:5%;
}

#brand .brand02 .sds-p{
	width:45%;
	margin-right:5%;
}

#brand .brand .font-p{
	width:35%;
        margin-bottom:15px;
}

#brand .brand02 .font-p{
	width:35%;
        margin-bottom:15px;
}

#brand .brand .ard-p{
	width:45%;
	margin-right:5%;
}

#brand .brand02 .ard-p{
	width:45%;
	margin-right:5%;
}

#brand .brand .tx dt{
	font-size:20px;
	line-height:150%;
	margin-bottom:15px;
	font-weight:bold;
}

#brand .brand02 .tx dt{
	font-size:20px;
	line-height:150%;
	margin-bottom:15px;
	font-weight:bold;
}

#brand .brand .tx dd{
	padding-bottom:15px;

}

#brand .brand .mdtimg{
	clear:both;
	margin:20px 0 30px;
}

#brand .brand02 .mdtimg{
	clear:both;
	margin:20px 0 30px;
}

#brand .brand .btn{
	display:table;
	text-align:right;
	font-size:14px;
	margin-bottom:20px;
	width:97%;
}

#brand .brand02 .btn{
	display:table;
	text-align:right;
	font-size:14px;
	margin-bottom:20px;
	width:97%;
}

#brand .brand .btn a {
    color: #E86721;
	text-decoration:underline;
}

#brand .brand02 .btn a {
    color: #E86721;
	text-decoration:underline;
}


#brand .brand .btn a:link {
    color: #E86721;
	text-decoration:underline;
}

#brand .brand02 .btn a:link {
    color: #E86721;
	text-decoration:underline;
}

#brand .brand .btn a:hover {
    color: #E86721;
	text-decoration:underline;
}

#brand .brand02 .btn a:hover {
    color: #E86721;
	text-decoration:underline;
}

#brand dd {
margin-bottom:15px;
}

/* ブランド紹介ページ　リンクボタン 　*/
#brand .brand02 .link-btn {
  background: black; /* 背景色 */
  color: #fff!important; /* 文字色 */
  padding: 12px 20px; /* 上下の余白、左右の余白 */
  text-decoration: none !important; /* デフォルトで入るリンクの下線を消す */
  border-radius: 5px; /* 角を丸くする */
  font-weight: bold;
  font-size: 13px;
}

#brand .brand02 .link-btn:hover {
  background: #b69957 !important;/* 背景色 */
  text-decoration: none !important;
}

#brand .brand02 .link-btn2 {
  background: black; /* 背景色 */
  color: #fff!important; /* 文字色 */
  padding: 12px 40px; /* 上下の余白、左右の余白 */
  text-decoration: none !important; /* デフォルトで入るリンクの下線を消す */
  border-radius: 5px; /* 角を丸くする */
  font-weight: bold;
  font-size: 13px;
}

#brand .brand02 .link-btn2:hover {
  background: #b69957 !important;/* 背景色 */
  text-decoration: none !important;
}

#brand .brand02 .link-wrap{
text-align: right;
margin-bottom:30px !important;
}



/*カテゴリーページ*/

#sysItemCategory #sysMain .sysThumbnailImage img{
	width:170px;
}

/*2021.07.01追加：商品画像を表示させる
ここから↓*/

#sysItemCategory #sysMain .sysItemImages img{
	width:170px;
}

/*2021.07.01追加：商品画像を表示させる
ここまで↑*/


/*会員登録（PCとTABのみ）*/

.member-new {
	width:100％;
	text-align:center;
}

.member-new ul{
	text-align:left;
	margin-top:10px;
	background:url(../img/gemmy-foods/member-new/nyukai-kanban-pc.gif) no-repeat top center;
	padding-top:142px;
	background-size:100%;
}

.member-new li{
	padding-left:30px;
	margin-bottom:8px;
	margin-left:30px;
}

.member-new .no1{
	background:url(../img/gemmy-foods/member-new/nyukai-icon1.gif) no-repeat top left;
}

.member-new .no2{
	background:url(../img/gemmy-foods/member-new/nyukai-icon2.gif) no-repeat top left;
}

.member-new .no3{
	background:url(../img/gemmy-foods/member-new/nyukai-icon3.gif) no-repeat top left;
}


/*会員登録（PCとTABのみ）キャンペーンバナー*/
.member .sysContent img{
	margin-bottom:15px;
	display:block;
}


/*お買いものガイド*/

.first h2{
	border-top: 1px solid #d0d0d0;
	text-align: left;
	width: 100%;
	padding: 15px 0 15px;
}

.first h3{
	margin-bottom:10px;
	padding:0.4em 0 0.4em 10px;
	font-weight:bold;
	background-color:#ededed;
}

.first .credit{
	padding:5px 0;
}

.first dl{
	margin-bottom:10px;
}

.first dt{
	font-weight:bold;
	margin-bottom:5px;
}

.first dd{
	padding-bottom:15px;
}

.first table{
	margin-top:10px;
	border-top:1px solid #bebebe;
	border-left:1px solid #bebebe;
}

.first th{
	text-align:center;
	padding:3px;
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
	background-color:#ededed;
}

.first td{
	text-align:center;
	padding:3px;
	border-bottom:1px solid #bebebe;
	border-right:1px solid #bebebe;
}

.first .tx-shopping{
	padding-bottom:20px;
}

.first .kyotyo{
	font-size:14px;
	display:block;
	padding:3px 0;
	color:#980000;
	font-weight:bold;
}

.first .red{
	color:#980000;
}



/*イベント＆催事情報*/
#event {
	width:740px;
	margin:0 auto;
	color:#343434;
}

#event .cf:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#event .event-info a,#event .bun a{
	text-decoration:underline;
	display:block;
}

#event .tit-box{
	background: url(../img/event/tit-event.gif) no-repeat bottom left ;
	padding-left: 266px;
	margin-bottom:30px;
	padding-top:25px;
	border-top:1px solid #d0d0d0;	
}

#event .tit-box h2{
	font-size:12px;
	padding-bottom:3px;
}

#event h3{
	background-color:#eeeeee;
	border-left:4px solid #6e6e6e;
	padding:10px 15px;
	font-size:18px;
	line-height:140%;
	color:#343434;
	margin-bottom:15px;
}

#event .date{
	color:#797979;
	font-size:12px;
	letter-spacing:2px;
	font-size:11px;
	margin-top:30px;
	display:block;
}


#event .event-info .red{
	color:#be0000;
}

#event .event-info .pb5{
	padding-bottom:5px;
	display:block;
}

#event .event-info dt{
	float:left;
	padding:0 20px 0 10px;
	width:200px;
}

#event .event-info dd{
	float:left;
	width:510px;
}

#event .event-info dd img{
	margin-top:15px;
}

#event .event-info .midashi{
	font-size:16px;
	margin:10px 0;
	display:block;
	font-weight:bold;
}

#event .event-info .btn{
	display:table;
	text-align:left;
	font-size:14px;
	margin-bottom:20px;
}

#event .event-info .btn a {
    color: #E86721;
	text-decoration:underline;
}


#event .event-info .btn a:link {
    color: #E86721;
	text-decoration:underline;
}

#event .event-info .btn a:hover {
    color: #E86721;
	text-decoration:underline;
}


/*レシピ*/

#recipe {
	width:740px;
	margin:0 auto;
}

#recipe #sysMain .tit-box{
	background: url(../img/recipe/tit-chef-recipe.gif) no-repeat 0 70% ;
	padding-left: 180px;
	border-top:1px solid #d0d0d0;
	
}

#recipe .pt8{
	padding-top:8px;
}


#recipe #sysMain .tit-box h2 {
	font-size: 12px;
	min-height: 32px;
	margin: 30px 0 10px;
}


#recipe #sysMain strong{
	color:#e86721;
	font-weight:normal;
}

#recipe #sysMain .recipeline{
	border-top:5px solid #000;
	border-left:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	width:100%;
	padding-bottom:30px;
	margin-bottom:30px;
}

#recipe #sysMain .recipeline:after{
    content: "";
    clear: both;
    display: block;
}

#recipe #sysMain .chef{
	background: url(../img/recipe/mdt-logo.jpg) no-repeat top left; 
	padding-left:165px;
	padding-right:40px;
	padding-top:15px;

}

#recipe #sysMain .chef-img{
	background: url(../img/recipe/sasajima-bk.jpg) no-repeat top left;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 315px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#recipe #sysMain .chef dt{
	color:#770000;
	font-weight:bold;
	font-size: 14px;
	padding-bottom:5px;
}



#recipe #sysMain .chef dd{
	padding-bottom:10px;
}

#recipe #sysMain .tx dt{
	margin-top:5px;
}

#recipe #sysMain .come{
	border-top:1px dotted #c6c6c6;
	margin:10px 30px 0;
	padding-top:8px;
	text-align:right;
	font-size:10px;
}



#recipe #sysMain .menu{
	margin:15px 20px 0;
}



#recipe #sysMain .menu .cf span{
	display: block;
    float: left;
}

#recipe #sysMain .menu p{
	display: block;
    overflow: auto;
	float: left;
	width:90%;
	padding-bottom:8px;
}


#recipe .cf:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#recipe #sysMain .menu-tit{
	background-color:#000;
	margin:30px 20px 0;
}

#recipe #sysMain .menu-tit h3{
	border-left:5px solid #d8b204;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin:0 5px;
	padding:5px 0 5px 10px;
}

#recipe #sysMain .menu img{
	float: left;
	
}


#recipe #sysMain .menu .material{
	float: right;
	width:50%;
}

#recipe #sysMain .menu-btn{
	clear:both;
	text-align:right;
	margin-top:30px;
	background-color:#ae0000;
	margin-left:150px;
	font-size:16px;
	font-weight:bold;
}

#recipe #sysMain .menu-btn a{
	padding:5px 10px 5px 25px;
	display:block;	
	text-align:center;
	color:#FFF;
	text-decoration:none;
	background:url(../img/recipe/icon-recipe.gif) no-repeat 15% center;
}

#recipe #sysMain .menu-btn a:link{
	text-decoration:none;
}

#recipe #sysMain .menu-btn a:hover{
	text-decoration:underline;
}


#recipe #sysMain .recipe-intro{
	background:url(../img/recipe/bk-mdtintro.gif) no-repeat top left;
	color:#FFF;
	font-weight:bold;
	min-height:34px;
	font-size:16px;
	padding:9px 0 10px 15px;
	margin-bottom:15px;
}

#recipe #sysMain .recipe-tx img{
	float:left;
	padding-left:10px;
}

#recipe #sysMain .recipe-tx .sns{
	float:right;
	text-align:left;
	width:73%;
}

#recipe #sysMain .recipe-tx dl{
	padding-bottom:30px;
	margin-top:10px;
}




#recipe #sysMain .new dt{
	color:#770000;
	font-weight:bold;
	font-size: 14px;
	padding-bottom:5px;
	line-height:150%;
}

#recipe #sysMain .recipe-tx p{
	background:#eaeaea;
	padding:5px 0;
	text-align:right;
	margin-bottom:8px;
}

#recipe #sysMain .recipe-tx p a{
	background:url(../img/recipe/icon-sns.gif) no-repeat center left;
	display:block;
	float:right;
	padding-left:13px;
	margin-right:10px;
	text-decoration:underline;
}


#recipe #sysMain .nomal-recipe{
	border:1px solid #d0d0d0;
	padding:20px;
	margin:15px 0;
	text-align:center;
}

#recipe #sysMain .recipe-box{
	width:32.6%;
	float:left;
	text-align:center;
	
}

#recipe #sysMain .recipe-box img{
	max-width:100%;
	margin-top:7px;
}

#recipe #sysMain .recipe-box dl{
	text-align:left;
	padding:7px;
}

#recipe #sysMain .recipe-box dt{
	font-weight:bold;
	padding-bottom:5px;	
}

#recipe #sysMain .nomal-recipe dd{
	width:100%;
	display:block;
	margin-bottom:10px;
	
}

#recipe #sysMain .nomal-recipe .cen{
	margin:0 1%;
}





/*有名シェフのレシピ詳細*/

#recipe-pre {
	width:740px;
	margin:0 auto;
}

#recipe-pre .tit-box{
	background: url(../img/recipe/tit-chef-recipe.gif) no-repeat 0 70% ;
	padding-left: 180px;
	border-top:1px solid #d0d0d0;
	
}


#recipe-pre .tit-box h2 {
	font-size: 12px;
	min-height: 32px;
	margin-top: 30px;
}

#recipe-pre .main-tit{
	text-align:center;
	border-bottom:3px solid #000;
	margin-bottom:10px;
}

#recipe-pre .cf span {
	display: block;
	float: left;
}

#recipe-pre .cf p {
	display: block;
	overflow: auto;
	float: left;
	width: 90%;
}

#recipe-pre .cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#recipe-pre .main:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


#recipe-pre .main .main-img{
	float:left;
	width:55.4%;
}

#recipe-pre .main dl{
	float:right;
	width:41.8%;
}

#recipe-pre .main dt{
	font-size:20px;
	font-weight:bold;
	line-height:130%;
	margin:15px 0 10px;
	background:url(../img/recipe/pre-icon.gif) no-repeat top left;
	padding-top:35px;
}

#recipe-pre .main dd{
	background:#f4f4f4;
	padding:15px;
}

#recipe-pre .made-tit{
	font-weight:bold;
	font-size:20px;
	margin-top:30px;
	border-bottom:1px solid #000;
	padding-bottom:7px;
	background:url(../img/recipe/icon-made.gif) no-repeat top left;
	padding-left:36px;
	margin-bottom:20px;
}

#recipe-pre .made{
	margin:0 25px;	
}

#recipe-pre .made:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


#recipe-pre .made dl{
	float:left;
	width:320px;
	margin-bottom:15px;
}

#recipe-pre .made dt{
	margin-bottom:10px;
}

#recipe-pre .made dl:nth-child(2n) {
	margin-left:50px;
}

#recipe-pre .made dl:nth-child(2n+1) {
	clear:both;
}

#recipe-pre .made span{
	padding:1px 6px;
	color:#FFF;
	background:#000;
	margin-right:5px;
	display: block;
	float: left;
	border-radius: 5px;
	font-weight:bold;
}

#recipe-pre .made p{
	display: block;
	overflow: auto;
	float: left;
	width:90%;
	
}

#recipe-pre .made dd:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#recipe-pre a{
	color:#000;
	text-decoration:none;
}

#recipe-pre a:link{
	color:#000;
	text-decoration:underline;
}

#recipe-pre a:hover{
	color:#000;
	text-decoration:underline;
}


/*有名シェフのレシピ詳細＋ノーマルレシピ詳細兼用部分*/

#recipe-pre .use-tit{
	background:#e0e0e0;
	padding:5px 0 5px 20px;
	margin:30px 0 10px;
}

#recipe-pre .use {
	text-align:center;
	width:100%;
	margin-bottom:50px;
	
}

#recipe-pre .use:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


#recipe-pre .use dl{
	float:left;
	width:23.4%;
	display:table-cell;
	padding:10px;
	border:1px solid #d0d0d0;
	box-sizing: border-box;
	margin-right:15px;
} 

#recipe-pre .use dl img{
	max-width:100%;
}

#recipe-pre .use dd{
	text-align:left;
	padding-top:5px;
}

#recipe-pre .use dd a{
	text-decoration:underline;
}

#recipe-pre .use dd a:link{
	text-decoration:underline;
}

#recipe-pre .use span{
	display:block;
	padding-top:5px;
}

#recipe-pre .use dl:nth-child(4n) {
	margin-right:0;
}

#recipe-pre .pt{
	margin-top:15px;
}

#recipe-pre .back{
	display:table;
	text-align:right;

	width:100%;
	margin:10px 0 20px;
	font-size:14px;
	font-weight:bold;
}

#recipe-pre .back a,#recipe-pre .back a:link{
	color: #e86721;
}

#recipe-pre strong{
	font-weight:bold;
}


/*有名シェフのレシピ詳細---ムース用*/

#recipe-pre .musu dt{
	float:right;
	width:45%;
	margin-bottom:5px;
}

#recipe-pre .musu dd{
	float:left;
	width:52%;
	margin-bottom:15px;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:15px;
	margin-right:20px;
	
}

#recipe-pre .musu{
	margin:0 10px;
}

#recipe-pre .musu:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


#recipe-pre .musu dl{
	float:left;
	width:320px;
	margin-bottom:15px;
}

#recipe-pre .musu span{
	padding:1px 6px;
	color:#FFF;
	background:#000;
	margin-right:5px;
	display: block;
	float: left;
	border-radius: 5px;
	font-weight:bold;
}

#recipe-pre .musu p{
	display: block;
	overflow: auto;
	float: left;
	width:90%;
	
}

#recipe-pre .musu dd:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#recipe-pre .musu .kaso{
	width:100%;
}


#recipe-pre .pb10{
	padding-bottom:10px;
}

#recipe-pre .tyui{
	display:table;
	text-align:right;
	font-size:10px;
	width:100%;
}

/*ノーマルシェフレシピ詳細*/
#recipe-normal {
	width:740px;
	margin:0 auto;
}


#recipe-normal .tit-box{
	background: url(../img/recipe/tit-chef-recipe.gif) no-repeat 0 70% ;
	padding-left: 180px;
	border-top:1px solid #d0d0d0;
	
}


#recipe-normal .tit-box h2 {
	font-size: 12px;
	min-height: 32px;
	margin: 30px 0 10px;
}

#recipe-normal .cf span {
	display: block;
	float: left;
}

#recipe-normal .cf p {
	display: block;
	overflow: auto;
	float: left;
	width: 90%;
}

#recipe-normal .cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#recipe-normal .main h3{
	font-size:12px;
	margin-bottom:5px;
	font-weight:normal;
	color:#666;
}

#recipe-normal .main:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


#recipe-normal .main .main-img{
	float:left;
	width:55.4%;
}

#recipe-normal .main .contents{
	float:right;
	width:41.8%;
}

#recipe-normal .main dt{
	font-size:18px;
	font-weight:bold;
	line-height:130%;
	margin-bottom:10px;
	border-bottom:1px dotted #d0d0d0;
	padding-bottom:10px;
}

#recipe-normal .material{
	background:#f4f4f4;
	padding:15px;
	margin-top:10px;
}

#recipe-normal .made-tit{
	font-weight:bold;
	font-size:20px;
	margin-top:30px;
	border-bottom:1px solid #000;
	padding-bottom:7px;
	background:url(../img/recipe/icon-made.gif) no-repeat top left;
	padding-left:36px;
	margin-bottom:20px;
}

#recipe-normal .musu dt{
	float:right;
	width:33%;
	margin-bottom:5px;
}

#recipe-normal .musu dd{
	float:left;
	width:64%;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:10px;
	margin:0 20px 10px 0;
	
}

#recipe-normal .musu{
	margin:0 10px;
}

#recipe-normal .musu:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


#recipe-normal .musu dl{
	float:left;
	width:320px;
	margin-bottom:15px;
}

#recipe-normal .musu span{
	padding:1px 6px;
	color:#FFF;
	background:#000;
	margin-right:5px;
	display: block;
	float: left;
	border-radius: 5px;
	font-weight:bold;
}

#recipe-normal .musu p{
	display: block;
	overflow: auto;
	float: left;
	width:90%;
	
}

#recipe-normal .musu dd:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#recipe-normal .point{
	margin:10px 20px 0;
}

#recipe-normal .point p{
	float:left;
	overflow: auto;
	width:96%;

}

#recipe-normal .point span{
	display:block;
	float:left;
}

#recipe-normal .point dd {
	clear: both;
}

/*メディア情報*/

#media {
	width:740px;
	margin:0 auto;
	color:#343434;
}

#media .tit-box{
	background: url(../img/media/tit-media.gif) no-repeat bottom left ;
	padding-left: 284px;
	margin-bottom:30px;
	padding-top:25px;
	border-top:1px solid #d0d0d0;	
}

#media .tit-box h2{
	font-size:12px;
	padding-bottom:3px;
}

#media .media-info{
	background: url(../img/media/sen.gif) repeat-y top center;
}

#media .media-info dl{
	float:left;
	width:33.25%;
	text-align:center;
	padding:20px 0;
	border-bottom:#e4e4e4 1px solid;
}

#media .media-info dl img{
	max-width:100%;
}

#media .cf:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#media .media-info dd{
	width:77.23%;
	margin:0 auto;
	text-align:left;
}

#media .zasshi{
	font-weight:bold;
	padding:5px 0;
}


#media .no{
	border-bottom:none!important;
}





/*フッター*/
footer{
	clear:both;
}


/*ウィズフィツト記述ここまで*/


/* RESET
---------------------------------------------------- */
*{margin: 0;padding: 0}

a { 
	text-decoration : none;
}
ul, ol { list-style : none}
img { vertical-align : middle; max-width: 100%; height: auto;}
a img {border: none;}
.sysContent { margin: 0!important; padding: 0!important;}
html, body, div#sysHeader, div#sysAll, div#sysAside, div#sysFooter, div#sysContent {
    float: none;
    margin: 0px;
    max-width: none;
    padding: 0px;
	background-color: transparent;
    width: 100%;
}
#aside .sysContent{ background: red;}

/* BASE LAYOUT
---------------------------------------------------- */
body { 
	background-repeat: repeat;
	background-position:top;
	background-attachment:scroll;
	overflow-x : hidden;
	overflow-y : auto;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

/* FOR Go To TopPage Button */
#sysAll { position: relative; background:transparent; padding:0; max-width:none;}
p.gotop{ position: fixed; right: 0.9%; margin: 0; bottom: 10px; }
p.gotop a{ width: 64px; height: 64px; display: block;}

/* clear */
ul:after,
ol:after {
    content: ".";
    clear: both;
    display: block;

    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
    width: 0.1px;
} 
.clear { clear:both;}
.clear { clear: both; height: 0.1px; margin: 0px; padding: 0px; width: 0.1px;} /* forIE clear */
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
#sysMain { 
	font-size: 12px;
	background:#FFF;
	overflow:hidden;
}
input[type="submit"] {
	border:0;
	margin: 7px;
	background: #000;
	padding: 6px;
	width: auto;
	color: #fff;
	font-size: 15px!important;
	cursor: pointer;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	border-radius: 4px;
		
	-webkit-border-radius: 4px;
		
	-moz-border-radius: 4px;
	width: 130px;
}
input[type="search"], input[type="text"], input[type="password"], 
input[type="email"],input[type="tel"],select {
	border:none;
	border:1px solid #a9a9a9;
	padding:1px;
	padding-left:3px;	
}

/* DETAILS
---------------------------------------------------- */

small { font-size: 10px; margin: 0 5px 0 0;}
img.border { border: 2px #ffffff solid; margin: 0;}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
		-moz-filter: "alpha( opacity=80 )";
		-webkit-filter: "alpha( opacity=80 )";
		-o-filter: "alpha( opacity=80 )";
		-ms-filter: "alpha( opacity=80 )";
}
a:hover img.nohover {
	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 )";
}

/* HEADER
---------------------------------------------------- */
#sysHeader {padding:0; margin:0;}
#header { width: 100%; margin:0; padding: 0;}
#headermenu .alt-h1 {
	width: 65%;
	float:left;
	margin-top: 4px;
}
#headermenu .alt-h1 a {
    display: inline-block;
}
#headermenu .alt-h1 span {
    padding-left: 2%;

    display: inline-block;
}
#header .right {
	width: 35%;
	float:right;
        margin-top:10px;

}
.CartLoginBtn { 
	clear: both;
	width: 238px; 
	float: right; 
	padding-top: 10px; 
	text-align:right;
}

#header .soryo{
	color:#ae0000;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	width:100%;
	
}

.CartLoginBtn > div {
	float: left;
}
.CartLoginBtn > div.loginBtn {
	padding-left: 8px;
}
.headerBtn {
	height: 30px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	line-height: 30px;
	font-size: 11px;
	width: 115px;
	display: block;
}

#header .login{
		background: #000;
}

#header .cart{
		background: #ae0000;
}

.footerBtn {
	height: 30px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	line-height: 30px;
	font-size: 11px;
	width: 115px;
	background: #000;
	display: block;
}

.footerBtn2 {
	height: 30px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border-radius: 0px;
	line-height: 30px;
	font-size: 11px;
	width: 115px;
	background: #ae0000;
	display: block;
}

.headerBtn:hover, .footerBtn:hover {
	opacity: 0.8;
	filter: alpha(opacity=70);
		-moz-filter: "alpha( opacity=70 )";
		-webkit-filter: "alpha( opacity=70 )";
		-o-filter: "alpha( opacity=70 )";
		-ms-filter: "alpha( opacity=70 )";		
	background: #333;
		border: none;
}

/* GLOBAL MENU --start-- */
ul#globalmenu { width: 200px; float: right; text-align: center;}
ul#globalmenu li a { 
    width: 100%;
    display: block;
}
ul#globalmenu li a:hover { 
	text-decoration:underline;
}

ul#globalmenu li {
	border-right: 1px #333 solid;
	color: #333;
	width: 100px;
	float: left;
}
#headermenu h1 {
float: left;
}
ul#globalmenu {
font-size: 11px;
text-align: center;
margin: 10px 0 0;
overflow: hidden;
}
ul#globalmenu li:first-child {
	border-left: 1px #333 solid;
}

/* GLOBAL MENU --end-- */

/* CONTENTS MENU --start-- */

#contentsMenu {
	margin-top: 15px;
}
#contentsMenu ul {
	/*border-bottom: 4px solid #ededed;*/
	margin-bottom: 25px;
}
#index #contentsMenu ul {
	border-bottom:none;
	margin-bottom:5px;
	width:100%
}
#contentsMenu ul li {
	/*width:20%;*/
	float:left;
	padding-bottom:10px;
	margin-bottom: 8px;
	/* border-bottom: 4px solid #ededed; */
}

#contentsMenu .n1{
	width:14.3%;
}

#contentsMenu .n2{
	width:12.5%;
}

#contentsMenu .n3{
	width:14.2%;
}

#contentsMenu .n4{
	width:14.4%;
}

#contentsMenu .n5{
	width:13.1%;
}

#contentsMenu .n6{
	width:14.3%;
}

#contentsMenu .n7{
	width:17.2%;
}
/*#contentsMenu ul li:hover {
	background: url(../img/gemmy-foods/header/menu_hoverbg.gif) no-repeat center bottom;
}
#contentsMenu ul li a {
	border-right: 1px solid #CCCCCC;
	display:block;
	text-align: center;
	height: 30px;
}
#contentsMenu ul li:hover a img {
	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 )";	
}
#contentsMenu ul li a:first-child {
	border-left: 1px solid #CCCCCC;
}*/
#contentsMenuSP {
	display:none;
}
/* CONTENTS MENU --end-- */

/* ASIDE
---------------------------------------------------- */
.sideTopBnr { background-color: #fff; margin: 5px 0 10px 0; text-align: center; }


/* SEARCH FORM --start-- */
form.sysItemSearchForm { background-color: #fff; margin: 0; padding: 15px 20px 15px; text-align: center; font-size: 12px;}
.sysItemSearchFormWord { float: left; width: 100%; margin: 5px 0 10px;}
form.sysItemSearchForm input[type="search"] { height: 3em; vertical-align: bottom; display: block; width: 100%;}
form.sysItemSearchForm label { margin: 10px 0; float: none!important; }
form.sysItemSearchForm select { width: 100%;}
form.sysItemSearchForm .sysItemSearchFormCategory { 
	margin-top: 10px; 
	background: #ebe8e1; 
	line-height: 26px; 
	font-weight: 600; 
	color: #969894;
	border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
}

/* SEARCH FORM --end-- */

/* LOGIN FORM --start-- */
.AsideLoginForm { width: 100%; float: none; overflow: hidden; background-color: #fff; text-align: center;}
.AsideLoginForm p { font-size: 12px; font-weight: 600; color: #060400; margin: 8px;}








/*.AsideLoginForm label { display: none;}*/
.AsideLoginForm .sysFormField { margin-left: 0!important;}
.AsideLoginForm .sysFormField input[type="email"],
.AsideLoginForm .sysFormField input[type="password"] {
	border: 1px solid #C6C6C6;
	text-align: left;
	padding: 0 0 0 17%;
	background: url(../img/side/icon_mail.png) 0em center no-repeat;
	background-size: 17%;
		-moz-background-size: 17%;
		-o-background-size: 17%;
		-ms-background-size: 17%;
	height: 32px!important;
	border-radius: 3px;

	margin: 0 0 8px 0;
	width: 83%!important;
}

.AsideLoginForm .sysFormField input[type="password"] { 
background: url(../img/side/icon_key.png) 0em center no-repeat; 
        background-size: 17%;
		-moz-background-size: 17%;
		-o-background-size: 17%;
		-ms-background-size: 17%;
}

/* LOGIN FORM --end-- */


.search { background-color:#ffffff; color: #999999;}
.green { width: auto; background-color:#85c092;}
.gray { width: auto; background-color:#c9c9c9; color: #403f3f; font-size: 12px; font-weight:600; }

ul.cateBtn { width: 100%; }

dl.cateBtn dd.last { 
	margin-bottom: 20px;
}

ul.cateBtn li a.cateHover:hover {
color: #005A9F!important;
padding: 10px 0;}
ul.cateBtn li a.cateHover:hover{ color: #85c092!important; }

ul.color { margin: 0 0 4px 0; list-style: none; line-height:50px; text-align: center;}
ul.color li{ display: inline; padding: 0!important; margin: 0; width:20%;}

.info { 
width: auto; 
font-size: 12px; 
line-height: 20px;
}
.info p.infotext { padding: 2% 0 2% 6%; text-align: left; margin: 0;}
.info a:hover { text-decoration: underline;}
.info strong { font-size: 14px;}

.popularwords { margin: 0;}
.popularwords p { font-weight: bold; color: #222; margin: 0 0 4px 0;}
.popularwords a{

	display:inline-block;
	/display:inline;
	margin:0 5px 5px 0;
	padding: 6px 7px;
	/line-height:1.1;
	color:#FFF;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	/*linear-gradient*/
	background-color:#555555;
	background:-webkit-gradient(linear,, from(#555555), to(#444444));
	background:-webkit-linear-gradient(center top, #555555, #444444 );
	background:   -moz-linear-gradient(center top, #555555, #444444 );
	background:     -o-linear-gradient(center top, #555555, #444444 );
	background:        linear-gradient(center top, #555555, #444444 );
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #444444));
	zoom:1;
}
.popularwords a:hover{
	text-decoration:none;
	/*linear-gradient*/
	background-color:#777777;
	background:-webkit-gradient(linear,, from(#777777), to(#565656));
	background:-webkit-linear-gradient(center top, #777777, #565656 );
	background:   -moz-linear-gradient(center top, #777777, #565656 );
	background:     -o-linear-gradient(center top, #777777, #565656 );
	background:        linear-gradient(center top, #777777, #565656 );
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #565656));
}

.asideFB_SP .fb_iframe_widget, .asideFB_SP .fb_iframe_widget span, .asideFB_SP .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
#sideBnr div {
	margin-bottom:10px;
}


/* MAIN CONTENTS
---------------------------------------------------- */
#main { width: 80%; margin: 0 auto; position:static;}

#contentsarea { width:90%; overflow: hidden; margin : 2% 0;}
#contentsareatopimg { width:90%; overflow: hidden;}


img.cnttitle { width: 20%; float: left; }
a:hover img.cnttitle {
	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 )";
}
.sysItemImage img{
	border:solid #ddd 1px;
}

/* TOP PAGE (Edited for Wisfit & Co)
---------------------------------------------------- */

#index #sysMain .tit-box h2{
	font-size:12px;
	padding-top:10px;
	min-height:32px;
	margin-top:20px;
	margin-bottom:10px;
        color:#3f3f3f;
}

#index #sysMain .tit-box{
	border-top:1px solid #d0d0d0;

}

#index #sysMain .t-csc .tit-box  {
	background:url(../img/gemmy-foods/index/tit-csc.png) no-repeat bottom left;
	padding-left:200px;

}

#index #sysMain .t-mdt .tit-box  {
	background:url(../img/gemmy-foods/index/tit-mdt.png) no-repeat bottom left;
	padding-left:305px;
	
}

#index #sysMain .t-sds .tit-box  {
	background:url(../img/gemmy-foods/index/tit-sds.png) no-repeat bottom left;
	padding-left:300px;

}

#index #sysMain .t-lia .tit-box  {
	background:url(../img/gemmy-foods/index/tit-lia.png) no-repeat bottom left;
	padding-left:300px;
	
}

#index #sysMain .t-alr .tit-box  {
	background:url(../img/gemmy-foods/index/tit-alr.gif) no-repeat bottom left;
	padding-left:300px;
	
}

#index #sysMain .t-ba .tit-box  {
	background:url(../img/gemmy-foods/index/tit-basi.gif) no-repeat bottom left;
	padding-left:300px;
	
}
#index #sysMain .t-font .tit-box  {
	background:url(../img/gemmy-foods/index/tit-pf.jpg) no-repeat bottom left;
	padding-left:200px;
	
}
#index #sysMain .t-kreutz .tit-box  {
	background:url(../img/gemmy-foods/index/tit-kkm2.png) no-repeat bottom left;
	padding-left:200px;
	
}
#index #sysMain .t-recommend .tit-box  {
	background:url(../img/gemmy-foods/index/tit-recommend03.jpg) no-repeat bottom left;
	padding-left:190px;
	
}

#index #sysMain .t-sdgs .tit-box  {
	background:url(../img/gemmy-foods/index/tit-sdgs.jpg) no-repeat bottom left;
	padding-left:113px;
	
}

#index #sysMain .truffealamaison .tit-box  {
	background:url(../img/gemmy-foods/index/truffealamaison.png) no-repeat bottom left;
	padding-left:310px;

}
#index #sysMain ul.sysHorizontal li{
	width:25%!important;
	min-height: 295px; 
}



/* FOOTER
---------------------------------------------------- */
#pagetop {  margin: 50px 20px 0 0; }
#footer { 
	width: 1000px; 
	height: auto; 
	margin: 0 auto; 
	 padding: 0;
}


#footcontents { width: 100%; margin: 0 auto; padding: 20px 0 0 0; font-size: 12px; text-align: center;}

.tabPCfootmenu {

	color:#333;
	position: relative;
	overflow: hidden;
}
.tabPCfootmenu .center {
	position:relative;
	float:left;
	left:50%;
}
.tabPCfootmenu a {
    display: block;
	font-size:13px;
    float: left;
    padding: 0 0.6em;
    border-right: 1px solid #333;
    line-height: 1;
    position: relative;
    left: -50%;
}
.tabPCfootmenu a:first-child {
	border-left:1px solid #333;
}
.tabPCfootmenu a:hover {
	text-decoration:underline;
}
#footer .footmenu {
	border-top:5px solid #333;
	margin-top: 40px;
}
ul.btnmenu {
	float:left;
	padding-top: 10px;
}
ul.btnmenu li {
	float:left;
	margin-right:8px;
}


#footer address {
	float:right;
	text-align:right;
	font-style:normal;
}

.footleft { width:65%; float:left; margin: 30px 0; position:absolute; text-align: left;}
.footright { width:26%; float:right; margin: 25px 0; text-align:right;}
.copy { width:auto; margin: 80px 0 0 0; font-size: 13px; border-top: 1px solid #333; margin-top: 40px; letter-spacing: 1px;}





/* Item page css
---------------------------------------------------- */
.sysPagination ul {
	margin: 20px 0;
}
#sysItemDetail #sysMain{
	background-color:#fff;
}
/*.sysCategoryPankuzu{
	margin: 0;
}*/
article > div:first-child h1 {
margin: 0;
padding: 0;
font-size: 12px !important;
font-weight: normal;
border-left: none;
}
.sysMainImage img {}

/* ItemImages --start-- */
.sysItemImages { 
	width: 100%; 
	position: relative; 
	margin-top: 10px;
}
.sysItemImages .sysMainImage img{
	border: solid 1px #ddd;
}
.sysItemImages .sysImageList {
	margin-left:-1%;
	margin-top: 10px;
}
.sysItemImages .sysImageList li { 
	width: 24%; 
	height: auto; 
	margin: 0px; 
	padding: 0px; 
	cursor: pointer; 
	margin-left: 1%;
}
.sysItemImages .sysImageList li img{ 
	-webkit-filter:brightness(70%);
     -moz-filter: brightness(0.7);
     -o-filter: brightness(0.7);
     -ms-filter: brightness(0.7);
     filter: brightness(0.7);
	padding:1px;
}
.sysItemImages .sysImageList li.sysCurrent img{
    border: 1px solid #b7b7b7;
	-webkit-filter:brightness(100%);
     -moz-filter: brightness(1);
     -o-filter: brightness(1);
     -ms-filter: brightness(1);
     filter: brightness(1);
}
.sysItemImages .sysImageList li img, x:-moz-any-link {
	opacity:0.7;
}
.sysItemImages .sysImageList li.sysCurrent img, x:-moz-any-link {
	opacity:1;
}
.sysModalItemImages .sysModalImageList li img {
	border: 2px solid lightgray;
}
.sysModalItemImages .sysModalImageList li.sysCurrent img {
	border: 2px solid gray;
}
/* ItemImages --end- */

/* ItemInfomation --start-- */
#sysItemDetail .sysExplanation{
	margin:10px 0 0 50%;

}

#sysItemDetail #itemInfo {
	margin-top:18px;
}
#sysItemDetail #itemInfo .sysDescription {
	width:100%;
}
#sysItemDetail #itemInfo .itemSpecial p {
	line-height:1.5;
	margin-bottom: 20px;
}
#sysItemDetail #itemInfo .itemSpecial p span {
	display:block;
	font-size:14px;
	font-weight: bold;
	letter-spacing: -0.6px;
}


#sysItemDetail #itemInfo .itemSpecial div.text {
	display:inline-block;
	vertical-align:middle;
}
#sysItemDetail #itemInfo .itemSpecial div.text h2 {
	background: none;
	padding: 0;
	color: #333;
	font-weight: bold;
}
#sysItemDetail #itemInfo .itemSpecial div.text dl dt {
	font-weight:bold;
	display:inline-block;
}
#sysItemDetail #itemInfo .itemSpecial div.text dl dd {
	display:inline-block;
	padding-right: 1em;
}
#sysItemDetail #itemInfo .cartBox {
	width:42%;
	float:right;
	border:4px solid #d3d3d3;
	padding:30px 25px 15px;
	width:365px;
	margin-bottom:15px;
}
#sysItemDetail #itemInfo .cartBox .sysCategoryPankuzu {
	text-align:center;
	display: inline;
	margin: 0;
}
#sysItemDetail #itemInfo .cartBox .sysCategoryPankuzu a {
	cursor: default;
	display: inline;
	text-align: center;
	font-size:20px;
}
#sysItemDetail #itemInfo .cartBox .sysItemName {
	text-align:left;
	margin-bottom: 15px;
	padding:0 0 15px 0;
	border-bottom: 1px solid #d0d0d0;
}
#sysItemDetail #itemInfo .cartBox .sysItemName h1 {
	font-size:18px;
	font-weight:normal;
	padding:0;
	/*margin-top:6px;*/
	font-weight:bold;
	line-height: 1.4em
}
#sysItemDetail #itemInfo .cartBox .sysRetailPrice {
	font-size:13px;
	font-weight:bold;
	text-align:centerright;
}




#sysItemDetail #itemInfo .cartBox .sysRetailPrice span:first-child + * {
	font-size:18px;
}


#sysItemDetail #itemInfo .cartBox .sysForm #sysNumber {
	float:none;
	padding:10px 0 10px 0;
	text-align:right;

}
#sysItemDetail #itemInfo .cartBox .sysForm #sysNumber button {
	display:none;
}

#sysItemDetail #itemInfo .cartBox .sysForm #sysNumber select {
	width:100px;
	height: 36px;
}
#sysItemDetail #itemInfo .cartBox .sysForm #sysSubmit {	
	text-align: center;
}



/* 商品詳細　カートに入れる
----------------------------------------------------
#sysItemDetail #itemInfo .cartBox .sysForm #sysSubmit input {
	width:100%;
	max-width:241px;
	height:44px;
	/*color: transparent;*/
	background:url(../img/gemmy-foods/item-detail/btn_intocart02.jpg) no-repeat !important;
	margin:0 auto;
	padding:0;
	background-size:100%;
-webkit-appearance: none; 
} */


/*修正前
#sysItemDetail #itemInfo .cartBox .sysForm #sysSubmit input {
	width:100%;
	max-width:241px;
	height:44px;
	color: transparent;
	background:url(../img/gemmy-foods/item-detail/btn_intocart.jpg) no-repeat !important;
	margin:0 auto;
	padding:0;
	background-size:100%;
-webkit-appearance: none; 
}*/



#sysItemDetail #itemInfo .cartBox .sysForm #sysWishlist {	
        margin:auto 0;
	padding-bottom: 10px;
	border-bottom:1px dotted #dadada;
}
#sysItemDetail #itemInfo .cartBox .sysForm #sysWishlist button {
	width:100%;
	/*max-width:201px; */
        max-width:235px; 
	/*height:34px; */
        height:40px;
	color: transparent;
	background:url(../img/gemmy-foods/item-detail/btn_okiniiri.jpg) no-repeat;
	margin:10px auto 0;
	padding:0;
	background-size:100%;
}
#sysItemDetail #itemInfo .cartBox .sysForm .sysShare {
	padding: 10px 0 0px 0;
	text-align:center;
}
#sysItemDetail #itemInfo .cartBox .sysForm .sysShare ul li {
	vertical-align:top;
}
#sysItemDetail ul.sysHorizontal {
	padding:0;
}

#sysItemDetail .itemDetailHistory {
	margin-top:6%;
	margin-bottom:10%;
}

#sysItemDetail .itemDetailFavorite ul li {
	min-height: 270px;
}

#sysItemDetail .sysFuncItemBlock .sysHeadline {
	border-top:1px solid #d0d0d0;
	text-align:left;
	margin-top:50px;
	width:100%;
	padding:15px 0 10px;
}





.sysItemId {
	text-align:right;
	margin: 20px 0 10px 0;
	font-size:10px!important;
}
.sysItemName h1 {
	font-size: 18px; 
	font-weight: bold;
	display:inline;

}



#sysItemDetail #breadcrumb .sysItemName {
	font-size:12px;
	display:inline-block;
	position: relative;
}

#sysItemDetail #breadcrumb .sysItemName::before {
	content:">";
	position:absolute;
	left: 2px;
	top:0;
}

#sysItemDetail .sysRetailPrice {
	font-size: 20px;
	text-align:right;
	margin: 10px 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

ul.sysThumbnail li .sysRetailPrice {  margin: 0;}
ul.sysThumbnail li a { display: block; margin: 10px 0 3px; float: left; width: 100%;}

.sysRetailPrice span { 
	font-size: 12px;
}
.sysSuggestedRetailPrice {
	text-align:right;
}
.sysSuggestedRetailPrice span {
font-size:10px!important;
}
.sysShippingCost { margin: 40px 0 0 49%;}
.sysShippingMethod { margin: 7px 0 0 49%;}
.sysStockQuantity { margin: 7px 0 0 49%; padding-bottom: 5px; border-bottom: 1px #000 dotted;}

#sysItemDetail .sysForm {
	 margin: 0; 
	 text-align: left;
}

#sysSelections { margin-bottom: 10px;}
#sysNumber { float:right;}
#sysSubmit input[type="submit"] {
	/*border:0;*/
	width: 76%;
	height: 50px；

	padding: 0 0 0 20px;
	color: #fff;
	font-size: 18px!important;
	cursor: pointer;
	border-radius: 5px; 
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
/*　background:url(../img/icon_cart.png) #585858 no-repeat 28% 50%;　*/
     background: linear-gradient(#af1e21, #850303);
     border:1px solid #d3878b;
}
#sysSubmit input[type="submit"]:hover {
	opacity: 0.8;
}
#sysSubmit input[value="カートを見る"] {
	width: 100% !important;
}
#sysItemDetail .sysForm form[class="sysCartInForm"] {
	width: 100% !important;
}
p.sysCartInDone{
}
#sysWishlist{
text-align: center;
}
#sysWishlist button[type="submit"] { 
	border:0;
	width: 50%;
	height: 25px;
	/*padding: 0 0 0 13px; */
	padding: 0;
	color: #fff;
	font-size: 13px!important;
	cursor: pointer;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	margin:15px 0 0 0;
-webkit-appearance: none;
background:url(../img/icon_fav.png) #888888 no-repeat 22% 50%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
#sysWishlist button[type="submit"]:hover {
	opacity: 0.8;

}
/*social*/
#sysItemDetail .sysShare {
	margin: 10px 0 10px 0;
}

/* ItemInfomation --end- */

.sysDescription h2,
.sysExplanation h2 { 
	display:block;
	background-color:#888;

	color:#FFF;
	padding:5px 10px;
	font-size:1em;
	font-weight:normal;
}

select {
	height: 30px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	background:#fff;
}
#sysNumber input[type="number"]{
	width:50px;
	height: 30px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	text-align:center;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
	border:solid 1px #999;
	}

/*ItemDescription*/
.ItemDescription {
	margin:0 0 15px 0;
}
.ItemDescription p{
	margin:0 0 5px 0;
	line-height:18px;
}


/*ItemSummary*/
.ItemSummary{
	overflow:hidden;
}
.ItemSummary dl{
	margin:20px 10px;
}
.ItemSummary dt{
	float:left;
	margin:0 10px 10px 0;
	width:60px;
}
.ItemSummary dd{
	margin:0 10px 10px 0;
}

/* ItemVariation --start- */
.ItemVariation {margin-top: 15px; width: 45%; float: left; position: absolute;}
.ItemVariation ul{
	margin:20px 0 0 0;
}
.ItemVariation li{
	float:left;
	width:23%;
	text-align:center;
}
.ItemVariation li.mr{
	margin-right:6px;	
}
.ItemVariation li img{
	border: 1px solid #ddd !important;
}

dl.SumCnt { overflow: hidden; zoom: 1; margin: 15px 10px 0 10px;}
dl.SumCnt dt {
	margin-bottom: 7px;
	width: 80px;
	float: left;
	clear: both;
	font-weight: bold;
	background-color: #53777A;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
}
dl.SumCnt dd { margin: 0 0 6px 95px; line-height: 26px; }
/* ItemSummary --end- */

/* ItemComment --start-- */
.ItemComment {margin-top: 15px; width: 50%; float: right; min-height: 170px;}
.ItemComment h2{
	margin-bottom:20px;
}
.ItemComment p{
	font-size:12px;
	margin:0 10px;
	line-height:16px;
}
/* ItemComment --end- */


/* ItemUsability --start-- */
.ImageUsability {
margin: 15px 0 30px 0;
}
.ImageUsability h2 { 
	display:block;
	background-color:#888;
	color:#FFF;
	padding:5px 10px;
	font-size:1em;
	font-weight:normal;
}
.ImageUsability ul { margin-top: 20px; }
.ImageUsability ul li { width: 50%; float: left; margin:0 0 15px 0;}
.ImageUsability ul li img {
width: 50%;
float:left;
border:solid #ddd 1px;
margin:0 6px 0 0;
}
.ImageUsability ul li p {
margin: 5px 0 !important;
text-align: left!important;
line-height: 1.4em;
display: block;
float: left;
width: 44%;
}

/* ItemUsability --end- */

/*sysReview*/
.sysReview{
	margin-top:30px;
}
.sysReview span {
display: block;
background-color: #888;
color: #FFF;
padding: 5px 10px;
font-size: 1em;
font-weight: normal;
}

/*latestItem*/
.latestItem{
	margin: 30px 0;
}
.latestItem .sysHeadline{
	padding:0;
}
.latestItem .sysHeadline h3 {
display: block;
background-color: #888;
color: #FFF !important;
padding: 5px 10px;
font-size: 12px!important;
font-weight: normal!important;
}

/*sysReview*/
.sysReview{
}
.sysReview ul.sysReviewHistoryList{
	margin:10px;
}
.sysReview ul.sysReviewHistoryList li{
	padding:10px;
	margin: 10px 0 ;
	border: solid 1px #ddd;
}
.sysReview ul.sysReviewHistoryList .sysReviewDatetime{
	display:none;
}
.sysReview ul.sysReviewHistoryList .sysNickname{
	/*text-align:right;*/
}
.sysReview ul.sysReviewHistoryList .sysEvaluation{
	margin:5px 0;
	/*text-align:right;*/
}
.sysReview form{
	text-align:right;
	/*display: none;*/
}
.sysReview input[type="submit"] {
border: 0;
padding: 0 10px;
color: #333;
font-size: 12px!important;
cursor: pointer;
border-radius: 0px;
-webkit-border-radius: 0px;
margin: 0;
-webkit-appearance: none;
background:url(../img/arrow01.jpg) no-repeat 0 50%;
background-size: auto 50%;
-moz-background-size: auto 50%;
}


/* ItemBuy --start- */
.ItemBuy {margin-top: 15px;}
.ItemBuy img.leftsumb { width: 24%; float: left; padding: 0.7%; }
.ItemBuy h1 {
	margin: 2% 0 0 25%; 
	background-color: rgb(87, 155, 102); 
	padding: 2px 0 0 10px; 
	font-size: 18px!important; 
	color: #ffffff;
	font-weight: 500;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.ItemBuyCnt p {
	margin: 10px 0 0 49%;
	min-height: 80px;
	color: #666;
	line-height: 150%;
	font-size: 13px!important;
	text-align: left;
}
.ItemBuyPrice {
	text-align: right;
	font-size: 2em!important;
	margin: 1% 0 0 25%;
	border-bottom: 1px #000 dotted;
	color: rgb(230, 45, 45);
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.ItemBuyPrice span { font-size: 0.5em!important;}
.ItemBuy .sysForm { margin-top: 1.7%; width: 410px!important; }
.ItemBuy #sysSelections { margin-bottom: 10px; float: left; position: absolute;}


.ItemBuy #sysSubmit input[type="submit"] {
	background: none;
	width: 60%;
	color: #fff;
	font-size: 18px!important;
	background-color: rgb(250, 168, 24)!important;
	cursor: pointer;
	margin: 10px 0 0 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	border-radius: 6px!important; 
		-webkit-border-radius: 6px!important; 
		-moz-border-radius: 6px!important; 
	/*linear-gradient*/
	background-color:#c9005e;
	background:-webkit-gradient(linear,, from(#eb4e9b), to(#c9005e));
	background:-webkit-linear-gradient(center top, #eb4e9b, #c9005e );
	background:   -moz-linear-gradient(center top, #eb4e9b, #c9005e );
	background:     -o-linear-gradient(center top, #eb4e9b, #c9005e );
	background:        linear-gradient(center top, #eb4e9b, #c9005e );
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #eb4e9b), color-stop(1, #c9005e));
}

.ItemBuy #sysSubmit input[type="submit"]:hover { background-color: #c9005e; }



.ItemBuy #likeSubmit input[type="submit"] {
	background: none;
	width: 35%;



	color: #fff;

	font-size: 12px!important;
	cursor: pointer;
	margin: 42px 0 0 5px;
	float: left;
	border-radius: 3px; 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px;
	/*linear-gradient*/
	background-color:rgb(207, 136, 12);
	background:-webkit-gradient(linear,, from(rgb(250, 168, 24)), to(rgb(207, 136, 12)));
	background:-webkit-linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:   -moz-linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:     -o-linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:        linear-gradient(center top, rgb(250, 168, 24), rgb(207, 136, 12) );
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(250, 168, 24)), color-stop(1, rgb(207, 136, 12)));
}
.ItemBuy #likeSubmit input[type="submit"]:hover { background-color: rgb(207, 136, 12); }
/* ItemBuy --end- */


/* ItemYetanother --start- */
.ItemYetanother {margin-top: 25px;}
.ItemYetanother #demo3 { padding: 0; }
.ItemYetanother #demo3 .als-prev, .ItemYetanother #demo3 .als-next { top: 10px;}
.ItemYetanother #demo3 .als-item { margin: 8px 5px; min-width: 96px;}
.ItemYetanother .als-viewport { height: 155px!important;}
.ItemYetanother .als-container { border-bottom: none!important;}
/* ItemYetanother --end- */

/* ItemRelated --start- */
.ItemRelated {margin-top: 15px;}
.ItemRelated ul.arrival { border-bottom: none!important;}
/* ItemRelated --end- */

/* ItemInquiry --start- */
.ItemInquiry { text-align: right; margin: 25px auto;}
.ItemInquiry a.Btn { 
	background-color: rgb(129, 129, 129); 
	color: #fff; padding: 15px; 	
	border-radius: 6px; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; }
.ItemInquiry a.Btn:hover { background-color: #999;}
/* ItemInquiry --end- */


/*relationItem*/
.relationItem h3{
display: block;
background-color: #888;
color: #FFF!important;
padding: 5px 10px;
font-size: 1em!important;
font-weight: normal;
}
ul.relationHorizontal li {
/*width: 15%!important;*/
width:15%;
padding: 0.5% 0!important;
float:left;
vertical-align: top;
margin:0 2% 15px 0;
}
ul.relationHorizontal li.last {
margin: 0 0 15px 0;
}
.relationItemImage img {
border: solid #ddd 1px;
}
ul.relationHorizontal li .relationItemPrice {
font-size: 13px;
font-weight: normal;
color: #333;
}
.relationItem ul.relationHorizontal{
	margin:20px 10px 0 10px;
}


/* sysItemCategory page css
---------------------------------------------------- */

#sysItemCategory #catetopimg{
	border:solid 1px #B3B3B3;
	padding:6px;
	width:100%;
	position:relative;
}
#sysItemCategory #catetopimg img{
	float: right;
	width:50%;
}
#sysItemCategory #catetopimg .caption{
	position: absolute;
left: 15px;
top: 35%;
}
#sysItemCategory #catetopimg .caption h2{
	font-size:18px;
	margin: 0 0 5px 0;
	}
#sysItemCategory #catetopimg .caption h3{
	font-size:14px;
	font-weight:normal;
}

.sysItemCategoryCtl {
	padding: 15px 0;
	line-height: 20px;
	border:none;
}
.sysItemList ul.sysList input[type="submit"] {
	background: #000;
	border:0;
	width: 150px;
	height: 30px;
	padding: 0;
	color: #fff;
	font-size: 14px!important;
	cursor: pointer;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	margin:10px 0 0 0;
-webkit-appearance: none;
float:none;
}
.sysItemList ul.sysList input[type="submit"]:hover {
	opacity:0.7;
}
.sysItemList ul.sysList p { text-align:left; margin: 15px 0 10px 120px; line-height: 16px;}
.sysItemList ul.sysList li p a { text-decoration: underline; font-size: 14px!important;}
.sysItemList ul.sysList li p span { color: #FF6600; font-weight: 600;}
.sysItemList ul.sysList form { margin: -10px 0 0 0;}

.sysItemList ul.sysThumbnail p { text-align:center; line-height: 16px;}
.sysItemList ul.sysThumbnail li:nth-child(4n+1){
	clear:both;
}
.sysItemList ul.sysThumbnail li p a { text-decoration: underline; font-size: 14px!important;}
.sysItemList ul.sysThumbnail li p span { color: #FF6600; font-weight: 600;}
.sysItemList ul.sysThumbnail form {width: 100%;}
.sysItemList ul.sysThumbnail input[type="submit"] {
	background: #000;
	border:0;
	width: 100%;
	height: 30px;
	padding: 0;
	color: #fff;
	font-size: 14px!important;
	cursor: pointer;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	margin:10px 0 0 0;
-webkit-appearance: none;
}
.sysItemList ul.sysThumbnail input[type="submit"]:hover { 
	opacity:0.7;
}

.sysItemCategoryCtl a{
	display:inline-block;
	/display:inline;
	margin:0 1px 2px 0;
	padding: 2px 3px;
	/line-height:1.1;
	color:#000;
	cursor:pointer;
	zoom:1;
	text-decoration:none;
}
.sysItemCategoryCtl a:hover{
	text-decoration:underline;
}
#sysItemCategory ul.sysList li{
}
#sysItemCategory ul.sysList li .sysThumbnailImage{
	width:150px;
	margin-right:10px;
}
.sysItemCategoryPankuzu{}

.sysItemCategoryPankuzu a{
	color:#333;
}
.sysItemCategoryPankuzu a:hover{
	color:#ccc;
}
ul.sysThumbnail li .sysRetailPrice {
font-size: 13px;
}
#sysItemCategory .sysThumbnailImage img{
	border: solid #ddd 1px;
	
}

.sysList .sysItemName{
	margin: 10px 0;
}
.sysList .sysRetailPrice{
	margin: 5px 0;
}
.sysList .sysThumbnailImage{
	margin-right: 10px;
}
.sysItemList ul.sysList li {

padding: 10px 5px;
border-bottom: 1px solid lightgray;
border-top:none;
}
.sysItemList ul.sysList li:last-child {
border-bottom: none;
}
/*feature page*/
.featureSumally{
	margin:15px 0 0 0;
}
.featureSumally p{
	margin:0;
	line-height:18px;
}

/* sysMemberRegisterIndex page css
---------------------------------------------------- */
.sysMemberRegister #sysMain {}
.sysMemberRegister .sysErrorMessage { display:none;}
div.sysFax,div.sysAcceptHtmlMailmagazine {display:none}
.sysMemberRegister span.ethna-error { color:red; display:none; }
.sysMemberRegister #sysMain h2 { 
	margin: 0;
	background:url(../img/first/icon_key.gif) #333 no-repeat 10px center;
	background-size:22px;
	padding: 5px 0 3px 15px;
	font-size: 20px!important;
	font-weight:normal;
	color: #fff;
}
.sysMemberRegister #sysMain h3 { 
	padding: 8px 10px 6px 18px;
	font-weight: bold;
	background: #e4e4e4;
	font-size: 12px;
}
.sysMemberRegister .sysRequired { 
	color: #ff6600; 
	font-family: 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: 600;
	font-size: 11px!important;
}
.sysMemberRegister .sysForm {
	text-align: left;
	width: 96%;
	margin: 10px auto 40px;
	padding-left:1%;
	overflow:hidden;
}
.sysAcceptMailmagazine .sysRequired, .sysAcceptHtmlMailmagazine .sysRequired {
	display: none;
}
.sysMemberRegister .sysFormItem {
	margin-top: 20px; 
	overflow:hidden;
}
.sysMemberRegister #sysMain  .sysForm .sysFormItem label { 
	width: 40%;
	margin-right:1%;
	float: left; 
	min-height:31px;
	padding-top:8px;
}
.sysMemberRegister #sysMain  .sysForm div.sysFormField {
	width:55%;
	float:left;
}
.sysMemberRegister .sysForm select {
	width:50%;
	height:30px;
}
.sysMemberRegister .sysForm input[type="text"] {

	width: 100%;
	height:30px; 
}
.sysMemberRegister #sysMain input[name="tel"],
.sysMemberRegister #sysMain input[name="mailaddress"]
.sysMemberRegister #sysMain input[name="fax"]{
	width:70%;
	height:30px;
}
.sysMemberRegister #sysMain input[type="tel"], .sysMemberRegister #sysMain input[type="password"], .sysMemberRegister #sysMain input[type="email"], .sysMemberRegister #sysMain input[name="zipcode"] {
	width:70%;
	height:30px;
}
.sysMemberRegister #sysMain .sysMemberPassword input[type="password"]{
	margin-bottom:15px;
}
.sysMemberRegister #sysMain .sysForm ul.sysFormField > label {
	width:70px;
	float:left;
}
.sysMemberRegister .sysForm .sysBirthday input[type="text"] {
	width:20% !important;
	margin-right:1%;	
}
.sysMemberRegister .sysForm input[type="submit"] {
	display:block;
	margin:40px auto 0;
	width: 200px;
	color: #fff;
	font-size: 15px!important;
	cursor: pointer;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	background: #000;
}
.sysMemberRegister .sysForm button.btn { 
	padding:0 10px;
	margin-top:10px;
	border:none;
	height: 26px;
	color: #fff;
	font-size: 12px!important;
	line-height:1.0;
	cursor: pointer;
	background: #303030;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sysMemberRegister .sysForm input[type="submit"]:hover, .sysMemberRegister .sysForm button.btn:hover {
	opacity: 0.8;

	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

/* sysMemberRegisterConfirm page css
---------------------------------------------------- */
#sysMemberRegisterConfirm #sysMain h2 { 
	margin: 0 0 4%;
	background-color: #333;
	padding: 5px 0 3px 15px;
	font-size: 20px!important;
	font-weight: normal;
	color: #fff;
}
#sysMemberRegisterConfirm h2 + div {
	padding-left:3%;
}
#sysMemberRegisterConfirm .sysForm {
	margin-bottom:20px;
}
#sysMemberRegisterConfirm .sysForm div.sysFormItem {
	margin-bottom:20px;
}
#sysMemberRegisterConfirm #sysMain .sysForm .sysFormItem label {
	padding-top:0;
}
#sysMemberRegisterConfirm .sysForm input[type="submit"] {
	border:0;
	width: 200px;
	color: #fff;
	font-size: 15px!important;

	display: block;
	cursor: pointer;
	margin: 0 auto;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
}

/* sysMemberRegisterRegister page css
---------------------------------------------------- */
#sysMemberRegisterRegister #sysMain h2 { 
	margin: 0 0 10px;
	background-color: #333;
	padding: 5px 0 3px 15px;
	font-size: 20px!important;
	color: #ffffff;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}


/* sysMypageLogin page css
---------------------------------------------------- */
.sysMypage #sysMain {
	padding-left:10px;
}
.sysMypage #sysMain h2 {
	margin: 0 0 0 -10px;
	background: #333;
	padding: 5px 0 3px 15px;
	font-size: 20px!important;
	font-weight: normal;
	color: #fff;
}
.sysMypage #sysMain h3 {
	background: #919191;
	color:#fff;
	font-weight:normal;
	margin-left: -10px;
	padding: 8px 10px 6px 18px;
	margin-bottom:1%;
}
#sysMypageLogin label.sysFormLabel { 
	font-size: 12px; 
}
#sysMypageLogin .sysFormField { margin-bottom: 15px;}
#sysMypageLogin input[type="email"],
#sysMypageLogin input[type="password"], textarea { width: 250px; height: 30px;}

.sysMypage .loginBox {
    width: 95%;
    margin: 5% auto 4% 2%;
    overflow: hidden;
}
.sysMypage .loginBox form{
	overflow:hidden;
}
#sysMypageLogin .loginBox .sysFormField, .sysMypage .loginBox .sysFormField {
	margin-bottom:0;
}
.sysMypage .loginBox .sysFormItem {
    float: left;
    width: 60%;
    margin-left: 11%;
    overflow: hidden;
}
.sysMypage .loginBox label.sysFormLabel {
    display: inline-block;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.6;
    height: 30px;
    margin: 0 1% 1% 0;
    width: 24%;
    text-align: left;
    float: left;
    overflow: hidden;
}
#sysMypageLogin .loginBox input[type="email"], #sysMypageLogin .loginBox input[type="password"]{
	width: 74%;
}
.sysMypage .loginBox .sysLoginButton{
    margin: 0 0 0 6px;
    width: 18%;
    height: 62px;
    border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.sysMypage .loginBox .sysButton{
    background: none;
    background: url(../img/mypage_icon.gif) no-repeat 1px center;
    color: #333;
    font-size: 12px!important;
    font-weight: bold;
    margin: 0 auto !important;
    width: 220px;
    display: block;
}
.sysMypage .loginBox .sysButton:hover{
	text-decoration:underline;
}
#sysMypageReminder .loginBox .sysFormItem {
    float: none;
    width: 80%;
    margin-left: 10%;
}
#sysMypageReminder input[type="email"]{
	height: 30px;
}
#sysMypageReminder .loginBox input[type="email"], #sysMypageReminder .loginBox input[type="password"]{
	width:69%;
}
#sysMypageReminder .loginBox input[type="submit"]{
	width:200px;
	margin: 12px auto;
	display: block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}


/* sysMypageEditMember page css
---------------------------------------------------- */
#sysMypageEditMember .sysForm {
	text-align: left;
	width: 100%;
	overflow:hidden;
}
#sysMypageEditMember .sysRequired { 
	color: #ff6600; 
	font-size: 11px!important;
}
#sysMypageEditMember .sysFormItem { 
	margin-top: 20px;
	overflow:hidden;	
}
#sysMypageEditMember .sysForm label {
	float: left;
	margin-right:1%;
	width:40%;
	min-height:31px;
	padding-top:8px;
}
#sysMypageEditMember .sysForm div.sysFormField {
	width:55%;
	float:left;
}
#sysMypageEditMember .sysForm ul.sysFormField > label {
	width:70px;
	float:left;
}
#sysMypageEditMember .sysForm input[type="text"] { 
	width: 100%;
	height:30px;
}
#sysMypageEditMember .sysForm select {
	width:50%;
	height:30px;
}
#sysMypageEditMember .sysForm input[name="tel"],
#sysMypageEditMember .sysForm input[name="mailaddress"]
#sysMypageEditMember .sysForm input[name="fax"]{
	width:70%;
	height:30px;
}
#sysMypageEditMember #sysMain input[type="tel"], 
#sysMypageEditMember #sysMain input[type="password"], 
#sysMypageEditMember #sysMain input[type="email"], 
#sysMypageEditMember #sysMain input[name="zipcode"]{
	width:70%;
	height:30px;
}
#sysMypageEditMember #sysMain .sysMemberPassword input[type="password"]{
	margin-bottom:15px;
}
#sysMypageEditMember .sysMemberPassword h3 {
	display:none;
}
#sysMypageEditMember .sysMemberPassword h4 {
	margin-bottom:10px;
}
#sysMypageEditMember .sysForm .sysBirthday input[type="text"] {
	width:20%;
	margin-right:1%;	
}
.sysMypage input.sysNextSubmit {
	clear:both;
	display:block;
	width:200px;
	margin:30px auto 0;
}
.sysMypage input.sysBackButton {
	display: block;
	width: 200px;
	margin: 20px auto 30px;
}
.sysMypage input.sysButton {
	display: block;
	width: 200px;
	margin: 20px auto 30px;
}
#sysMypageEditMember .sysButton.btn, #sysMypageEditDelivery .btn{ 
	padding:0 10px;
	margin-top:6px;
	display:block;
	border:none;
	height: 26px;
	color: #fff;
	line-height:1.0;
	font-size: 12px!important;
	cursor: pointer;
	background: #303030;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* sysMypageEditDelivery page css
---------------------------------------------------- */
#sysMypageEditDelivery .sysOtherAddress {
	text-align: left;
	width: 98%;
	margin-left:1%;
	overflow:hidden;
}
#sysMypageEditDelivery .sysRequired { 
	color: #ff6600; 
	font-size: 11px!important;
}
#sysMypageEditDelivery .sysFormItem {
	margin-top: 20px; 
	overflow:hidden;
}
#sysMypageEditDelivery label { 
	float: left; 
	width: 40%;
	margin-right:1%;
	padding-top:8px;
}
#sysMypageEditDelivery #sysMain input[type="text"] {
	width: 100%;
	height:30px;
}
#sysMypageEditDelivery #sysMain input[type="tel"], 
#sysMypageEditDelivery #sysMain input[name="zipcode"]{
	width:70%;
	height:30px;
}
#sysMypageEditDelivery #sysMain select {
	width:50%;
	height:30px;
}
#sysMypageEditDelivery .sysFormField { 
	width:56%; 
	float:left;
}
#sysMypageEditDelivery #sysMain .btn {
	margin-top:6px;	
}
/* sysMypageEditDelivery page css
---------------------------------------------------- */
#sysMypageAshiato #sysMain form .sysCartButton {
	display:none;	
}
#sysMypageAshiato #sysMain .sysItemList li a {
	margin-top:0;
}
#sysMypageReview #sysMain form .sysCartButton {
	display:none;	
}
#sysMypageReview #sysMain .sysItemList li a {
	margin-top:0;
}
#sysMypageReview #sysMain .sysItemList ul input[type="submit"]{
	display:none;	
}

/* sysMypageIndex page css
---------------------------------------------------- */
.sysMypage .sysOrderHistory, .sysMypage .sysMypageNav input.sysButton {
	border:4px solid #dedede;
	padding:12px;	
}
.sysMypage .sysOrderHistory {
	width:97%;
	margin-top:2%;
	margin-left:1%;	
}
#sysMypageIndex #sysMain .sysOrderHistory h3 {
	background:none;
	color:#333;
	margin:0;
	padding:0;
	padding-left:2%;
	font-weight:bold;
}
#sysMypageIndex #sysMain .sysOrderHistory p {
	margin:0;
	padding-left:2%;
}
.sysMypage .sysMypageNav {
	width: 100%;
	margin:1% 0 2% 1%;
	overflow: hidden;	
}
.sysMypage .sysMypageNav input[type="submit"] {
    display: table-cell;		
    width: 48%;
	height:60px;
	vertical-align:middle;
    margin: 0 1% 1% 0;
    padding: 0;
    background: none;
    color: #333;
    font-size: 13px !important;
    float: left;
}
.sysMypage .sysMypageNav input[type="submit"]:hover {
	text-decoration:underline;
}
form[action="https://ssl.aispr.jp/anfuse/mypage/edit-member.html"],
form[action="https://ssl.aispr.jp/anfuse/mypage/repeat.html"],
form[action="https://ssl.aispr.jp/anfuse/mypage/my-review.html"]{
	display:none;
}


/* sysCart page css
---------------------------------------------------- */
.sysCartTitle { background-color: #333; padding:5px 0 3px 15px; font-size:20px;}

.sysCart #sysMain .sysBox {
	border:2px solid #d3d3d3;
	margin: 0 auto 1em;
	padding: 10px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	box-shadow:none;
	font-size:14px;
	overflow:hidden;
}
.sysCart .sysBox .sysProduct {
	margin-bottom:1%;
}
.sysCart .sysBox img.sysProductImg {
	margin-bottom:0;
}
.sysCart .sysItemListArea div.sysBox > div {
	width: 67%;
	float:right;

}
.sysCart .sysItemListArea div.sysBox > .sysSubTotalArea  {
	margin-bottom:1%;
}
.sysCart .sysItemListArea div.sysBox .sysNumArea {
	display:none;	
}
.sysCart .sysBox hr {
	display:none;
}
.sysCart #sysMain .sysBox p:first-child {
	text-align:center;
}
.sysCart .sysBox select {

	display:inline;
	max-width:none;
}
.sysCartAttention {
	color:#DC0000;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
	border: 0;
	color: #fff;
	font-size: 20px!important;
	background: #AC1E1D!important;
	width:50%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	text-shadow: none;
	border-radius: 6px; 
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
	height:inherit;
	line-height:1.2;
}
.sysCart #sysMain .sysNextSubmitArea .sysSendMail {
	padding:6px;
}
.sysTotal .sysTotalTxt {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	text-shadow: none;
	font-size: 18px!important;
	margin-left: 12px;
}
.sysTotal .sysTotalTxt .sysCartAttention {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	text-shadow: none;
	font-size: 21px!important;
}

.sysCart #sysMain textarea { width: 100%!important;}
.sysCart #sysMain .sysConfirmButton input[type=submit],
.sysCart #sysMain input[type=submit] {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	color: #000;
	height: 42px;
	font-size: 18px!important;
	line-height: 3px;
}
.sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
	background:#303030;
	border:none;
	color:#FFF;
}
.sysCart #sysMain .sysConfirmButton input[type=submit], .sysCart #sysMain input[type=submit] {
	color:#FFF;	
	height:35px;
	font-size:14px!important;
}
#sysBasket #sysMain .sysNextSubmitArea:first-child {
	display:none;
}
#sysConfirm #sysMain .sysNextSubmitArea:first-child {
}
.sysCart #sysMain select {
	width: 35%;
}
.sysCart .sysNavImg {
	margin-bottom:20px;
	text-align:center;
}
.sysCart ul.nav div.sysBox > div {
	width: 67%;
	float:right;
}
.sysCart ul.nav div.sysBox > .sysSubTotalArea  {
	margin-bottom:1%;
}
.sysCart ul.nav div.sysBox .sysNumArea {
	display:none;
	height:0;
}
.sysAccordionInitialHide {
	display:block;
}
.sysCart #sysMain .sysGender {
	margin-bottom:10px;	
}
.sysCart #sysMain .sysGender .sysFormField label {
	margin-right:15px;
}
.sysRequired {
	color: #FF0000;
}





/* Mail magazine page css
---------------------------------------------------- */
#sysFormIndex #sysMain {
	background:#fff;
}
#sysFormIndex #sysMain h2 {
	margin: 0;
	background-color: #333;
	padding: 5px 0 3px 15px;
	font-size: 20px!important;
	font-weight: normal;
	color: #fff;	
}
.form-inquiry #sysMain h2 {
	background:url(../img/first/icon_contact.gif) #58585a no-repeat 10px center;
	background-size:22px;
}
#sysFormIndex #sysMain p { 
	margin: 10px 0; 
	line-height: 18px; 
	text-align: left;
}
.form-inquiry #sysMain p {
	margin: 0 !important;
	padding: 12px 0 12px 15px;
	background: #898989;
	color: #fff;
}
.form-melma #sysMain h2 {
	background:url(../img/first/icon_mail.gif) #58585A no-repeat 10px center;
	background-size:25px;
	padding: 5px 0 3px;
}
.form-melma #sysMain p { 
	padding: 8px 10px 6px 18px;
	margin:0 !important;
	font-weight: normal;
	background: #919191;
	color: #fff;
	font-size: 12px;

}
#sysFormIndex #sysMain #allCnt { width: 90%; margin: 0 auto;}
#sysFormIndex #sysMain form { 
	padding: 15px; 
	margin: 5% auto 20px; 
	text-align: center; 
	display: block; 
	width: 90%;
}

#sysFormIndex #sysMain label {
	 width: 30%; 
	 text-align: left;  
	 color: #333; 
	 font-size: 12px; 
	 line-height: 2.4; 
	 font-weight: bold; 
	 vertical-align: middle;
	 float: left; 
}
#sysFormIndex #sysMain .sysRequired { 
	color: #ff6600; 
	font-size: 12px!important;
	position: absolute;
	top:6px;

}
#sysFormIndex #sysMain .sys1 .sysRequired {
	left:3em; 
}
#sysFormIndex #sysMain .sys2 .sysRequired {
	left:7em; 
}
#sysFormIndex #sysMain .sys3 .sysRequired { 
	left:7em;
}
#sysFormIndex #sysMain .sys4 .sysRequired { 
	left:8em;
}
#sysFormIndex #sysMain .sysFormItem { 
	clear:both;
	padding-bottom: 3%; 
	margin-bottom: 3%;
	border-bottom: 1px dotted #333;
	overflow: hidden; 
	width: 100%;
	position:relative;
}
#sysFormIndex #sysMain .sysFormItem:last-child { 
	border:none;
}
#sysFormIndex #sysMain .sysFormField {
	float: right;
	width: 69%;
	text-align: right;
}
#sysFormIndex #sysMain input[type="text"] { 
	height: 30px; 
	width: 100%;
	padding-left:3px;
}
#sysFormIndex #sysMain textarea {
	width: 100%;
	height: 200px;
	padding-left: 3px;
	padding-top:2px;
}
#sysFormIndex #sysMain input[type="submit"] {  
	margin: 10px auto 0;
	display: block;
	width: 200px;
	height: 45px;
	color: #fff;
	font-size: 14px!important;
	font-weight: 600;
	cursor: pointer;
	font-family: sans-serif;
	background: #303030;
	border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
}
#sysFormIndex #sysMain input[type="submit"]:hover { background:#595959; }
#sysFormIndex #sysMain h3 { margin: 0 10px; border-bottom: 1px solid #CCCCCC; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif; }


#sysFormIndex #sysMain h3.yellow { font-size: 15px; font-weight: bold; background-color: rgb(179, 179, 179); padding: 5px 20px; margin: 30px 0 0 0; }
#somenews img { float: left; margin: 0 20px 10px 0;}
#somenews li { min-height: 75px; line-height: 18px;}

#sysFormConfirm #sysMain h2 {
	margin: 0 0 4%;
	background-color: #333;
	padding: 5px 0 3px 15px;
	font-size: 20px!important;
	font-weight: normal;
	color: #fff;	
}
#sysFormConfirm #sysMain button[type="submit"]{
	border: 0;
	margin: 7px;
	background: #000;
	padding: 10px;
	width: auto;
	color: #fff;
	font-size: 15px!important;
	cursor: pointer;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


/* NewArrivalblock css
---------------------------------------------------- */
.NewArrivalblock .sysHeadline { background-color: transparent; }
ul.sysHorizontal { 
	/*background-color:#ffffff;*/
	padding: 8px 15px 5px;
	margin-bottom: 10px;
}
.latestItem ul.sysHorizontal {
padding: 20px 5px 5px;
}
ul.sysHorizontal li { width: 20%!important; display: inline-block; padding: 0.5%!important; vertical-align: top; text-align:left;}
ul.sysHorizontal a { /*color: #454445;*/ font-size: 12px;}
ul.sysHorizontal a:hover { /*text-decoration:underline;*/}

#bordertopblock { width: 90%; height:10px; background-image: url("../img/bordertop.png"); background-repeat:repeat-x; margin: 0 0 -1px 0; background-color: #c4cbb7; }

ul.sysHorizontal li .sysItemName { margin: 5px 0;}
ul.sysHorizontal li .sysItemPrice { font-size: 13px;}


/* Rankingblock css
---------------------------------------------------- */
.Rankingblock .sysHeadline { background-color: transparent;}
.sysIconRank img { width: 40%; margin-bottom: 5px; }
/*.Rankingblock ul.sysHorizontal { padding: 2px 15px 5px;}*/

/* Recommendblock css
---------------------------------------------------- */
.Recommendblock .sysHeadline {background-color: transparent;}

/* lightbox css
---------------------------------------------------- */
 	#boxer, #boxer .boxer-container, #boxer .boxer-content, #boxer-overlay {
		-webkit-transition: none;
		   -moz-transition: none;
		   	-ms-transition: none;
		   	 -o-transition: none;
		   	 	transition: none;
	}
 	
	#boxer-overlay { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 105; }
	#boxer { background: #fff url(../img/item/gallerycase.gif) no-repeat center; border-radius: 0px; box-shadow: 0 0 25px #000; padding: 10px; position: absolute; z-index: 105; }
	#boxer.inline { padding: 30px; }
	#boxer .boxer-close { background: #fff url(../img/item/gallerycase-icons.png) no-repeat -70px 10px; border-radius: 100%; cursor: pointer; display: block; height: 30px; position: absolute; padding: 0; right: -10px; top: -10px; width: 30px; text-indent: -99999px; z-index: 106; }
	#boxer .boxer-close:hover { background-position: -70px -20px; }
	#boxer .boxer-container { background: #fff; height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 105; zoom: 1; border:solid 1px #ccc; }
	#boxer .boxer-content { background: #fff; overflow: hidden; padding: 0; width: 10000px; }
	#boxer .boxer-image { float: left; }
	#boxer .boxer-video { height: 100%; width: 100%; }
	#boxer .boxer-iframe { float: left; height: 100%; overflow: auto; width: 100%; }
	#boxer .boxer-meta { clear: both;}
	#boxer .boxer-arrow { background: #fff url(fs-boxer-icons.png) no-repeat 0 0; border-radius: 100%;  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); cursor: pointer; /*display: block;*/ display:none; height: 40px; margin-right: auto; margin-left: auto; opacity: 0; position: absolute; text-indent: -99999px; top: 0; width: 40px; 
		-webkit-transition: opacity 0.1s linear;
		   -moz-transition: opacity 0.1s linear;
		   	-ms-transition: opacity 0.1s linear;
		   	 -o-transition: opacity 0.1s linear;
		   	 	transition: opacity 0.1s linear;
	}
	#boxer .boxer-arrow.previous { left: 20px; }
	#boxer .boxer-arrow.next { background-position: -40px 0; right: 20px; }
	#boxer .boxer-content:hover .boxer-arrow { opacity: 0.75; }
	#boxer .boxer-content .boxer-arrow:hover { opacity: 1; }
	#boxer .boxer-content:hover .boxer-arrow.disabled { opacity: 0.3; cursor: default !important; }
	
	#boxer .boxer-position { color: #999; font-size: 11px; margin: 0; padding: 15px 10px 5px; display:none; }
	#boxer .boxer-caption p { margin: 0; padding: 15px 10px 10px 10px; }
	#boxer .boxer-caption.gallery p { padding-top: 0; }



@media screen and (max-width:600px){
/* RESET FOR SP
---------------------------------------------------- */
body {
	border-top:5px solid #000;
}
div#sysHeader, div#sysMain, div#sysAside {
	/*width: 100%; */
	margin: 0 auto; 
	padding:0;
	float: none!important;
}
.sidebar {
	width: 100%!important; 
	margin: 0 auto; 
	float: none!important;
}
.sidCnt { display: none!important;}
#contAll {
	margin-top:3%;
	margin-bottom:6%;
}
div#sysMain { 
	/*padding:2%;*/
	margin-bottom:3%;
}
div#sysAll {
overflow-y: hidden;
}

/* DETAILS
---------------------------------------------------- */

#index #sysMain { background-color: transparent!important; margin: 0 auto; padding:0!important;}

/* HEADER
---------------------------------------------------- */

#borderbottom { height: 10px;}
#header { 
	/* height: 60px; */
	margin: 0;
	padding: 0;
	position: relative;
}
#headcontents { width: 100%; margin: 0 auto;}
.CartLoginBtn {
margin: 0 0 16px;
float:none;
width:100%;
}
.logo { 
width: 55%;
float: none; 
padding: 2px;
}
.logo img {
	min-width: 220px;
	height: auto;
	width: auto;
	display: block;
}
.logotext { font-size: 11px; color: red; line-height: 0; position: absolute; margin: -3px 0 0 2px;}
#header .headerBtn {
width: 100%;
display: block;
text-align: center;
margin: 15px 10px;
}
.headerBtnsma, .footerBtnsma {
    margin: 0 1px;
    display:inline; 
    background: #ffffff;
    color: #727272;
    width: auto;
    padding: 8px 4px 13px 4px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
#headermenu {
display: none;
color: #333;
width: 100%;
right: 0;
height: auto;
padding: 0px 10px 0px;
border-top: none;
z-index: 9999;
position: static;
top: 67px;
}
#headermenu .alt-h1 {
	display:none;
}
#header .right {
	width:100%;
	float:none;
}
#headermenu #headermenuInner {
	 display: block;
	 width: 100%;
	 overflow: hidden;
}

#headermenu.disnone {
	 display:none;
}

#headermenu img {
	 display: block;
	 width: 100%;
	 overflow: hidden;
}

#headermenuBar {
	position: relative;
	height: 127px;
	width: 100%;
	display: table;
	margin-bottom:5px;
}
#headermenuBar h1 {
    display: block; 
    width: 100%; 
　　float: left;  
　　padding-left: 10px;  
    margin-top: 5px;
}


#headermenuBar p {
	display: table-cell;
	text-align: right;
	padding-right: 60px;
	vertical-align: middle;
	width: 135px;

}

#headermenuBar p span {
	border-right: 1px solid #ccc;
	padding: 10px;
	white-space: nowrap;
}

#headermenuBar #menuBtn {
	position: absolute;
	top:30px;
	right: 0;
	background: url("../img/icon_menulist_b.png") 18px 26px no-repeat;
	background-size: 24px;
	height: 60px;
	width: 60px;
	display: table-cell;
}

#headermenuBar #menuBtn.active {
	background: url("../img/icon_menulist_b.png") 18px -30px  no-repeat;
	background-size: 24px;
}


.sysFuncItemSearch form{
	position: absolute;
	z-index: 10;
	top: 80px;
	width: 100%;
	display: none;
	margin-left: 1px;
	margin-right: 1px;
	box-sizing:border-box;

}

.sysFuncItemSearch form.disblock {
	display: table;
	width: 99.6%;
}


.sysFuncItemSearch form div.sysItemSearchFormWord {
	display: table-cell;
	float: none;
	width: 100%;
	vertical-align: middle;
	border:solid 1px #666;
}

.sysFuncItemSearch form div.sysItemSearchFormWord input {
	height: 40px;
	border:none !important;
}

.sysFuncItemSearch form > input {
	display: table-cell;
	float: none;
	margin-left: 10px;
	vertical-align: middle;
	border: none !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-appearance: none;
height: 40px;
}

#contentsMenu {
	display:none;
}

#headermenu #contentsMenuSP{
	display:block;
}
#headermenu #contentsMenuSP li a {
	display: block;
	height: 40px;
	margin: 15px 10px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	background-size: 10px;
	background-color: #000;
	width: auto;
	color: #fff;
	text-align:center;
}

#headermenu #contentsMenuSP li:last-child a {
	margin-bottom: 0;
}

#headermenu ul#globalmenu { 
	width: 100%; 
	float: none;
	margin: 0 auto;
	display: block;
	/* overflow: hidden; */
}

#headermenu ul#globalmenu li { 
	border-top: 1px #585858 solid;
	float: none;
	width: 100%;
}
#headermenu ul#globalmenu li {
	border:none;
}

#headermenu ul#globalmenu li a { 
	display: block;
	height: 40px;
	margin: 15px 10px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	background-size: 10px;
	background-color: #000;
	width: auto;
	color: #fff;
}

#headermenu ul#globalmenu li:first-child a {
	margin-top:0;
}



#headermenu .CartLoginBtnArea {
	display: table-header-group;
}

#headermenu .CartLoginBtn {
	display: block;
}

#headermenu .CartLoginBtn div {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
}

#headermenu .CartLoginBtn div.cartBtn {
	display: block;
	float: none;
}

#headermenu .CartLoginBtn div.cartBtn span {
	display: block;
	/* margin-top: 36px; */
	/* padding-top: 36px; */
	/* border-top: 1px #585858 solid; */

}



#headermenu  ul#globalmenu { display:none; }
#headermenu .CartLoginBtn div.cartBtn { display:none; }
#headermenu .CartLoginBtn div.loginBtn { display:none; }


.spnone{
	display:none;
}
.active{
	background: url(../img/topMain/icon_menulist.png) no-repeat 95% -30px;
	background-size: 6%;
	-moz-background-size: 6%;
}
/*search area*/
.sysItemSearchFormWord {
float: left;
width: 70%;
margin: 0;
}
form.sysItemSearchForm input[type="search"] {
height: 2em;
}
input[type="submit"] {
	margin: 7px;
	background: #000;
	padding: 9px 11px;
	width: auto;
	color: #fff;
	font-size: 14px!important;
	cursor: pointer;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

/*end*/

/* SIDEBAR
---------------------------------------------------- */
/* SEARCH FORM --start-- */
.AsideSearchbox input[type="search"] { height: 3em;}
/* SEARCH FORM --end-- */

.sysHeadline { margin: 0!important; padding: 12px 0;}

.sideTopBnr { margin: 0; width: 100%;}
.sideTopBnr img { width: 100%;}
.footerBtnsma { padding: 19px 4px;}
.containerleft {display: none;}


/*toggle*/


/*infomation*/
.info {
padding: 12px 15px;
margin:1% 0 0 0;
}
.infocontents p {
font-size: 14px;
font-weight: normal;
padding-bottom:5px;
}
.info p {
margin: 5px 0;
}
.info p.infotext3 {
text-align: left;
margin: 5px 0;
font-size: 16px;
}
img.iconcate {
width: 40px;
margin-right: 2px;
}
.infotel {
background: url(../img/side/icon_tel.png) no-repeat left top;
background-size: 40px;
-moz-background-size: 40px;
}
.infomail{
background:url(../img/side/icon_mail.png) no-repeat left top;
background-size:40px;
-moz-background-size: 40px;
padding-bottom: 20px;
}
.infotel, .infomail {
margin-left: 0;
padding-left: 48px;
}




/* MAIN CONTENTS
---------------------------------------------------- */
#contentsareatopimg { width: 100%; margin: 1% 0 0 0;}
#contentsarea { width:100%; overflow: hidden; margin : 0;}

.sysHeadline { margin: 5px 0 0 0;}
.search { padding: 7px 0 0 0; }

/* NEW ARRIVAL --start-- */
img.cnttitle { width: 50%; float: left; }
ul.arrival { width:auto; background-color:#ffffff; margin: 0 auto 5px; padding: 2% 0 0 0; letter-spacing: -1px; text-align: center;}
ul.arrival li { display: inline-block; padding: 0 1%!important; margin: 0 1%; width: 28%; vertical-align: top;}
ul.arrival li.under4 { display: none; }
.NewArrivalblock{
	margin: 1% 0 0 0;
	padding: 4% 2%;
}
.NewArrivalblock .sysHeadline {
padding: 0;
background-color: transparent;
}
/* NEW ARRIVAL --end-- */

/* Recommend --start-- */
.Recommendblock{
	margin: 1% 0 0 0;
	padding: 4% 2%;
}
.Recommendblock .sysContent .sysHorizontal li {
float: left;
width: 33%;
padding: 4px;
}
.Recommendblock .sysHeadline {
padding: 0;
}
/* Recommend --end-- */

/*Ranking --start-- */
.Rankingblock{
	margin: 1% 0 0 0;
	padding: 4% 2%;
}
.Rankingblock .sysHeadline {
padding: 0;
}
/*Ranking --end-- */

/* TOPICS --start-- */
.topicsleftBnr { display: none; }
.topics { 
padding: 0 10px 3px 10px;
}
dl.newstext dt { width: 100%; margin:0; padding: 0;}
dl.newstext dd {
	padding: 0 0 5px 4px;
	border:none;}
.topicsright{
	margin: 1% 0 0 0;
	padding:4% 2%;
}

.topicsright h3{
	float: left;
}
.iconnews{
width: 9%;
margin: 4px;}
.rightarea{
	float:right;
}
.rightarea .headerBtn{
	margin:2px;
	padding:2px 18px;
}
/* TOPICS --end-- */


/* FOOTER
---------------------------------------------------- */
#footer {
	padding: 0;
	width: auto;
}
#bordertop { margin: 11% 0 0 0;}
#bordertopFooter { margin: 0;}
#footcontents { line-height: 17px; width: 100%; padding: 0;}
.tabPCfootmenu { display: none; }
.footleft { width:100%; float:none; margin: 15px 0; position:absolute;}
.footright { width:100%; float:none; margin: 15px 0; text-align:right;}
.copy { width:auto; margin-top: 20px; font-size: 12px; padding: 20px 0;}

#SPfootermenu {
    width: 100%;
    padding: 0;
    margin: 0 auto 25px;
    text-align: center;
}
#SPfootermenu li {
    list-style: none;
    font-size: 14px;
    text-align: left;
}
#SPfootermenu li a {
    display: block;
    /*height: 34px;*/
    padding: 20px 20px 20px 20px;
    background-image: url("../img/listarrow.png");
	background-size: 9px;
	-moz-background-size: 9px;
    background-repeat: no-repeat;
    background-position: 95%;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#SPfootermenu li.level1 {
    border-bottom: solid 1px #D9D9D9;
}
ul.btnmenu {
	display:none;
}
#footer address {
	text-align:center;
	float: none;
}
/*pagetop AREA*/

#pagetop {
	margin: 20px 14px 0 0;
}


/* PULUG-IN CSS
---------------------------------------------------- */
/********************************
 * CategorySP
 ********************************/


.AsideCategorySP #wrapper { width: 100%; margin: 0 auto; font-size: 0.8125em;}
.AsideCategorySP .menu { width: auto; height: auto;}
.AsideCategorySP .menu > li > a {
	background-color: rgb(245, 176, 153);
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	border-bottom: 1px #ffffff solid;

	width: 100%;
	height: 4.5em;
	line-height: 4.5em;
	text-indent: 1.6em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 600;
	color: #ffffff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.AsideCategorySP .menu ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 4em;
	line-height: 4em;
	text-indent: 4em;
	display: block;
	position: relative;


	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.923em;
	font-weight: 400;
	color: #878d95;
	text-align: left;
}
.AsideCategorySP .menu ul li:last-child a { border-bottom: 1px solid #85c092;}
.AsideCategorySP .menu > li > a:hover, .menu > li > a.active {
	background-color: #a9a9a9;
	background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.AsideCategorySP .menu > li > a.active {}
.AsideCategorySP .menu > li > a:before {
	content: '';
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.AsideCategorySP .menu > li > a span {
	font-size: 1em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background-color:#a9a9a9;
	line-height: 0;
	height: 1em;
	padding: .7em .4em;
	margin: -.6em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.AsideCategorySP .menu > li > a:hover span, .menu > li a.active span { background: #999999;}
.AsideCategorySP .menu > li > ul li a:before{
	content: '▶';
	font-size: 8px;
	color: #bcbcbf;

	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.AsideCategorySP .menu > li > ul li:hover a,
.AsideCategorySP .menu > li > ul li:hover a span,
.AsideCategorySP .menu > li > ul li:hover a:before { color: #32373D;}
.AsideCategorySP .menu ul > li > a span {

	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%;
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 0;
	height: 1em;
	padding: .7em .4em;
	margin: -.9em 0 0 0; 

	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}


/* Item page css
---------------------------------------------------- */
#sysItemDetail #sysMain {
margin: 6px auto 0!important;
padding: 5px !important;
} 
.sysItemImages {
	width: 100%;
	position: static;
	float: none;
	margin: 15px auto 0;
	min-height: inherit;
}
#sysItemDetail .sysRetailPrice { font-size: 2em; margin: 10px 0 0 0;}
#sysItemDetail .sysSuggestedRetailPrice{
margin: 10px 10px 20px 0;
}
#sysItemDetail .sysExplanation {
margin: 0 auto;
width: 97%;}
#sysItemDetail #sysExplanation {
padding: 5px 0;
}
#sysItemDetail #sysNumber {
float: none;
margin: 20px 10px 0 0;
}

/*修正02
#sysSubmit input[type="submit"] {
border: 0;
width: 100%;
background: url(../img/icon_cart.png) #585858 no-repeat 25% 50%;
}*/

#sysWishlist button[type="submit"] {
margin: 20px 0 0 0;
width:100%;
background: url(../img/icon_fav.png) #888888 no-repeat 36% 50%;
}
.sysItemImages .sysImageList li { 

}
.sysItemName h1 { margin: 20px auto 0; font-size: 18px;}
.sysExplanation p { margin: 5px 0 0 0; line-height: 15px; min-height: 20px;}
.sysItemId{
	width:97%;
	margin: 20px 0 10px 0;
	font-size: 12px !important;
}
.sysSuggestedRetailPrice span {
font-size: 12px;
}
.sysRetailPrice { margin: 10px 0 10px 110px; font-size: 13px;}
ul.sysThumbnail li .sysRetailPrice { font-size: 13px; font-weight: normal;}
.sysShippingCost { margin: 20px 0 0 0;}
.sysShippingMethod { margin: 7px 0 0 0;}
.sysStockQuantity { margin: 7px 0 0 0;}

#sysItemDetail .sysForm { width: 97%;
margin: 0 auto; float: none; }
#sysSelections { margin: 10px 10px 0 0!important; float:none!important;
}
select { width: 200px;}

.ImageUsability ul li p {
}

.ItemSummary { margin-top: 5px; width: 100%; float: none; position: static;}
.ItemSummary dl {
margin: 10px;
}
.ItemSummary dt {

	min-height:inherit;
}
.ItemSummary dd {
}
dl.SumCnt { margin: 15px 0 0 0;}
dl.SumCnt dt { width: 62px; }
dl.SumCnt dd { margin: 0 0 6px 70px; }

.ItemStock { margin-top: 5px; width: 100%; float: none; min-height: 0;}
.ItemStock ul li img { width: 70%!important;}
.ItemStock ul li { width: 46%!important;}
.ImageUsability ul li {
	width: 100%;
	float:none;
	overflow:hidden;
	margin: 0 0 10px 0;
}
.ItemReview ul li { width: 100%!important;}
.ItemReview ul li img { width: 15%;}

.ItemYetanother { margin-top: 5px;}


.ItemYetanother .als-container { margin: 0 auto 5px;}
.ItemYetanother .als-viewport {
	position: relative;
	overflow: hidden;
	margin: 5px auto 0;
	width: 78%!important;
	height: 150px!important;
}
.ItemYetanother #demo3 .als-item img.main { width: 95%;}
.ItemYetanother #demo3 .als-item {
	margin: 0px 5px 0 2px;
	padding: 4px 0px;
	min-height: 100px;
	min-width: 70px;
	text-align: center;
}
.ItemYetanother #demo3 .als-prev, #demo3 .als-next { top: 0px; height: 150px;}


.ItemRelated, ItemBuy { margin-top: 0;}

.ItemBuy { margin-top: 0;}
.ItemBuy img.leftsumb { width: 100%; float:none; }
.ItemBuy h1 { margin: 1% 0 0 0;}
.ItemBuyPrice { margin: 1% 0 0 0;}
.ItemBuy .sysForm { width: 100%!important; }
.ItemBuy #sysSelections { position: static;}
.ItemBuy #sysSubmit input[type="submit"] { width: 90%; height: 60px; margin: 0;}
.ItemBuy #likeSubmit input[type="submit"] { width: 65%; height: 35px; float:none; margin: 10px 0; }
.ItemInquiry { margin: 15px 0; }

.ItemRelated ul.arrival li p { margin: 3px 0 0 0; line-height: 10px;}
.ItemVariation {
width:97%;	
margin: 30px auto 0;
float: none;
position:inherit;	
}
.ItemComment {
width:97%;	
margin: 30px auto 0;
float: none;
min-height: inherit;}
.ImageUsability {
	width: 97%;
margin: 15px auto 20px;
}


/* sysItemCategory page css
---------------------------------------------------- */
#sysItemSearch #sysMain h2 {
	margin-top:0;
}
#sysItemSearch #sysMain ul.sysThumbnail {
	width:100%;
}
#sysItemCategory #sysMain {
	position: relative;
	background-color: #fff;
}
#sysItemCategory #catetopimg .caption {
left:10px;
top: 25%;
}
#sysItemCategory #catetopimg .caption h2 {
font-size: 14px;
margin:0;
}
#sysItemCategory #catetopimg .caption h3 {
font-size: 12px;
}
.cateScene .sysContent { margin-top: 5px!important;}

.sysItemList ul.sysList p { text-align:left; margin: 15px 0 10px 120px; line-height: 16px;}
.sysItemList ul.sysList li p a { text-decoration: underline; font-size: 14px!important;}
.sysItemList ul.sysList li p span { color: #FF6600; font-weight: 600;}
.sysItemList ul.sysList input[type="submit"] { font-size: 14px!important;}

.sysItemList ul.sysThumbnail li { width: 50%; margin-bottom:2%;}
.sysItemList ul.sysThumbnail li:nth-child(2n+1){
	clear:both;
}
.sysItemList ul.sysThumbnail p { line-height: 14px;}
.sysItemList ul.sysThumbnail li p a { font-size: 11px!important;}
.sysItemList ul.sysThumbnail li p span { font-size: 11px;}
.sysItemList ul.sysThumbnail input[type="submit"] {
	font-size: 12px!important;
	margin: 10px 0;
}
#sysItemCategory ul.sysList li .sysThumbnailImage {
	width:120px;
}
ul.sysThumbnail li a {
}
/********************************
 * boxer
 ********************************/
 #boxer {
}

/* sysMypageLogin page css
---------------------------------------------------- */
.sysMypage #sysMain h3 {
	margin-left: 0;
	padding-left:10px;
}
#sysMypageLogin .loginBox {
    margin: 5% auto 3% 2%;
}
#sysMypageLogin .loginBox .sysFormItem { 
	float: none;
	width: 96%;
	margin-left: 2%;
}
#sysMypageLogin .loginBox label.sysFormLabel {
    width: 32%;
}
#sysMypageLogin .loginBox input[type="email"], #sysMypageLogin .loginBox input[type="password"]{
	width:67%;
}
#sysMypageLogin .loginBox .sysLoginButton{ 
	margin: 3% auto 0;
	display: block;
	width: 220px;
	height: auto;
}
#sysMypageReminder .loginBox .sysFormItem {
    width: 90%;
    margin-left: 5%;
}
.sysMypage .sysMypageNav input[type="submit"] {
	font-size:11px !important;
	word-wrap: break-word;
}

/* sysMemberRegisterIndex page css
---------------------------------------------------- */
.sysMemberRegister .sysForm {
	width:94%;
	margin:3% auto 5%;	
	padding-left:0;
}
.sysMemberRegister #sysMain h2 {
	padding-left:10px;
	font-size:16px !important;
}
.sysMemberRegister #sysMain h3 {
	padding-left:10px;
}
.sysMemberRegister #sysMain .sysForm .sysFormItem label {
	float:none;
	width:100%;
}
.sysMemberRegister #sysMain .sysForm div.sysFormField {
	float:none;
	width:100%;
}
.sysMemberRegister .sysForm select {
	height:40px;
	margin-top:3px;
}
.sysMemberRegister .sysForm input[type="text"] ,
.sysMemberRegister .sysForm input[type="email"]{ 
	height:40px; 
	margin-top:3px;
}
.sysMemberRegister #sysMain input[type="tel"], .sysMemberRegister #sysMain input[type="password"], .sysMemberRegister #sysMain input[type="email"], .sysMemberRegister #sysMain input[name="zipcode"] {
	height:40px;
	margin-top:3px;
}
.sysMemberRegister .sysForm input[name="tel"],
.sysMemberRegister .sysForm input[name="mailaddress"]
.sysMemberRegister .sysForm input[name="fax"]{
	height:40px;
	margin-top:3px;
}

/* sysMemberRegisterConfirm page css
---------------------------------------------------- */
#sysMemberRegisterConfirm #sysMain {}

/* sysMypageEditMember page css
---------------------------------------------------- */
.sysMypage #sysMain {
}
.sysMypage #sysMain h2 {
	font-size:16px !important;
	margin-top:0;
	margin-left:0;
	padding-left:10px;
}
#sysMypageEditMember .sysForm { 
	width:94%; 
	margin:3% auto 5%;
	overflow:hidden;
}
#sysMypageEditMember .sysForm label {
	float:none;
	width:100%;
}
#sysMypageEditMember .sysForm div.sysFormField {
	float:none;
	width:100%;
}
#sysMypageEditMember .sysFormItem { 
	margin-top: 20px;
}
#sysMypageEditMember .sysForm select {
	height:40px;
	margin-top:3px;
}
#sysMypageEditMember .sysForm input[type="text"] {
	height:40px; 
	margin-top:3px;
}
#sysMypageEditMember #sysMain input[name="tel"],
#sysMypageEditMember #sysMain input[name="mailaddress"]
#sysMypageEditMember #sysMain input[name="fax"]{
	height:40px;
	margin-top:3px;
}
#sysMypageEditMember #sysMain input[type="tel"], #sysMypageEditMember #sysMain input[type="password"], #sysMypageEditMember #sysMain input[type="email"], #sysMypageEditMember #sysMain input[name="zipcode"] {
	height:40px;
	margin-top:3px;
}

/* sysMypageEditDelivery page css
---------------------------------------------------- */
#sysMypageEditDelivery .sysOtherAddress{
    width: 96%;
    margin: 0 auto;
}
#sysMypageEditDelivery #sysMain label {
	float:none;
	width:100%;
}
#sysMypageEditDelivery #sysMain div.sysFormField {
	float:none;
	width:100%;
}
#sysMypageEditDelivery #sysMain select {
	height:40px;
	margin-top:3px;
}
#sysMypageEditDelivery #sysMain input[type="text"] {
	height:40px; 
	margin-top:3px;
}
#sysMypageEditDelivery #sysMain input[name="tel"],
#sysMypageEditDelivery #sysMain input[name="mailaddress"]
#sysMypageEditDelivery #sysMain input[name="fax"]{
	height:40px;
	margin-top:3px;
}
#sysMypageEditDelivery #sysMain input[type="tel"], #sysMypageEditDelivery #sysMain input[type="password"], #sysMypageEditDelivery #sysMain input[type="email"], #sysMypageEditDelivery #sysMain input[name="zipcode"] {
	height:40px;
	margin-top:3px;
}

/* sysCart page css
---------------------------------------------------- */
.sysOrder .sysConfirmButton,
.sysDetail .sysConfirmButton { width: 40%; float: left!important;}
.sysCart .sysBox img.sysProductImg {
	width:33%;
}
.sysCart ul.nav div.sysBox > div {
	width:64%;
}
.sysCart #sysMain input[type=text],
.sysCart #sysMain input[type=password],
.sysCart #sysMain input[type=email],
.sysCart #sysMain input[type=number],
.sysCart #sysMain input[type=tel],
.sysCart #sysMain input[type=search],
.sysCart #sysMain textarea { height: 3em;}

.sysCart #sysMain select {
	width: 80%;
	max-width: none;
	margin: 0 0 0.5em;
}
.sysCart #sysMain .input-append input[type=text] {
	margin-right:0;
}
/* sysItemSearch page css
---------------------------------------------------- */
#sysMain form.sysItemSearchForm { width: 90%;}

/* First page css
---------------------------------------------------- */
#first #sysMain p { margin: 0 0 7px 0; text-align: left;}
.guideList, #guideSearch, .member { width: 100%; margin: 0 auto 0;}
.guideList, #guideSearch, .member img{
	max-height:100%;
	height:auto;
}

.guideImgSma { width: 100%; margin: 0; float:}
.guideImgPC { display: none;}
.guideImgTab { display: none;}

.guideList dl { float: none; width: 100%; height: 95px;}
#guideSearch dl { margin: 0 auto; padding: 0 10px; }
#guideSearch dt { margin-top: 25px; }


/* Mail magazine page css
---------------------------------------------------- */
#sysFormIndex #sysMain h2 {
	margin: 0;
	font-size: 16px!important;
	padding-left:10px;
}
#sysFormIndex #sysMain #allCnt { width: 95%; margin: 0 auto;}
#sysFormIndex #sysMain form { width: 98%;}
#sysFormIndex #sysMain form .sysForm { width: 100%; text-align: center; }
#sysFormIndex #sysMain .sys1 { }
#sysFormIndex #sysMain .sys2 { }
#sysFormIndex #sysMain .sys3 { }
#sysFormIndex #sysMain input[type="text"] { height: 40px; width: 100%;}
#sysFormIndex #sysMain textarea { height: 120px; width: 100%; }
#sysFormIndex #sysMain label {
	width:100%;
}
#sysFormIndex #sysMain .sysFormField {
	clear:both;
	float:none;
	width:100%
}
#sysFormConfirm #sysMain h2 {
	margin: 0 0 4%;
	font-size: 16px!important;
	padding-left:10px;
}
#sysFormIndex #sysMain .sysFormItem {
	border:none;
}
.form-inquiry #sysMain p, .form-melma #sysMain p {
	padding-left:10px;
	padding-right:3px;
}



/* NewArrivalblock css
---------------------------------------------------- */
ul.sysHorizontal { width:100%; 
padding: 8px 0px 5px;
margin-bottom: 10px;
}
#bordertopblock { width: 100%; }

/* Rankingblock css
---------------------------------------------------- */
.sysIconRank img { width: 70%!important;}

/* sns icon css
---------------------------------------------------- */
#sysItemDetail .sysShare {
padding:30px 0 15px!important;
margin: 0 auto;
text-align:left;
}
#sysItemDetail .sysShare .sysMixi{
	margin-top:6px;
}
}



@media screen and (min-width:601px) and (max-width:800px){

/* RESET FOR TABLET
---------------------------------------------------- */
#sysHeader { 
	width: 100%!important; 
	margin: 0 auto!important; 
}
#sysAside { 
	width: 96%!important; 
	margin: 0 auto!important; 
	float: none!important;
}
.cateSP {display: none!important;}
#contAll {
	margin-top:10px;
}
#sysMain { 
	width: 96%!important; 
	margin: 0 auto 3%!important; 
	padding:0 0 20px 0;
	float: none !important;
}
#sysItemDetail #sysMain {
	position: static;
	margin-left: 0!important;
	margin: 7px auto 6px!important;
} 

/* DETAILS
---------------------------------------------------- */

p { margin: 0;}
#index #sysMain { background-color: transparent!important; margin: auto 0; padding:0;}

/* HEADER
---------------------------------------------------- */
.headerBtnsma { display:none; }
.logotext { display: none;}
#header { height: 85%; margin: 0; padding: 0;}
#headcontents {
	width: 95%;
	margin: 0 auto;
}
.logo {
	width: 40%; 
	float: left; 
	margin: 5px 0;
}
#headermenu .alt-h1 a {
	padding-left:0;
}
.headerbg{
position:relative;
min-height: 80px;
}
.CartLoginBtn { 
margin: 10px 0; 
}

ul.globalmenu { 
	width: 100%; 
	margin: 17px auto 0;
	display: table;
}

ul.globalmenu li a { 
	padding: 1%; 
	font-size: 18px;
	display: table-cell;
}


#headermenu h1 {
	/* display: none; */
}


.headerBtn {
height: 35px;
color: #fff;
font-weight: 400;
cursor: pointer;
border-radius:0px;
padding:4px 10px	;
border:none;
}


/*search*/
input[type="submit"] {
	border:0;
	margin: 7px;
	background: #000;
	padding: 9px 11px;
	width: auto;
	color: #fff;
	font-size: 14px!important;
	cursor: pointer;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
}
form.sysItemSearchForm input[type="search"] {
height: 2em;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius:0px;
}
form.sysItemSearchForm {
background-color: #fff;
margin: 0;
padding: 0;
text-align: left;
}
.sysItemSearchFormWord {
float: left;
width: 80%;
margin: 5px 0 0 0;
}
.tabletSearchbox{
position:absolute;
right: 1.5%;

top: 1.5%;
width: 45%;}
#sysItemCategory .tabletSearchbox{
top: 2%;
}

/* ASIDE
---------------------------------------------------- */
/* SEARCH FORM --start-- */
.AsideSearchbox { width: 50%; float: right;}
.AsideSearchbox .sysContent { background-color: #fff; padding: 3px 30px!important; text-align: center;}
.AsideSearchbox form.sysItemSearchForm { padding: 0 0 0 7px; }
/* SEARCH FORM --end-- *

/* LOGIN FORM --start-- */
.AsideLoginForm { width: 50%; border-right: 1px #ccc solid;}
.AsideLoginForm ul { width: 95%; margin: 13px auto;}
.AsideLoginForm ul li { width: 48%; float: left; margin-left: 2%; text-align: center;}
/* LOGIN FORM --end-- */

.footerBtnsma { display:none; }
.sideTopBnr { display: none; }
.orderBnr { display: none; }

.containerleft { position: absolute; top: 95px; width: 95%; text-align: center; margin: 10px 0 0 0;}
.containerleft img { max-width: 45%!important; }

.search {padding: 14px; vertical-align: bottom; }
form { margin: 0; display: inline;}
input[type="text"], textarea { width: 35%;}

ul.cateBtn li { padding: 12px;}

.info {
margin: 0 0 6px 0;
padding: 0 0 10px 0;
}
.AsideSearchbox{
	display:none;
}
img.iconcate{
width:40px;
margin-right:2px;
}
.accentcolor01 p {
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
text-align: left;
padding: 15px 10px;
}


.AsideInfomation{
	float:right;
width: 49.7%; 
}
.info p.infotext2 {
padding: 1% 0 0 6%;
text-align: left;
margin: 0;
font-size: 12px;
}
.info p.infotext3 {

padding: 1% 0 3% 6%;
text-align: left;
margin: 0;
font-size: 16px;
}
small {
font-size: 10px;
margin: 0 5px 0 0;
padding: 0 0 0 6%;}
.infotel {
background: url(../img/side/icon_tel.png) no-repeat left top;
background-size: 10%;
-moz-background-size: 10%;
}
.infomail{
background:url(../img/side/icon_mail.png) no-repeat left top;
background-size:10%;
-moz-background-size: 10%;
}
.infotel, .infomail {
margin-left: 6%;
padding-left: 20px;
}

.tabnone{
	display:none;
}
.tabonly{
	background-color: #585858;
}
.sponly{
	display:none;
}


/* MAIN CONTENTS
---------------------------------------------------- */
#main { width: 95%; margin: 0 auto; position:static;}
#contentsarea { width:100%; overflow: hidden; margin : 1% 0 0 0;}
#contentsareatopimg { width:100%; margin: 30px 0 0 0;}
ul.arrival { padding: 0 0 2% 0;}


/* TOPICS --start-- */
.topicsleftBnr { width:42%; float:left; margin: 12px 0; background-color: #fff;}
.topicsright { 
text-align: left;
margin: 6px 0;
padding:15px;
}
.topicsright img { }
.topics { padding: 10px 10px 3px 10px; font-size: 13px; line-height: 18px; }

dl.newstext { overflow: hidden; zoom: 1;}
dl.newstext dt { width: 15%; margin-bottom: 0; padding-bottom: 2px;}
dl.newstext dt img { width: 56px; vertical-align: top;}
dl.newstext dd { 
margin-bottom: 0; 
padding:0 0 10px 0;
border:none;
}
.topicsright h3 {
float: left;
}
.topicsright .rightarea {
float: right;
}
img.iconnews {
width: 35px;
margin:0 0 3px 5px;
}
ul.sysHorizontal {
margin-bottom: 6px;
padding-bottom: 20px;
}
/* TOPICS --end-- */

/*newarrival*/
.sysHorizontal{
	text-align:left;
}
.sysHeadline, .search {
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
text-align: left;
padding: 15px 15px 0 15px!important;
}
#sysMain h3 {
font-size: 14px;
}

/*reccomend*/
.Recommendblock .sysContent .sysHorizontal li {
float: left;
width: 33%;
padding: 5px;
}

/*ranking*/

/* FOOTER
---------------------------------------------------- */
#footer{
    width: auto;
}

#footcontents { 
	width: 100%;
	padding-top:25px;
}
.footleft { width: 100%; float: none; position: static;}
.footright { width: 60%; margin:0;}
.copy { width: 40%; margin: 0; padding: 10px 0 0 0; text-align: left;} 

#SPfootermenu { display: none;}
.copy {
width: 100%;
margin: 0;
margin-top: 25px;
padding: 25px 0;
text-align:center;
}
.footerbg {
padding: 20px 0 0 0;
}
.tabPCfootmenu {
padding: 0 0 15px 0;
font-size: 12px;
}
#pagetop {
	margin-top: 10px;
	margin-right: 20px;
}



/* Item page css
---------------------------------------------------- */

.ItemRelated, .ItemBuy { margin-top: 0;}
.ItemReview, .ItemStock { margin-top: 5px;}
.ItemYetanother { margin-top: 10px;}
.ItemYetanother #demo3 .als-prev, #demo3 .als-next { top: 10px;}

.ItemSummary {
}

dl.SumCnt { margin: 15px 0 0 0;}
dl.SumCnt dt { width: 62px; }
dl.SumCnt dd { margin: 0 0 6px 70px; }

.ItemBuy .sysForm {width: 400px;}
.ItemBuy #sysSelections { float: left; width: 400px; margin-left: -200px; position: absolute;}
#sysItemDetail #sysSubmit input[type="submit"] {
	float:none;
}

/* 2021.07.01 編集
#sysSubmit input[type="submit"] {
background:url(../img/icon_cart.png) #585858 no-repeat 26% 50%;
}
*/

#sysWishlist button[type="submit"] {
background: url(../img/icon_fav.png) #888888 no-repeat 24% 50%;
}
#sysSelections select[name="selection[5470]"] {
}

.ItemVariation li {
width:23%;
}
.sysItemId {
font-size: 12px!important;
}
.sysSuggestedRetailPrice span {
font-size: 12px!important;
}

#sysItemDetail .sysRetailPrice {
font-size: 24px!important;
}
.latestItem .sysHeadline {
padding: 15px 0 0 0!important;
}

/*social*/
.sysForm li.sysGoogleplus {
width: 60px;
}
	
	
/* sysItemCategory page css
---------------------------------------------------- */
.cateChairsofa .sysContent { margin: 38px auto 0 auto!important; width: 100%; text-align: center;}
.cateScene .sysContent { margin: 32px auto 0 auto!important; width: 95%;}
.cateColor .sysContent { margin: 32px auto 0 auto!important; width: 95%;}
.catePrice .sysContent { margin: 32px auto 0 auto!important; width: 95%;}

.cateChairsofa .sysContent img { width: 95%;}
#sysItemCategory #sysMain {
	margin: 7px auto 6px!important;
	background-color:#FFF;
}
.sysItemList ul.sysThumbnail li { width: 25%; margin-bottom:2%;}
.sysItemList ul.sysThumbnail input[type="submit"] { margin-top: 5px;}



/* sysMemberRegisterIndex page css
---------------------------------------------------- */
.sysMemberRegister #sysMain small {
	padding:0;	
}
.sysMemberRegister #sysMain .sysForm .sysFormItem label {
	min-height:41px;
}
.sysMemberRegister .sysForm select {
	height:40px;
}
.sysMemberRegister .sysForm input[type="text"] ,
.sysMemberRegister .sysForm input[type="email"]{ 
	height:40px; 
}
.sysMemberRegister #sysMain input[type="tel"], .sysMemberRegister #sysMain input[type="password"], .sysMemberRegister #sysMain input[type="email"], .sysMemberRegister #sysMain input[name="zipcode"] {
	height:40px;
}
.sysMemberRegister .sysForm input[name="tel"],
.sysMemberRegister .sysForm input[name="mailaddress"]
.sysMemberRegister .sysForm input[name="fax"]{
	height:40px;
}

/* sysMemberRegisterConfirm page css
---------------------------------------------------- */
#sysMemberRegisterConfirm #sysMain {}

/* sysMemberRegisterRegister page css
---------------------------------------------------- */
#sysMemberRegisterRegister #sysMain { 
}


/* sysMypageLogin page css
---------------------------------------------------- */
#sysMypageIndex input[type="submit"] { margin-top: 7px;}
#sysMypagePoint input[type="submit"] { margin-top: 7px;}
#sysMypageAshiato input[type="submit"] { margin-top: 7px;}



/* sysMypageEditMember page css
---------------------------------------------------- */
#sysMypageEditMember span.ethna-error { position: absolute; margin: 15px 0 0 -300px;}

#sysMypageEditMember label { width: 45%; height: 25px; line-height: 23px;}
#sysMypageEditMember .sysMemberPassword .sysFormField { margin-left: 45%;}
#sysMypageEditMember .sysGender .sysFormField { margin-left: 45%;}
#sysMypageEditMember .sysBirthday .sysFormField { margin-left: 45%;}

#sysMypageEditMember .sysForm input[type="text"], textarea { width: 50%; height: 40px;}
#sysMypageEditMember .sysForm input[type="tel"],
#sysMypageEditMember .sysForm input[type="email"],
#sysMypageEditMember .sysForm input[type="fax"], textarea { width: 30%; height: 40px;}
#sysMypageEditMember .sysForm input[type="password"], textarea { width: 30%; height: 40px; margin-bottom: 15px;}

/* sysMypageEditDelivery page css
---------------------------------------------------- */
#sysMypageEditDelivery span.ethna-error { position: absolute; margin: 15px 0 0 -300px;}

#sysMypageEditDelivery label { width: 45%; height: 25px; line-height: 23px;}
#sysMypageEditDelivery .sysMemberPassword .sysFormField { margin-left: 45%;}
#sysMypageEditDelivery .sysGender .sysFormField { margin-left: 45%;}
#sysMypageEditDelivery .sysBirthday .sysFormField { margin-left: 45%;}

#sysMypageEditDelivery .sysForm input[type="text"], textarea { width: 50%; height: 40px;}
#sysMypageEditDelivery .sysForm input[type="tel"],
#sysMypageEditDelivery .sysForm input[type="email"],
#sysMypageEditDelivery .sysForm input[type="fax"], textarea { width: 30%; height: 40px;}
#sysMypageEditDelivery .sysForm input[type="password"], textarea { width: 30%; height: 40px; margin-bottom: 15px;}


/* sysBillingAddress page css
---------------------------------------------------- */
#sysBillingAddress .sysForm { width: 100%;}
#sysBillingAddress label { padding-top:12px; }
#sysBillingAddress .sysMemberPassword .sysFormField { }
#sysBillingAddress .sysGender .sysFormField { }
#sysBillingAddress .sysBirthday .sysFormField { }


#sysBillingAddress .sysForm input[type="text"], textarea { height: 40px;}
#sysBillingAddress .sysForm input[type="tel"],
#sysBillingAddress .sysForm input[type="email"],
#sysBillingAddress .sysForm input[type="fax"], textarea { height: 40px;}
#sysBillingAddress .sysForm input[type="password"], textarea { height: 40px; margin-bottom: 15px;}




/* sysItemSearch page css
---------------------------------------------------- */
form.sysItemSearchForm { width: 70%;}

/* First page css
---------------------------------------------------- */
#first #sysMain p { margin: 0 0 7px 0;}
.guideList, #guideSearch, .member { width: 100%; margin: 0 auto 0;}
.guideImgTab { width: 60%; margin: 2%; float: left;}
.guideImgPC { display: none;}
.guideImgSma { display: none;}


/* Mail magazine page css
---------------------------------------------------- */
#sysFormIndex #sysMain h2 {
	margin: 0;
	font-size: 18px!important;
	padding-left:10px;
}
.form-melma #sysMain p { 
	padding-left:10px;
}
#sysFormIndex #sysMain #allCnt { width: 95%; margin: 0 auto;}
#sysFormIndex #sysMain form { width: 560px; }
#sysFormIndex #sysMain form .sysForm { width: 100%; text-align: center; }
#sysFormIndex #sysMain input[type="text"] { height: 40px; width: 100%; }
#sysFormIndex #sysMain textarea { height: 150px; width:100%; }

#sysFormConfirm #sysMain h2 {
	margin: 0 0 4%;
	font-size: 18px!important;
}


/* NewArrivalblock css
---------------------------------------------------- */
ul.sysHorizontal { width:100%; }
#bordertopblock { width: 100%; }




#headermenuBar {
	display: none;
}

.sysFuncItemSearch {
	
	position: absolute;
	right: 18px;
}

.sysFuncItemSearch form {

	display: table;
	margin-top: 5px;

	float: right;
}

.sysFuncItemSearch form div.sysItemSearchFormWord {
	display: table-cell;
	vertical-align: middle;
	float: none;
	margin: 0;
	padding: 0;
	height: 25px;
	border:solid 1px #666;

}

.sysFuncItemSearch form div.sysItemSearchFormWord input {
	height: 25px;
	border: none;

}

.sysFuncItemSearch form > input {
	display: table-cell;
	vertical-align: middle;
	border-radius:0px;
	-moz-border-radius: 0px;
	float: none;
	margin: 0 0 0 10px;
	padding: 0;
	height: 25px;
	width: 55px;
-webkit-appearance: none;
	box-sizing:border-box;
}
.sysList .sysItemName {
margin: 5px 0;
}
.sysItemList ul.sysList input[type="submit"] {
	margin:0;
}
}

@media screen and (min-width:801px){
/* RESET FOR PC
---------------------------------------------------- */
body{
    margin: 0px auto;
    min-width: 1000px;
}
.bodyInner {
	width:1000px;
	margin:0 auto;
	position:relative;
}
#contAll {
	width:1000px;
margin:0 auto;

}
#contInner {
	margin-top:30px;
	margin-bottom:40px;
}
/*#sysMain {
	width:745px !important;
	float:right !important;
	margin:0;
	padding:0;

	min-height: inherit !important;
}*/

#sysMain {
	width:745px !important;
	float:right !important;
	margin:0;
	padding:0;
	min-height: inherit !important;
}



#brand #sysMain {
	width:1000px!important;
}

#sysAside {
	width:235px !important;
	float:left !important;
	margin:0;
	padding:0;
}
.sidebar { width: 100%; overflow:hidden;}
.cateSP {display: none!important;}

/*#sysMain { padding: 20px!important; margin: 0 0 0 26.3%!important; width: 63%!important; position: absolute;} 
#index*/ 


/* HEADER
---------------------------------------------------- */
div#sysHeader{
	float: none;
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 ;
	background-color: transparent;
}
#header {
	height: auto !important;
	width:1000px;
	margin:0 auto;
}
#headcontents {
overflow: hidden;
width: 100%;

}
.headerbg, .footerbg{

}
.headerBtnsma { display:none; }
.logotext { display: none;}
.logo { width: 25%; float: left; position: relative; margin: 0;}
.CartLoginBtn { 
	margin: 8px 0 4px 0;
 }

/*Log in*/
.sysFuncMemberLogin .sysHeadline{
}
.sysFuncMemberLogin {
}
.sysFuncMemberLogin .sysContent {
    border-left: 1px solid #E3E3E3;
}
.sysFuncMemberLogin .sysFormItem{
	float:left;
}
.sysFuncMemberLogin .sysFormLabel {

	display: none;
	font-size:12px;
}
.AsideLoginForm.sysFuncMemberLogin .sysFormItem{
	float:none;
}
.AsideLoginForm .sysFormField input[type="email"],
.AsideLoginForm .sysFormField input[type="password"] {
	border: 1px solid #C6C6C6;
	text-align: left;
	padding: 0 0 0 17%;
	background: url(../img/side/icon_mail.png) 0em center no-repeat;
	background-size: 17%;
		-moz-background-size: 17%;
		-o-background-size: 17%;
		-ms-background-size: 17%;
	height: 32px!important;
	border-radius: 3px;
	margin: 0 0 8px 0;
	width: 83%!important;
}
.AsideLoginForm.sysFuncMemberLogin ul {
	text-align: left;
	width: 70%;
	margin: 8px auto;
	line-height: 18px;
	padding-bottom:5px;
}
.AsideLoginForm.sysFuncMemberLogin ul li a {
font-size: 12px;
background: url(../img/arrow_r04.png) left center no-repeat;
background-size: 4px 7px;
-moz-background-size: 4px 7px;
-o-background-size: 4px 7px;
-ms-background-size: 4px 7px;
padding-left: 0.7em;
text-decoration: none;
}
.AsideLoginForm.sysFuncMemberLogin ul li a:hover {
	text-decoration:underline;
}
#headermenuBar {
	display: none;
}

/* Aside
---------------------------------------------------- */
.tabletSearchbox{
}
.sysHeadline {
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
text-align: left;
}
.search {
color: #fff;
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
text-align: left;
padding: 15px 10px;
}
.sysFuncItemSearch .sysHeadline .accentcolor01{
padding: 15px 10px;}
.accentcolor01 p {
font-size: 14px;
font-weight: normal;
letter-spacing: 1px;
text-align: left;
padding: 15px 10px;
}
.info{
	margin:6px 0;
padding: 0 0 10px 0;
}
.infocontents p {
padding: 15px 0 0 10px;
}
.info p.infotext2 {
padding: 1% 0 0 6%;
text-align: left;
margin: 0;
font-size:12px;
}
small.infotext2 {
font-size: 10px;
padding: 1% 0 0 6%;
margin: 0;
color:#fff;

}
.info p.infotext3 {
padding: 1% 0 3% 6%;
text-align: left;
margin: 0;
font-size:16px;
}
img.iconcate{
width:12%;
margin-right:2px;
}
img.iconnews{
width:5%;
margin:5px;
}
.accentcolor01 .leftarea{
	float:left;
}
.accentcolor01 .rightarea{
	float:right;
}
form.sysItemSearchForm input[type="search"] {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
height: 2em;
vertical-align: bottom;
display: block;
width: 100%;
}
select {
height: 2em;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
form.sysItemSearchForm .sysItemSearchFormCategory {
margin-top: 10px;
background: none;
line-height: 26px;
font-weight: normal;
border: none;
color:#333;
font-size:14px;
}
element.style {
}
Matched CSS Rules
.AsideLoginForm input[type="submit"], .AsideSearchbox input[type="submit"], #sysMain form.sysItemSearchForm input[type="submit"] {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
width: 55%;
height: 35px;
color: #fff;
font-size: 14px!important;
font-weight: 400;
cursor: pointer;
background: #000;
border-radius:0px;
padding: 9px;
margin-top: 25px;
}
.AsideLoginForm input[type="submit"]:hover,
.AsideSearchbox input[type="submit"]:hover,
#sysMain form.sysItemSearchForm input[type="submit"] {
	opacity:0.7;
	filter: alpha(opacity=70);
		-moz-filter: "alpha( opacity=70 )";
		-webkit-filter: "alpha( opacity=70 )";
		-o-filter: "alpha( opacity=70 )";
		-ms-filter: "alpha( opacity=70 )";
		background: #000;
}
.infotel, .infomail{
	margin-left:6%;
	padding-left: 20px;
}
.infotel{
	background:url(../img/side/icon_tel.png) no-repeat left top;
	background-size: 12%;
	-moz-background-size: 12%;
}
.infomail{
background:url(../img/side/icon_mail.png) no-repeat left top;
	background-size: 12%;
	-moz-background-size: 12%;
}#sysItemDetail .sysExplanation
.sponly{
	display:none;
}
.fb-wrap {
	margin-bottom:20px;
}
.calendar {
	margin-top: 15px;
	margin-bottom:25px;
}
.calendar .headline {
	margin-bottom:5px;
}
.calendar .bx-wrapper {
	width:225px;
}

/* contents
---------------------------------------------------- */
/*#sysMain h3{
	font-size:14px;
}*/

#contentsareatopimg {
width: 100%;
overflow: hidden;
}
.topics {
padding: 5px	;
}
.topicsright{
	margin-top:6px;
	padding:17px;
}
.topicsright h3{
	float:left;

	
}
.topicsright .rightarea{
	float:right;
}
dl.newstext dd {
	border: none;
}
.NewArrivalblock{
margin-top: 6px;
padding: 17px;
}
.NewArrivalblock h3{
	color:#333;
}
.NewArrivalblock .sysContent {
	text-align:left;
}
.Recommendblock{
background-color: #fff;
margin-top: 6px;
padding: 16px;
}
.Recommendblock h3{
	color:#333;
}
.Recommendblock .sysContent {
	text-align:left;
}
.Recommendblock .sysContent {
    padding:5px;
    font-size:;
    color:;
    background-color:;
}

.Recommendblock .sysContent .sysIconRank{
    text-align:center;
}
.Recommendblock .sysContent .sysIconRank img{
    width:auto;
}

.Recommendblock .sysContent .sysVertical .sysItemImage img{
    width:33%;
    vertical-align:top;
    float:left;
    margin-right:5px;
}
.Recommendblock .sysContent .sysVertical{
    text-align:left;
}
.Recommendblock .sysContent .sysVertical li:after{
    clear:both;
    content:'';
    display:block;
}

.Recommendblock .sysContent .sysHorizontal .sysItemImage img{
    width:100%;
    vertical-align:middle;
}
.Recommendblock .sysContent .sysHorizontal:after{
    clear:both;
    content:'';
    display:block;
}
.Recommendblock .sysContent .sysHorizontal li{
    float:left;
    width:33%;
    padding:5px;
}
.Recommendblock .sysContent .sysItemSuggestedPrice s{
          text-decoration:none;

    }
.Rankingblock{
background-color: #fff;
margin-top: 6px;
padding: 17px;}
.Rankingblock h3{
	color:#333;
}
.Rankingblock	 .sysContent {
	text-align:left;
}
ul.sysHorizontal li .sysItemPrice { 
font-size: 13px; font-weight: normal; color: #333; }

ul.sysHorizontal {
padding: 8px 5px 5px;
}
/*itempage*/
.ImageUsability ul li img {
max-width: 284px;
}
/*social*/
.sysForm li.sysGoogleplus {
width: 60px;
}



/* SIDEBAR
---------------------------------------------------- */
.topicsleftBnr { display: none; }
.orderBnr { display: none; }
.footerBtnsma { display:none; }

/* TO pagetop
---------------------------------------------------- */
#pagetop {
/* margin: 10px 20px 10px 0; */
}
#pagetop img{
	width: auto;
}

/* FOOTER
---------------------------------------------------- */
#bordertop { margin: 4.5% 0 0 0;}
#bordertopFooter { margin: 0;}
#sysItemDetail #bordertopFooter { margin: 0;}
#SPfootermenu { display: none;}
.copy {

width: 100%;
margin: 60px auto 0;
padding: 30px 0;
font-size: 13px;
letter-spacing: 1px;
}
#footcontents {
width: 100%;
padding:0;
}
.tabPCfootmenu{
	padding: 25px 0;
}
/* Item page css
---------------------------------------------------- */

/* sysItemCategory page css
---------------------------------------------------- */
.sysItemList ul.sysThumbnail li {
	width:25%;
	margin-bottom: 20px;
}
#sysItemCategory #sysMain{
	padding:10px !important;
}


/* sysCart page css
---------------------------------------------------- */
#sysRegisterEmptymail { display: none;}

/* First page css
---------------------------------------------------- */
.guideImgPC { width: 60%; margin: 2%; float: left;}
.guideImgSma { display: none;}
.guideImgTab { display: none;}

}

/* -------Common CSS --------*/

::-webkit-input-placeholder    {color: #fff;}

::-moz-placeholder    {color: #fff;}

:-moz-placeholder    {color: #fff;}

:-ms-input-placeholder    {color: #fff;}


#sysItemDetail #itemInfo .cartBox .sysForm #sysNumber {
	float:none;
	padding:10px 33px 10px 0;

}


/* -------アコーディオンcss --------*/
.AsideCategoryag ul.accordion ul { display:none;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}
li {
margin-left:0px;
list-style-type: none;
}

/* -------商品オプション設定css --------*/
#sysSelections div{
margin-bottom:10px;
}
#sysSelections input { 
     height: 28px; 
     width:188px;

}

/* -------TOP一行 --------*/
/*whatsnew*/
#whatsnew {
	margin-bottom: 5px;
}

/* -------催事特集 --------*/


#event201708nagoya h2 {
	background-color: #eeeeee;
	border-left: 4px solid #6e6e6e;
	padding: 10px 15px;
	font-size: 18px;
	line-height: 140%;
	color: #343434;
	margin-bottom: 20px;
}
#event201708nagoya .event img {
	margin-bottom: 20px;
}
#event201708nagoya dd {
	font-size: 15px;
	margin-bottom:60px;
}
#event201708nagoya hr {
	height: 1px;
	border: none;
	border-top: 1px #cccccc dotted;
	margin-top: 15px;
	margin-bottom: 20px;
}
#event201708nagoya .btn {
	display: table;
	text-align: right;
	font-size: 14px;
	margin-bottom: 20px;
	width: 97%;
}
#event201708nagoya .btn a {
	color: #E86721;
	text-decoration: underline;
}
#event201708nagoya .btn a:link {
	color: #E86721;
	text-decoration: underline;
}
#event201708nagoya .btn a:hover {
	color: #E86721;
	text-decoration: underline;
}


/* -------続きを読む --------*/

.grad-wrap {
	position: relative;
}
.grad-btn {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	padding: .5em 0;
	border-radius: 2px;
	color: #000;
	font-size: 0.9rem;
	text-align: left;
	cursor: pointer;
	transition: .2s ease;
	text-decoration: underline;
}
.grad-btn::before {
	content: "…続きを読む"
}
.grad-item {
	position: relative;
	overflow: hidden;
	height: 100px; /*隠した状態の高さ*/
}
.grad-item::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px; /*グラデーションで隠す高さ*/
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	content: "";
}
.grad-trigger {
	display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
	content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
	height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
/* -------アレンジ --------*/

#arrange h2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 2px;
}
#arrange h3 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	margin-bottom: 10px;
}
#arrange strong {
	color: #e86721;
	font-weight: normal;
}
#arrange a {
	text-decoration: none;
}
#arrange a:hover { color: #e86721; 
}
#arrange .video {
	margin-bottom: 15px;
}
#arrange .imgcenter {
	text-align: center;
	margin-bottom: 20px;
}
#arrange .imgcenter_text {
	text-align: center;
	margin-bottom: 20px;
	margin-top:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
}

#arrange .text_top {
	background-color: #eeeeee;
	border: 4px solid #ccc;
	padding: 10px 15px;
	line-height: 200%;
	color: #343434;
	margin-top: 10px;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #666;
}
#arrange .text {
	margin: 5px 0 20px 0;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #666;
}
#arrange #page-contents {
	margin-top: 30px;
}
#arrange #page-contents .menu {
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 2px;
	text-align: center;
	font-size: 30px;
}
#arrange .title_img_l{
	float:left;
	vertical-align:middle;
}
#arrange .title {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	line-height: 200%;
	letter-spacing: 2px;
}
#arrange .title_l {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	margin-top:5px;
	letter-spacing: 2px;
display:none;
	}
#arrange .title_s {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	line-height: 130%;
	margin-bottom:20px;
	letter-spacing: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;

	}
#arrange .title_02 {
	text-align: left;
	background: #e0e0e0;
	padding: 5px 0 5px 20px;
	margin: 20px 0 10px;
}
#arrange #viande dd {
	margin-bottom: 20px;
	font-size: 15px;
}
#arrange #viande dt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#arrange .arrange span {
	padding: 1px 6px;
	color: #FFF;
	background: #000;
	margin-right: 5px;
	display: block;
	float: left;
	border-radius: 5px;
	font-weight: bold;
}
#arrange .arrange dd {
	margin-bottom: 15px;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-right: 20px;
}
#arrange .item {
	margin-bottom:30px;
}
/* -------2列 --------*/
#arrange .made {
	width:100%;
}
#arrange .made:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#arrange .made dl {
	float: left;
	width: 50%;

}
#arrange .made dt {
	margin-bottom: 10px;
}

#arrange .made dl:nth-child(2n+1) {
	clear: both;
}
#arrange .made span {
	padding: 1px 6px;
	color: #FFF;
	background: #000;
	margin-right: 5px;
	display: block;
	float: left;
	border-radius: 5px;
	font-weight: bold;
}
#arrange .made p {
	display: block;
	overflow: auto;
	float: left;
	width: 90%;
}
#arrange .made dd:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#arrange .made dt img {
	width:95%;
	margin:20px 5px 0 0;
	display:block;
}


/* -------SNS --------*/
.socialWrap {
	padding: 20px 0;
	text-align:right;
}
 
.socialWrap div {
	display: inline-block;
}
 
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}



/*=======================================

2020以降：追加スタイルシート

=======================================/*

/* -------ブランドページ：動画埋め込み --------*/

video {
  width: 101%; 
margin-bottom:20px;
}

/* -------催事特集：阪急フランスフェア --------*/



#hankyu-f2020 h3 {
        font-size: 18px;
        text-align:center;
        padding-bottom:0.4em;
	border-bottom: solid 2px #993333;
	box-shadow: 0px 4px #fff,
            0px 6px #003366;
        margin: 30px 0;
}

#hankyu-f2020 dd {
	font-size: 15px;
	margin-bottom:60px;
}

#hankyu-f2020 img {
	margin-bottom: 20px;
}



#hankyu-f2020 .btn {
	display: table;
	text-align: right;
	font-size: 14px;
	margin-bottom: 20px;
	width: 97%;
}

#hankyu-f2020 a {
	color: #003366;
	text-decoration: underline;
}

#hankyu-f2020 a:link {
	color: #003366;
	text-decoration: underline;
}

#hankyu-f2020 a:hover {
	color: red;
	text-decoration: underline;
}

#hankyu-f2020 table{
	width:100%;
	border-top:1px solid #bebebe;
	border-right:1px solid #bebebe;
}

#hankyu-f2020 table td{
	padding:8px 0;
	border-left:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
        font-size: 16px;
       line-height:1.6;
}

#hankyu-f2020 table .t1{
	width:30%;
	text-align:center;
	background:#f3f3f3;
}

#hankyu-f2020 table .t2{
	width:70%;
	text-align:left;
	padding:0 7px;
}

/*特集ページ　画像下キャプション*/
#hankyu-f2020 p.cap {
margin-bottom:25px;
text-align: center;
font-size:15px;
font-weight:bold;
}


/* リンクボタン: 赤のグラデーション　*/
.link-r{
  background: linear-gradient(#af1e21 0%, #850303 100%)!important; /* 背景色 */
  color: #fff!important; /* 文字色 */
  padding: 12px; /* 上下の余白、左右の余白 */
  text-decoration: none !important; /* デフォルトで入るリンクの下線を消す */
  border-radius: 4px; /* 角を丸くする */
  font-weight: bold;
  font-size: 16px;
}

.link-r:hover {
 background: linear-gradient(#af1e21 0%, #850303 40%)!important;/* 背景色 */
  text-decoration: none !important;
}

/* --------------------------------------------------------　
　　　　阪急NYフェア
 ----------------------------------------------------------------*/

/*　h2：太さ違いの二重下線（黒）　*/
h2.w-black {
 border-bottom: solid 3px #000;
box-shadow: 0px 4px #fff,
0px 10px #000;	
font-size: 24px;
font-weight:bold;
text-align:center;
padding: 10px 0;
margin: 35px 0 20px 0;
}

/*　h2：太さ違いの二重下線（ピンク）　*/
h2.w-pink {
 border-bottom: solid 3px #fe44a7;
box-shadow: 0px 4px #fff,
0px 10px #fe44a7;	
font-size: 24px;
font-weight:bold;
text-align:center;
padding: 10px 0;
margin: 35px 0 20px 0;
}

/*　h2：太さ違いの二重下線（ブラウン）　*/
h2.w-brown {
 border-bottom: solid 3px #660000;
box-shadow: 0px 4px #fff,
0px 10px #660000;	
font-size: 24px;
font-weight:bold;
text-align:center;
padding: 10px 0;
margin: 35px 0 20px 0;
}




/*　表組　*/

#special-site table{
	width:100%;
	border-top:1px solid #bebebe;
	border-right:1px solid #bebebe;
}

#special-site table td{
	padding:7px 0;
	border-left:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
        font-size: 16px;
       line-height:1.5;
}

#special-site table .t1{
	width:30%;
	text-align:center;
	background:#f3f3f3;
}

#special-site table .t2{
	width:70%;
	text-align:left;
	padding:0 7px;
}

#special-site table .t2{
	width:70%;
	text-align:left;
	padding:0 7px;
}

#special-site p.end {
       text-align:center;
	color:#000;
        font-size: 24px;
        font-weight:bold;
	line-height:1.6;
       margin-top:20px;
      font-weight:bold;
}
/* --------------------------------------------------------　
　　　　イベントやキャンペーンなど特集ページ：special-site
 ----------------------------------------------------------------*/
#special-site h2 {
	font-weight: bold;
}

/*見出しh2：文字下にグラデーション*/
h2.grad {
  border-image: linear-gradient(to right, #b69957, #e2c687) 1/0 0 6px;
  border-style: solid;
  color: #000;
  font-size: 20px;
  text-align:center;
  line-height: 34px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-top: 25px;
}



/*特集ページ　見出し 上下二重線*/

.double-line {
	position: relative;
	padding: .9em;
	text-align: center;
	color:#000;

}
.double-line::before,
.double-line::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.double-line::before {
	top: 0;
	border-top: 3px solid #b69957;
	border-bottom: 1px solid #b69957;
}
.double-line::after {
	bottom: 0;
	border-top: 1px solid #b69957;
	border-bottom: 3px solid #b69957;
}

/*見出しh3：文字横左にボーダー*/
h3.block-vd{
border-left: solid 8px #b69957;
margin:20px 0 0 0;
padding-left:8px;
font-weight: bold;
font-size: 18px;
}

/*区切り線：二重線ゴールド*/
hr.gold {
	border-top: 3px double #b69957;
}


/*特集ページ　トップ表示バナー*/
#special-site img.top {
     margin:0;
}

/* リンクボタン 　*/
#special-site .link-b {
  background: black; /* 背景色 */
  color: #fff!important; /* 文字色 */
  padding: 16px 40px; /* 上下の余白、左右の余白 */
  text-decoration: none !important; /* デフォルトで入るリンクの下線を消す */
  border-radius: 5px; /* 角を丸くする */
  font-weight: bold;
  font-size: 18px;
}

.link-b:hover {
  background: #b69957 !important;/* 背景色 */
  text-decoration: none !important;
}

.link-wrap{
text-align: center;
margin-bottom:50px!important;
}

/* スマホ表示で改行 　*/
@media screen and (max-width:640px) {
	.pc {
		display: none;
	}
}
@media screen and (min-width:641px) {
	.sp {
		display: none;
	}
}



/* --------------------------------------------------------　
　　　　イベント・催事情報アーカイブ 
 ----------------------------------------------------------------*/
h2.archive{
padding-left: 6px;
padding-bottom: 6px;
border-bottom: solid 2px #000;
color: #000;

}



/*　　商品詳細　カートに入れる
@media only screen and (min-width:601px) and (max-width:800px) {
#sysSubmit input[type="submit"] {
    background: linear-gradient(#af1e21, #850303);
     border:1px solid #d3878b;
}
}*/

/* --------------------------------------------------------　
　　　　商品詳細テンプレート：通常価格に打ち消し線を引く
 ----------------------------------------------------------------*/
#sysItemDetail .sysSuggestedRetailPrice{
text-decoration: line-through;
}


/* --------------------------------------------------------　
　　　　商品ページ：複数の商品画像をスライド表示-2022.6.8修正
 ----------------------------------------------------------------*/

/*商品画像　矢印表示サイズ*/
.sysItemImagesSlidePrev, .sysItemImagesSlideNext {
    float: left;
    width: 6%;
    text-align: center;
}
/*商品画像　画像表示サイズ*/
.sysItemImagesSlide {
    width: 88%;
    height: auto%;
    overflow: hidden;
    float: left;
}


/*商品画像　スライド矢印*/
.sysItemImagesSlidePrev span, .sysItemImagesSlideNext span {
    padding: 0px;
    border: none;
    cursor: pointer;
    border-radius: 0px;
   background: none;
    background: linear-gradient(top, #fff, #fff); 
    box-shadow: 0 0 0 #FFF;
    -webkit-user-select: none;
    user-select: none;
}

/*商品画像　スライド矢印の形*/
.sysItemImagesSlidePrev span:after {
    content: "◀︎";

}

.sysItemImagesSlideNext span:after {
    content: "▶︎";

}
/*商品画像　スライド矢印:画像ない時の透過*/
.sysItemImagesSlideNone {
    opacity: 0.2;
}
@media screen and (max-width:600px){
.indexNewItem .viewall span {
	bottom: -22px;
}


/*toggle menu*/
@media screen and (min-width:481px) and (max-width:600px){

	
}


@media screen and (max-width:480px){

}





.fb-wrap {
	width: 90%;
	margin: 10px auto 30px;
}

globalmenu



/*.calendarSP {
	width: 80%;
	float:none;
	margin:0 auto 30px;
}
.calendarSP .bx-wrapper {
	width:100%;
}*/

#sideBnr div {
	text-align:center;
}

#footer .footmenu {
	margin-top:30px;
}

#sysItemDetail #itemInfo {
	margin-top:20px;
}
.sysItemImages .sysImageList {
	/*margin-top: 10px; */
       margin-top: 0; 
       margin-bottom: 15px; 
       margin-left: 15px;
       margin-right: 0;

}

.sysItemImages .sysImageList li {
	line-height:normal;
}
#sysItemDetail #breadcrumb .sysItemName {
	display:none;	
}
#sysItemDetail #itemInfo .sysDescription {
	width:100%;
	float:none;	
	margin-bottom: 25px;
}
#sysItemDetail #itemInfo .itemSpecial div.icon {
    width: 17%;
    margin-right: 2%;
}
#sysItemDetail #itemInfo .cartBox {
	width: 100%;
	float: none;
	max-width: 400px;
	margin: 0 auto;
	padding: 5% 4% 1.5%;
}
#sysItemDetail #itemInfo .cartBox .sysCategoryPankuzu a {
	font-size:16px;	
}
#sysItemDetail #itemInfo .cartBox .sysItemName h1 {
	font-size: 16px;
}
#sysItemDetail .sysShare li {
	padding-left: 8px;
}


/* -------スマートフォン用CSS --------*/


#sysItemDetail .itemDetailFavorite{
	text-align:left;
}

#sysItemDetail .itemDetailFavorite .sysContent .sysHorizontal li {

display: table-cell;
width: 33%!important;

}

#sysItemDetail .SDGs  .sysContent .sysHorizontal li {

display: table-cell;
width: 33%!important;

}

#sysItemDetail .SDGs ul li {
	min-height: 275px;
}

#sysMain .sysThumbnailImage{
	text-align:center;
	width:100%;
	margin:0 auto;

}

#sysMain .sysThumbnailImage img{
	width:90%!important;
	margin:5% auto 5%;
	text-align:center;

}

/*2021.07.01追加：商品画像を表示させる
ここから↓*/
#sysMain .sysItemImages{
	text-align:center;
	width:100%;
	margin:16px auto;

}

#sysMain .sysItemImages img{
	width:90%!important;
	margin:5% auto 5%;
	text-align:center;
}

.sysItemImages .sysImageList li {
    width: 24%;
    height: auto;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    margin-left: 0%; 
}


/*2021.07.01追加：商品画像を表示させる
ここまで↑*/

#sysItemDetail #itemInfo .cartBox .sysForm #sysNumber {
	float:none;
	padding:10px 0 10px 0;

}

#sysItemDetail #sysMain .food-info table img{
	width:50%;
	display:inline;
}

ul.sysHorizontal li .sysItemPrice{
	 font-size: 12px;
}

#sysItemDetail .itemDetailFavorite ul li {
	min-height: 270px;
}

/*メインボックスリンク色指定*/

#sysMain a{
	text-decoration:underline;
	
}

#sysMain a:link{
	text-decoration:underline;
}

#sysMain a:hover{
	color:#666;
}

/*ツイッターバナー*/
.asideMediaInfo {
	margin-top: 20px;
}


/*ＴＯＰページバナー*/

#index .bnr-carre {
    display: none;
}

#index .top-bnr p{
	width:100%;
	margin:10px 0 10px;
}

#index .top-bnr .left{
	float:none;
}

#index .top-bnr .right{
	float:none;
	margin-bottom:0px;
}

#index .bnr-carre-sp{
        width:100%;
        margin:20px 0 20px
}

/*会員登録（sp）*/

.member-new{
	width:100%;
	margin-top:10px;
	padding:0;
	
}

.member-new ul{
	background:url(../img/gemmy-foods/member-new/nyukai-kanban-sp.gif) no-repeat top center;
	background-size:100%;
	margin:0;
	padding:12em 0 0 0;
	
}

.member-new li{
	margin-left:0;
}

.member-new li:first-child{
	margin-top:30px;
}

/*カレンダー*/

.wf-cal{
	width:90%;
	margin:0 5%;
} 

/*アサイド カテゴリー*/
#sidebar{
		width:100%;
}

/*1万以上で送料無料*/
#header .soryo{
	display:none;
}

.soryo2{
	background-color:#f0f0f0;
	font-size:12px;
	font-weight:bold;
	padding:12px 0;
	text-align:center;
	width:100%;
	color:#ae0000;
	line-height:0;
}

/*トップページ・メゾンドゥラトリュフ*/

#index #sysMain ul.sysHorizontal li{
	width:50%!important;
	min-height: 295px; 
}

#index #sysMain .sysHorizontal .sysItemName,#index #sysMain .sysHorizontal .sysItemPrice{
	padding:0 7px;
}

#index #sysMain .tit-box h2{
	font-size:12px; 
        /*font-size:15px; */
	margin:0;
	padding:15px 0 4px;
        /*padding:15px 0 3px;*/
	letter-spacing:-1px;
        color:#3f3f3f;
}


/*　【修正前】　トップページ：ブランド名表示
#index #sysMain .t-csc .tit-box,#index #sysMain .t-mdt .tit-box,#index #sysMain .t-sds .tit-box,#index #sysMain .t-lia .tit-box,#index #sysMain .t-alr .tit-box,#index #sysMain .truffealamaison .tit-box {
	background:url(../img/gemmy-foods/index/index-cate-icon2.gif) no-repeat bottom left;
	padding-left:28px;	
}
*/

#index #sysMain .t-csc .tit-box,#index #sysMain .t-sds .tit-box,#index #sysMain .t-lia .tit-box,#index #sysMain .t-alr .tit-box,#index #sysMain .truffealamaison .tit-box {
	background:url(../img/gemmy-foods/index/index-cate-icon2.gif) no-repeat bottom left;
	padding-left:28px;	
}


#index #sysMain .t-mdt .tit-box  {
	background:url(../img/gemmy-foods/index/tit-mdt-sp.png) no-repeat bottom left;
	padding-left:220px;
}

/*　追加　トップページ：ブランド名　トリュフアラメゾン　*/

#index #sysMain .truffealamaison .tit-box  {
	background:url(../img/gemmy-foods/index/truffealamaison-sp1.png) no-repeat bottom left;
	padding-left:250px;
}


#index #sysMain .t-mdt .tit-box h2{
	font-size:11px; 
        /*font-size:15px; */
	margin:0;
	padding:15px 0 3px;
        /*padding:15px 0 3px;*/
	letter-spacing:-3px;
        color:#3f3f3f;
}


 /*#index #sysMain .t-mdt .tit-box  {
	background:url(../img/gemmy-foods/index/tit-mdt-sp.png) no-repeat bottom left;
	padding-left:36px;
       padding-top:20px;
}*/





/*ブランド*/
#brand .brand .tit-box {
	background:url(../img/brand/tit-brand.gif) no-repeat 0 70%;
	padding-left: 115px;
}

#brand .brand02 .tit-box {
	background:url(../img/brand/tit-brand.gif) no-repeat 0 70%;
	padding-left: 115px;
}

#brand .brand{
	width:96%;
	margin:0 2%;
}

#brand .brand02{
	width:96%;
	margin:0 2%;
}

#brand .brand h3{
	font-size:15px;
	font-weight:bold;
	padding-top:20px;
	margin-bottom:20px;
}

#brand .brand02 h3{
	font-size:15px;
	font-weight:bold;
	padding-top:20px;
	margin-bottom:20px;
}

#brand .brand h3 span{
	display:block;
	font-size:12px;
	padding-left:0;
	letter-spacing:0;
	font-weight:normal;
}

#brand .brand02 h3 span{
	display:block;
	font-size:12px;
	padding-left:0;
	letter-spacing:0;
	font-weight:normal;
}



#brand .brand .photo{
	float:none;
	width:100%;
	margin-top:5px;
}

#brand .brand02 .photo{
	float:none;
	width:100%;
	margin-top:5px;
}

#brand .brand .tx{
	float:none;
	width:100%;
	margin-top:15px;
}

#brand .brand02 .tx{
	float:none;
	width:100%;
	margin-top:15px;
}

#brand .brand .italy,#brand .brand .france{
	background-size:35%;
}

#brand .brand02 .italy,#brand .brand02 .france{
	background-size:35%;
}

#brand .brand .tx dt {
	font-size:16px;
	margin-bottom:10px;
}

#brand .brand02 .tx dt {
	font-size:16px;
	margin-bottom:10px;
}

#brand .brand .tx dd p{
	margin-top:10px;
}

#brand .brand02 .tx dd p{
	margin-top:10px;
}

#brand .brand .tx dd{
	padding-bottom:15px;
}

#brand .brand02 .tx dd{
	padding-bottom:15px;
}

#brand .brand .btn{
	font-size:12px;
	margin-bottom:10px;
}

#brand .brand02 .btn{
	font-size:12px;
	margin-bottom:10px;
}

#brand .brand h4 {
	text-indent: 100%;
	height:0;
    white-space: nowrap;
    overflow: hidden;
}

#brand .brand02 h4 {
	text-indent: 100%;
	height:0;
    white-space: nowrap;
    overflow: hidden;
}


#brand .brand .bk1{
	padding-top: 63%;
	background: url(../img/brand/mtd-sp1.jpg) no-repeat top center;
	background-size: cover;
}

#brand .brand02 .bk1{
	padding-top: 63%;
	background: url(../img/brand/mtd-sp1.jpg) no-repeat top center;
	background-size: cover;
}

#brand .brand .pf1{
	padding-top: 63%;
	background: url(../img/brand/pf-sp1.jpg) no-repeat top center;
	background-size: cover;
}

#brand .brand02 .pf1{
	padding-top: 63%;
	background: url(../img/brand/pf-sp1.jpg) no-repeat top center;
	background-size: cover;
}


#brand .brand .bk2{
	padding-top: 65%;
	background: url(../img/brand/mtd-sp2.jpg) no-repeat top center;
	background-size: cover;
}

#brand .brand02 .bk2{
	padding-top: 65%;
	background: url(../img/brand/mtd-sp2.jpg) no-repeat top center;
	background-size: cover;
}


#brand .brand .bk3{
	padding-top: 65%;
	background: url(../img/brand/mdt-restrant-sp.jpg) no-repeat top center;
	background-size: cover;
}

#brand .brand02 .bk3{
	padding-top: 65%;
	background: url(../img/brand/mdt-restrant-sp.jpg) no-repeat top center;
	background-size: cover;
}

#brand .brand .pf2{
	padding-top: 65%;
	background: url(../img/brand/pf-sp2.jpg) no-repeat top center;
	background-size: cover;
}

#brand .brand02 .pf2{
	padding-top: 65%;
	background: url(../img/brand/pf-sp2.jpg) no-repeat top center;
	background-size: cover;
}


#brand .brand .mdtimg{
	margin:0 0 15px;
}

#brand .brand02 .mdtimg{
	margin:0 0 15px;
}


#brand .brand .btn a {
	font-weight:bold;
}

#brand .brand02 .btn a {
	font-weight:bold;
}

#brand .brand .france {
	margin-top: 30px;
}

#brand .brand02 .france {
	margin-top: 30px;
}

/* ブランド紹介ページ　リンクボタン 　*/
#brand .brand02 .link-btn {
  background: black; /* 背景色 */
  color: #fff!important; /* 文字色 */
  padding: 12px 20px; /* 上下の余白、左右の余白 */
  text-decoration: none !important; /* デフォルトで入るリンクの下線を消す */
  border-radius: 5px; /* 角を丸くする */
  font-weight: bold;
  font-size: 13px;
}

#brand .brand02 .link-btn:hover {
  background: #b69957 !important;/* 背景色 */
  text-decoration: none !important;
}

#brand .brand02 .link-btn2 {
  background: black; /* 背景色 */
  color: #fff!important; /* 文字色 */
  padding: 12px 41px; /* 上下の余白、左右の余白 */
  text-decoration: none !important; /* デフォルトで入るリンクの下線を消す */
  border-radius: 5px; /* 角を丸くする */
  font-weight: bold;
  font-size: 13px;
}

#brand .brand02 .link-btn2:hover {
  background: #b69957 !important;/* 背景色 */
  text-decoration: none !important;
}

#brand .brand02 .link-wrap{
text-align: center;
margin-top:30px !important;
margin-bottom:20px !important;
}


/*レシピ*/

#recipe {
	width:100%;
	margin:0 auto;
}

#recipe #sysMain .recipeline{
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding-top:10px;
}

#recipe #sysMain .tit-box h2 {
	margin: 20px 0 7px;
}

#recipe #sysMain .chef-img{
	background: url(../img/recipe/sasajima-bksp.jpg) no-repeat bottom left;
	background-size:contain; 
	padding-top: 59.2%;
	
}


#recipe #sysMain .tx{
	background: url(../img/recipe/sasajima-bk2sp.jpg) no-repeat top right;
	right:40%;
	background-size:40%; 
}


#recipe #sysMain .tx dd,#recipe #sysMain .tx dt{
	min-width:57%;
	padding-right:43%;
}


#recipe #sysMain .chef{
	background: none;
	padding-left:0;
	padding-right:0;
	margin:0 10px;
}

#recipe #sysMain .come{
	margin:10px 10px 0;
	text-align:center;
}

#recipe #sysMain .menu-tit{
	margin:30px 0 0;
}

#recipe #sysMain .menu{
	margin:10px 10px 0;
}

#recipe #sysMain .menu img{
	float:none;
	max-width:100%;
}

#recipe #sysMain .menu .material{
	float: none;
	width:100%;
	margin-top:5px;
}

#recipe #sysMain .menu-btn{
	text-align:center;
	margin-left:0;
	width:100%;
	margin-top:20px;
	padding:5px 0;
}

#recipe #sysMain .recipe-intro{
	background:none;
	color:#000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	vertical-align:middle;
	text-align: center;
	min-height:inherit;
	padding:10px 0;
}

#recipe #sysMain .recipe-tx{
	text-align:center;
}

#recipe #sysMain .recipe-tx img{
	float:none;
}

#recipe #sysMain .recipe-tx .sns{
	float:none;
	width:94%;
	margin:0 10px;
}

#recipe #sysMain .recipe-tx dl{
	padding-bottom:20px;
}

#recipe #sysMain .recipe-tx p{
	padding:5px 0;
	text-align:center;
	margin-left:2px;
}

#recipe #sysMain .recipe-tx p a{
	background:url(../img/recipe/icon-sns.gif) no-repeat center left;
	float:none;
	padding-left:15px;
	display:inline;
}

#recipe #sysMain .nomal-recipe{
	border:none;
	padding:0 0 0 5px;
}

#recipe #sysMain .recipe-box{
	width:48%;
	padding-right:2%;
	
}

#recipe #sysMain .nomal-recipe .cen{
	margin:0;
}


/*有名シェフのレシピ詳細*/

#recipe-pre {
	width:100%;
}

#recipe-pre img{
	max-width:100%;
}


#recipe-pre .main .main-img{
	float:none;
	width:94%;
	margin:0 3%;
}

#recipe-pre .main dt {
	margin-top:5px;
}

#recipe-pre .main dl{
	float:none;
	margin:0 3%;
	width:94%;
	
}

#recipe-pre img{
	padding-bottom:10px;
}

#recipe-pre .made-tit{
	background-position:10px 0;
	padding-left:45px;
}

#recipe-pre .made {
	margin: 0;
	text-align:center;
	width:94%;
	margin:0 3%;
}

#recipe-pre .made dl:nth-child(2n) {
	margin-left:0;
}


#recipe-pre .made dl{
	float:none;
	margin:0 auto 15px;
	width:100%;
}


#recipe-pre .made dd{
	text-align:left;
}

/*有名シェフのレシピ詳細＋ノーマルレシピ詳細兼用部分*/

#recipe-pre .use-tit {
	font-size:16px;
	padding:7px 10px;
}

#recipe-pre .use{
	margin:0 3% 30px;
}

#recipe-pre .use dl {
	width: 45%;
	margin-right: 0;
	display:block;
	padding:0;
	border:none;
	line-height:130%;
	
}

#recipe-pre img {
	padding-bottom:5px;
}

#recipe-pre .use dl:nth-child(2n) {
	margin:0 0 0 5%;
}

#recipe-pre .use dl:nth-child(n+3) {
	margin-top:15px;
}

#recipe-pre .back{
	padding:10px 10px 0 0;
}

/*有名シェフのレシピ詳細---ムース用*/
#recipe-pre .musu dt{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:15px;
}

#recipe-pre .musu dd{
	float:none;
	width:100%;	
}


/*商品詳細---ラッピング*/

.rapping{
	padding:0 2% 30px;
}

.rapping h3 img{
	width:80%;
}
	
.rap-tx{
	background:url(../img/gemmy-foods/item-detail/wrapping-sp1.jpg) no-repeat top left;
	background-size:contain;
	padding:78% 0 0 0;
	min-height:180px;
}

.rapping .ser-box{
	float:none;
	width: 100%;
}

.rapping .service{
	border-top:1px solid #ccc;
	padding-top:20px;
}

.rapping .option {
	padding:0;
}

.rapping .option dl{
	width:48%;
	padding: 0 0 20px 0;
}

.rapping .option .sp{
	padding-left:4%;
}

.rapping .option img{
	max-width:100%;
	width:none;
}

.rapping .nohin{
	border-top:1px solid #ccc;
	padding-top:20px;
}

.rapping .noshi{
	border-top:1px solid #ccc;
	padding-top:20px;
	width: 100%;
	margin-top:20px;
}

.rapping .noshi dl{
	margin-top:15px;
	width:47%;
}

.rapping .noshi dl img{
	max-width:100%;
}

.rapping .noshi .pdl {
	padding-left:0;
	margin-left:6%;

}



/*イベント＆催事情報*/

#event {
	width:100%;
}

#event h2{
	padding-top:25px;
}


#event h3{
	font-size:14px;
}

#event .date{
	display:block;
	padding-left:5px;
}

#event .tit-box{
	padding-left:38px;
	padding-top:30px;
	background: url(../img/event/tit-event.gif) no-repeat center left ;
}

#event .event-info{
	margin:0 6%;
}

#event .event-info dt{
	float:none;
	width:100%;
	text-align:center;

}

#event .event-info dd{
	float:none;
	width:100%;
	margin-top:15px;

}

#event .event-info .midashi{
	font-size:14px;
	margin:20px 0 10px;
	display:block;
}

#event .event-info dd img{
	max-width:100%;
}

#event .bun{
	margin:0 6%;
	margin-bottom:30px;
}

/*ノーマルシェフのレシピ詳細*/

#recipe-normal {
	width:100%;
	margin-bottom:30px;
}

#recipe-normal img{
	max-width:100%;
}


#recipe-normal .main .main-img{
	float:none;
	width:94%;
	margin:0 3%;
}

#recipe-normal .main .contents dt {
	margin-top:5px;
}

#recipe-normal .main .contents{
	float:none;
	margin:0 3%;
	width:94%;
	
}

#recipe-normal .made-tit{
	background-position:10px 0;
	padding-left:45px;
}


#recipe-normal img{
	padding-bottom:10px;
}

#recipe-normal .use{
		margin:0 3%;
}

#recipe-normal .musu dt{
	float:none;
	width:100%;
	text-align:center;
	margin-bottom:15px;
}

#recipe-normal .musu dd{
	float:none;
	width:100%;	
}


/*メディア情報*/

#media {
	width:100%;
}

#media h2{
	padding-top:25px;
}


#media .tit-box{
	padding-left:38px;
	margin-bottom:0;
	padding-top:30px;
	background: url(../img/media/tit-media.gif) no-repeat center left ;
}


#media .media-info{
	background:none;
	margin:0 4%;
}

#media .media-info dl{
	float:none;
	width:100%;
}

#media .media-info dl:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#media .media-info dt{
	float:left;
	width:46%;
	padding-right:4%;
}

#media .media-info dd{
	float:left;
	width:50%;
}

#media .zasshi{
	font-size:16px;

}

/* ブランドページ　アンカーリンクバナー
---------------------------------------------------- */
#brand-area{
	width:100%;
	height:auto;
}

#ban1{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:8px;
}

#ban2{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:8px;
}

#ban3{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:8px;
}

#ban4{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px;
}


/*************************************
 * bx slider for SP
 ************************************/


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
/*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
  */
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/topMain/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}


/* DIRECTION CONTROLS (NEXT / PREV) */
/*
.bx-wrapper .bx-prev {
	left: -16px;
	background: url(../img/topMain/prev.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 16px;
	background: url(../img/topMain/next.png) no-repeat;
}

/*.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
*/
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
*/

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* -------催事特集 --------*/

#event201708nagoya {
	width:96%;
	margin:0 2%;
}

/* -------アレンジ --------*/
#arrange {
	width:96%;
	margin:0 2%;
}
#arrange a{
	text-decoration:none;
}
#arrange  a:link {
	text-decoration:none;
}
#arrange .title_img_l{
	display:none;
}
#arrange .title {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	line-height: 120%;
	letter-spacing: 2px;
	border-bottom:none;
	background:none;
	display:none;
}
#arrange .title_l {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	margin-top: 20px;
	margin-bottom:20px;
	letter-spacing: 2px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
	display:inherit;
}
#arrange .title_s {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 2px;
	text-align:center;
	display:none;
}

#arrange {
	width:96%;
	margin:0 2%;
}
#arrange .made {
	margin: 0;
	text-align:center;
	width:94%;
	margin:0 3%;
}
#arrange .made dl:nth-child(2n) {
	margin-left:0;
}
#arrange .made dl{
	float:none;
	margin:0 auto 15px;
	width:100%;
}
#arrange .made dd{
	text-align:left;
}

@media (max-width:767px) { video {
max-width: 100%;
} } 



/* レシピページ　アンカーリンクバナー（３つ配置）
----------------------------------------------------*/

#ban01{
    display:block;
    margin: auto;
    margin-bottom: 12px;
}

#ban02{
    display:block;
    margin: auto;
    margin-bottom: 12px;
}

#ban03{
    display:block;
    margin: auto;
    margin-bottom: 12px;
}


/*=======================================

2020以降：追加スタイルシート

=======================================/*

/* -------催事特集：阪急フランスフェア２０２０ --------*/

#hankyu-f2020 {
	margin:0 8px;
}

/*イメージ横並び（2枚） ：レスポンシブ対応 */

.img-flex-2 img { 
width: 100%; 
}


/*イメージとテキスト横並び（2枚）：レスポンシブ対応 */
/* 575px以下で全て1列 */
@media screen and (max-width: 600px) {
	.flex-col2 .flex-child,
}

.flex-col2 .flex-child img{ width: 100%; }
}



#hankyu-f2020 p {
	font-size: 16px;
	text-align:left;
	line-height:1.6;
       margin-bottom:20px;
       width:98%;
}

#hankyu-f2020 p.end {
	font-size: 18px;
	text-align:center;
        color:#003366;
	line-height:1.6;
       margin-top:10px;
      font-weight:bold;
}



#hankyu-f2020 h2.flag {
	background-image: url("../img/event/hankyu-f2020/flag.png");
	background-size: 100%;
	background-repeat: no-repeat;
	text-align:center;
	color:#003366;
        font-size: 17px;
        font-weight:bold;
	line-height: 1.6;
	background-position:top;
	padding-top:2em;
	border: none;
        margin: 20px 0;
}

#hankyu-f2020 h2.top {
	text-align:center;
	color:#003366;
        font-size: 20px;
        font-weight:bold;
	background-image: none;
        padding-bottom:0.4em;
	border-bottom: solid 3px #993333;
	box-shadow: 0px 5px #fff,
            0px 8px #003366;
       margin-top: 12px;
       margin-bottom: 25px;
}

/* --------------------------------------------------------　
　　　　イベントやキャンペーンなど特集ページ：special-site
 ----------------------------------------------------------------*/

#special-site {
	margin:0 8px;
}

/*特集ページ　段落*/
#special-site p {
	font-size: 16px;
	text-align:justify;
	line-height:1.6;
       margin:20px 0 18px 0;
}

/*特集ページ　画像*/
#special-site img {
     margin-top:25px;
}

/* --------------------------------------------------------　
　　　　阪急NYフェア
 ----------------------------------------------------------------*/
/*　h3：蛍光マーカー（イエロー）　*/
h3.marker_yellow {
background: linear-gradient(transparent 75%, #fece2f 75%);
font-size: 20px;
font-weight:bold;
text-align:center;
margin: 30px 0 0 0;
}

/*　h3：蛍光マーカー（ピンク）　*/
h3.marker_pink {
background: linear-gradient(transparent 75%, #ffbbe1 75%);
font-size: 20px;
font-weight:bold;
text-align:center;
margin: 30px 0 0 0;
}

/* --------------------------------------------------------　
　　　　イベント・催事情報アーカイブ 
 ----------------------------------------------------------------*/
h2.archive{
text-align: center;
padding-top:0;
}

/* --------------------------------------------------------　
　　　　SDGs
 ----------------------------------------------------------------*/
h2.sdgs {
	background-image: url("../img/sdgs/sdgs-bar-sp.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	text-align:center;
	color:#000;
        font-size: 18px;
        font-weight:bold;
	background-position:bottom;
	padding-bottom:1.3em;
	border: none;
        margin: 36px 0 27px 0; 
}

/* スマホで見たときに"sp"のclassがついた画像を表示する */
 .pc-img { display: none !important; }
 .sp-img { display: block !important; }

/* 商品ブロック　カラム高さ（sdgsページ用）*/
.sdgs-price .sysContent .sysHorizontal li{
min-height: 355px;
}

/* --------------------------------------------------------　
　　　　商品ページ：複数の商品画像をスライド表示-2022.6.8修正
 ----------------------------------------------------------------*/

/*商品画像　矢印表示サイズ*/
.sysItemImagesSlidePrev, .sysItemImagesSlideNext {
    float: left;
    width: 10%;
    text-align: center;
}
/*商品画像　画像表示サイズ*/
.sysItemImagesSlide {
    width: 80%;
    height: auto%;
    overflow: hidden;
    float: left;
}

/*商品画像　スライド矢印*/
.sysItemImagesSlidePrev span, .sysItemImagesSlideNext span {
    padding: 10px;
    border: none;
    cursor: pointer;
    border-radius: 0px;
   background: none;
    background: linear-gradient(top, #fff, #fff); 
    box-shadow: 0 0 0 #FFF;
    -webkit-user-select: none;
    user-select: none;
}

/*商品画像　スライド矢印の形
.sysItemImagesSlidePrev span:after {
    content: "◀︎";
}

.sysItemImagesSlideNext span:after {
    content: "▶︎";
}*/
}
@media screen and (min-width:601px) and (max-width:800px){
#headermenu .alt-h1 a {
	padding-left:0;
}

@media screen and (max-width:700px){
	#headermenu .alt-h1 span {
		display:none;	
	}
}


ul.btnmenu {
	float: none;
}
ul.btnmenu li {
    float: none;
    display: inline-block;
}
.footerBtn,.footerBtn2 {
    height: 35px;	
    line-height: 35px;
    width: 140px;
    font-size: 13px;
}

#footer address {
    float: none;	
    text-align: center;
    margin-top: 20px;
}
.tabPCfootmenu {
	padding: 0 0 15px 0;
	font-size: 13px;
}
.tabPCfootmenu a:first-child {
	margin-bottom:14px;
}
.tabPCfootmenu a:nth-child(5) {
	clear:both;
	border-left:1px solid #333;
	position: relative;
	left: -46%;
}
.tabPCfootmenu a:nth-child(6) {
	position: relative;
	left: -46%;
}

.fb-wrap {
	width: 96%;
	margin: 5% auto;
}



/*toggle menu*/

#sysItemDetail #itemInfo .sysDescription {
	width:100%;
}
#sysItemDetail #itemInfo .cartBox {
	width:49%;
}
#sysItemDetail #itemInfo .itemSpecial div.icon {
    width: 25%;
    margin-right: 2%;
}
#sysItemDetail #itemInfo .itemSpecial div.text {
	width: 69%;
	overflow: hidden;
}
#sysItemDetail #itemInfo .itemSpecial div.text dl dt {
    display: block;
    float: left;
    clear: both;
}
#sysItemDetail #itemInfo .itemSpecial div.text dl dd {
	float:left;
}



/* -------タブレット用CSS --------*/

#sysMain .sysThumbnailImage{
	text-align:center;
	width:100%;
	float:left;
}

#sysMain .sysThumbnailImage img{
	width:100%;
	margin:15px auto 15px;

}

/*2021.07.01追加：商品画像を表示させる
ここから↓*/

#sysMain .sysItemImages{
	text-align:center;
	width:100%;
	float:left;
}

#sysMain .sysItemImages img{
	width:100%;
	margin:15px auto 15px;
}

/*2021.07.01追加：商品画像を表示させる
ここまで↑*/

#sysItemDetail .itemDetailFavorite ul li {
	min-height: 280px;
}

/*ＴＯＰページバナー*/
#index .top-bnr p{
	width:49%;
}

#index .top-bnr .r-img{
	padding-left:0;
}

#index .top-bnr .left{
	float:left;
}

#index .top-bnr .right{
	float:right;
}


/*メインボックスリンク色指定*/

#sysMain a{
	text-decoration:underline;
	
}

#sysMain a:link{
	text-decoration:underline;
}

#sysMain a:hover{
	color:#666;
}

#sysItemCategory #sysMain .sysThumbnailImage img{
	width:100%;
}

/*2021.07.01追加：商品画像を表示させる
ここから↓*/

#sysItemCategory #sysMain .sysItemImages img{
	width:100%;
}

/*2021.07.01追加：商品画像を表示させる
ここまで↑*/

/*カレンダー*/

.headline{
	clear:both;
	padding:25px 0 5px 0;
}

.wf-cal table{
	width:46%;
	float:left;
} 

.wf-cal p{
	clear:both;
}

.wf-cal .next-month{
	margin-left:4%;
}

/*アサイド カテゴリー*/

#sidebar{
	width:100%;
	border:none;
	text-align:center;
}


#sidebar .cateBtn{
	width:240px;
	border:#c7c7c7 1px solid;
	float:left;
	text-align:left;
	
}

#sidebar .cateright{
	margin-left:30px;
}

#sysAside .sysContent h2{
	text-align:left;
	background: url(../img/gemmy-foods/aside/brand-titbk.gif) no-repeat left bottom;
	font-size:12px;
	min-height:50px;
	padding-top:25px;
	padding-left:138px;
	padding-bottom:10px;
	border-bottom:#c7c7c7 1px solid;
	margin-bottom:20px;
}

/*レシピ*/

#recipe #sysMain .menu-btn a{
	background:url(../img/recipe/icon-recipe.gif) no-repeat 10% center;
}

#recipe #sysMain .recipe-tx img {
	float: left;
	padding-left:10px;
}

#recipe #sysMain .menu .material{
	margin-left:2%;
	width:48%;

}


/*有名シェフのレシピ詳細＋ノーマルレシピ詳細兼用部分*/

#recipe-pre .back{

	width:96%;

}



/* bx slider for TB */

/* DIRECTION CONTROLS (NEXT / PREV) */
/*
.bx-wrapper .bx-prev {
	left: -16px;
	background: url(../img/topMain/prev.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 16px;
	background: url(../img/topMain/next.png) no-repeat;
}

/*.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
*/
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
*/

/* ブランドページ　アンカーリンクバナー（２つ配置）*/
----------------------------------------------------
#brand-area{
    width:100%;
}

#ban1{
    display:block;
 margin: auto;
margin-bottom: 12px;

}

#ban2{
        display:block;
        margin: auto;
       margin-bottom: 12px;
}

/* --------------------------------------------------------　
　　　　イベント・催事情報アーカイブ 
 ----------------------------------------------------------------*/
h2.archive{
text-align: left;
}

/* --------------------------------------------------------　
　　　　SDGs
 ----------------------------------------------------------------*/
/* 商品ブロック　カラム高さ（sdgs商品用）*/
.sdgs-price .sysContent .sysHorizontal li{
min-height: 370px;
}
}
@media screen and (min-width:801px){
/* ブランドページ　アンカーリンクバナー（４つ配置）
---------------------------------------------------- 
#brand-area{
    width:1000px;
    height:100px;
}
f
#ban1{
    width:240px;
    height:auto;
    margin-right:12px;
    margin-bottom:20px;
}
f
#ban2{
    width:240px;
    height:auto;
    margin-right:12px;
    margin-bottom:20px;
}

#ban3{
    width:240px;
    height:auto;
    margin-right:12px;
    margin-bottom:20px;
}

#ban4{
    width:240px;
    height:auto;
    margin-bottom:20px;
}
*/


/* ブランドページ　アンカーリンクバナー（２つ配置）
----------------------------------------------------*/
#brand-area{
    width:1000px;
    height:100px;
}

#ban1{
    width:240px;
    height:auto;
    margin-left:254px;
    margin-right:12px;
    margin-bottom:20px;
}

#ban2{
    width:240px;
    height:auto;
    margin-right:254px;
    margin-bottom:20px;
}


/* レシピページ　アンカーリンクバナー（３つ配置）
----------------------------------------------------*/

#ban01{
    width:240px;
    height:auto;
    margin-left:0px;
    margin-right:12px;
    margin-bottom:20px;
}

#ban02{
    width:240px;
    height:auto;
    margin-right:12px;
    margin-bottom:20px;
}

#ban03{
    width:240px;
    height:auto;
    margin-right:0px;
    margin-bottom:20px;
}





/* PULUG-IN CSS
---------------------------------------------------- */

/*************************************
 * bx slider for PC
 ************************************/


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
/*	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
  */
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/topMain/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
/*
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}
*/

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -18px;
	background: url(../img/topMain/prev.png) no-repeat;
}

.bx-wrapper .bx-next {
	right: -18px;
	background: url(../img/topMain/next.png) no-repeat;
}

/*.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
*/
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*１カラム（レフトナビなし） */

#event201708nagoya #sysMain {
width:1000px!important;
}

#arrange #sysMain {
  width:1000px!important;
}

#hankyu-f2020 #sysMain {
width:1000px!important;
}

#hankyu-france2020 #sysMain {
width:1000px!important;
}

#hankyu-france2021 #sysMain {
width:1000px!important;
}

#valentine-2021 #sysMain {
width:1000px!important;
}

#valentine-2023 #sysMain {
width:1000px!important;
}

#valentine-2022 #sysMain {
width:1000px!important;
}

#white-day-2021 #sysMain {
width:1000px!important;
}

#newyork2021 #sysMain {
width:1000px!important;
}

#sdgs #sysMain {
width:1000px!important;
}

#nagoya-france2021 #sysMain, #nagoya-france2022 #sysMain, #nagoya-ny2021 #sysMain, #kobe-france2021 #sysMain, #umehan-france2022 #sysMain, #umehan-newyork2022 #sysMain {
width:1000px!important;
}

#fathers-day #sysMain {
width:1000px!important;
}

#test #sysMain {
width:1000px!important;
}


/*=======================================

2020以降：追加スタイルシート

=======================================/*

/* -------催事特集：阪急フランスフェア２０２０ --------*/



/*イメージ横並び（2枚）

[class^="img-flex-"] {
	margin-bottom: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-2 img { 
width: 50%; 
} */

/*イメージとテキスト横並び（2枚） */

/* フレックスボックスの基本設定 等間隔（両端揃え）折返しあり */
[class^="flex-col"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* コンテンツ下のマージン */
.flex-child { margin-bottom: 20px; }



/* 各カラム毎のコンテンツと疑似要素の横幅 */
.flex-col2 .flex-child { width: calc( (100% - 24px) / 2 ); }

#hankyu-f2020 p {
	font-size: 20px;
	text-align:left;
	line-height:1.6;
       margin-bottom:20px;
}

#hankyu-f2020 p.story {
	font-size: 16px;
	text-align:left;
	line-height:1.6;
       margin-bottom:20px;
}



#hankyu-f2020 p.end {
       text-align:center;
	color:#003366;
        font-size: 30px;
        font-weight:bold;
	line-height:1.6;
       margin-top:20px;
      font-weight:bold;
}

#hankyu-f2020 h2.flag {
	background-image: url("../img/event/hankyu-f2020/flag.png");
	background-size: 100%;
	background-repeat: no-repeat;
	text-align:center;
	color:#003366;
        font-size: 26px;
        font-weight:bold;
	line-height: 1.8;
	background-position:top;
	padding-top:2em;
	border: none;
        margin: 35px 0 ;
}

#hankyu-f2020 h2.top {
	text-align:center;
	color:#003366;
        font-size: 30px;
        font-weight:bold;
	background-image: none;
        padding-bottom:0.3em;
	border-bottom: solid 3px #993333;
	box-shadow: 0px 5px #fff,
            0px 8px #003366;
       margin-top: 20px;
       margin-bottom: 30px;
}

/* PCで見たときに"pc"のclassがついた画像を表示する */
#hankyu-f2020 .pc-img { display: block !important; }
#hankyu-f2020 .sp-img { display: none !important; }

/* --------------------------------------------------------　
　　　　阪急NYフェア
 ----------------------------------------------------------------*/
/*　h3：蛍光マーカー（イエロー）　*/
h3.marker_yellow {
background: linear-gradient(transparent 50%, #fece2f 50%);
font-size: 23px;
font-weight:bold;
text-align:center;
margin: 35px 0 12px 0;
}

/*　h3：蛍光マーカー（ピンク）　*/
h3.marker_pink {
background: linear-gradient(transparent 50%, #ffbbe1 50%);
font-size: 23px;
font-weight:bold;
text-align:center;
margin: 35px 0 12px 0;
}



/* --------------------------------------------------------　
　　　　イベントやキャンペーンなど特集ページ：special-site
 ----------------------------------------------------------------*/
#special-site {
	margin:0 auto;
}

/*特集ページ　段落*/
#special-site p {
	font-size: 17px;
	text-align:justify;
	line-height:1.65;
       margin:20px 0 22px 0;
}


/*特集ページ　画像*/
#special-site img {
     margin-top:30px;
}

/* --------------------------------------------------------　
　　　　イベント・催事情報アーカイブ 
 ----------------------------------------------------------------*/
h2.archive{
text-align: left;
}


/* --------------------------------------------------------　
　　　　SDGs
 ----------------------------------------------------------------*/
h2.sdgs {
	background-image: url("../img/sdgs/sdgs-bar-pc.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	text-align:center;
	color:#000;
        font-size: 22px;
        font-weight:bold;
	background-position:bottom;
	padding-bottom:1.3em;
	border: none;
        margin: 37px 0 30px 0;
}

/* PCで見たときに"pc"のclassがついた画像を表示する */
.pc-img { display: block !important; }
.sp-img { display: none !important; }

/* 商品ブロック　カラム高さ（sdgsページ用）*/
.sdgs-price .sysContent .sysHorizontal li{
min-height: 450px;
}
}
/* #END_OF_RESOURCE_FILE */