@charset "utf-8";
/* CSS Document */
/* ===================================================================
CSS information

 file name  :style.css
 style info :TOP、および共通レイアウト

 このスタイルシートの構成


作成者 2015.05.11 yamamoto
更新者 2025.03.19 kouyama

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

/* -----/ reset /----- */
html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {
	margin: 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	/* 印刷時の要素内での改ページをしない */
	page-break-inside: avoid;
}

td {
	vertical-align:top;
}

caption {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
/*	font-size: 100%;
	color:#332624;*/
}
img,abbr,acronym,fieldset {
	border:none;
	vertical-align:bottom;/* listにて隙間ができるのを防ぐ kunihro*/
}
li {
	list-style-type: none;
}


/* -----/ default /----- */
a {
	color:#446591;
	text-decoration:none;
	overflow:hidden;/* タブキーのフォーカス対策kunihiro */
	outline:none;/* Firefoxで点線が出ない処理　kunihiro */
}

a:visited {
	color:#6B8CB9;
}

a:hover {
	text-decoration:underline;
	color:#6B8CB9;
}

th,td {
	vertical-align:top;
	text-align:left;
}


/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}


/* ------------------------------------
  共通
------------------------------------ */

body {
	/* フォント */
	font-family: "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #2C231F;
	line-height: 1.5em;
	/*
	background: #FCFAF1;
	*/
	background-color:#EFECDC;
	background:url(../img_cmn/bg01.jpg);
}

.content {
}


.content .cont_inner,
#footer .inner {
	width: 960px;
	margin: 0 auto;
}





/* 文字サイズ
--------------- */

/* 文字サイズ　base 16px */
.fontL {
	font-size: 113%;/* 18px */
}
.fontM {
	font-size: 100%;/* 16px */
}
.fontS {
	font-size: 88%;/* 14px */
}



/* ------------------------------------
  header
------------------------------------ */

.header {
	height:120px;
	/*
	background-color: #FCFAF1;
	*/
}

.header .inner {
	width:960px;
	margin:0 auto;
	position:relative;
}

.header .logo {
	position:absolute;
	top:50px;
}

.header .tagline {
	position:absolute;
	top:10px;
	font-size: 75%;/* 16px→12px */
}

.header_nav {
	position:absolute;
	top:0;
	right:0;

	overflow:hidden;
}

.header_nav li {
	float:left;
	margin-right:10px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.header_nav li a {
}

.header_nav li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}


/* 文字サイズ
------------------------------------ */
.fontSize {
	position:absolute;
	left:380px;
	top:10px;
	text-align:right;
}


.fontSize span,
.fontSize a {
	display: inline-block;
    *display: inline;
    *zoom: 1;
	line-height:30px;
	color:#3C3C3C;

	vertical-align:middle;
}

.fontSize span {
	margin-right:10px;
	font-size:14px;/* 固定 */
}

.fontSize a {
	background-color:#CBC9BB;
	width:40px;
	text-align:center;
	text-decoration:none;

	font-size:16px;/* 固定 */
}

/*
.fontSize_s {
	background:url(../img_top/btn_fontS_off.png) 0 0 no-repeat;
}

.fontSize_m {
	background:url(../img_top/btn_fontM_off.png) 0 0 no-repeat;
}

.fontSize_l {
	background:url(../img_top/btn_fontL_off.png) 0 0 no-repeat;
}
*/

/*
.fontSize .selected {
	background-color:#DE321F;
	color:#FFF;
}
*/


.fontS a.fontSize_s,
.fontM a.fontSize_m,
.fontL a.fontSize_l {
	background-color:#DE321F;
	color:#FFF;
}


.fontSize a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}


/* 文字サイズ
------------------------------------ */
.header_search {
	position:absolute;
	left:380px;
	top:60px;
}

.search_box {
	height:30px;
	line-height:30px;
	width:220px;
	border:#BFBDB0 1px solid;
}

.search_btn {
	display:block;
	position:absolute;
	top:1px;
	right:0;


	width:60px;
	height:30px;
	background-color:#DE321F;
	color:#FFF;
	border:none;
}


.search_btn:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}



/* ------------------------------------
  ウエルカムメッセージ、カート
------------------------------------ */
.custmer_info {
	background-color:#E4DEC7;
	border-top:#DCD6C0 1px solid;
}

.custmer_info .inner {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0;
}

.custmer_info .greeting_mes {
	float:left;
	line-height:28px;
	font-size: 75%;/* 16px→12px */
}

.custmer_info .greeting_mes em {
	font-weight:bold;
	margin:0 2px 0 5px;
	font-size: 133.3%;/* 12px→16px */
}


.custmer_info .cart_info {
	float:right;
}

.custmer_info .cart_info ul {
	overflow:hidden;
}


/* 商品合計 */
.custmer_info .cart_info .item {
	float:left;
	padding-right:20px;
	padding-top:3px;
	line-height:25px;
	font-size: 87.5%;/* 16px→14px */
}


/* あと○○円で送料無料 */
.custmer_info .cart_info .shipping {
	float:left;
	padding-right:20px;

	line-height:28px;
	font-size: 75%;/* 16px→12px */
}

.custmer_info .cart_info .shipping span {
	font-weight:bold;
	font-size: 116.7%;/* 12px→14px */
	color:#DE321F;
}

.custmer_info .cart_info .shipping em {
	font-weight:bold;
	margin:0 2px 0 5px;
	font-size: 133.3%;/* 12px→16px */
}




/* 値段(非表示) */
.custmer_info .cart_info .price {
	padding-left:30px;
	padding-top:0;
	line-height:28px;
}

.custmer_info .cart_info .price em {
	font-size: 133.3%;/* 12px→16px */
	padding-left:30px;
	padding-top:0;
	line-height:28px;
	font-weight:bold;
}



.custmer_info .cart_info .btn {
	float:right;
}

.custmer_info .cart_info .btn a {
	display:block;
}

.custmer_info .cart_info .btn a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}




/* ------------------------------------
  gnav
------------------------------------ */
.gnav {
	height:50px;
	border-top:#DE321F 2px solid;
	border-bottom:#DE321F 2px solid;
	background-color:#FFF;
}


.gnav > ul {
	width:960px;
	margin:0 auto;
	border-left:#DE321F 1px solid;
}

.gnav li.gnav_menu {
	float:left;
	border-right:#DE321F 1px solid;
	text-align:center;
	height: 50px;
}


.gnav li.gnav01 {
	width:160px;
	border-left: #DE321F 1px solid;
}

.gnav li.gnav02 {
	width:100px;
}

.gnav li.gnav03 {
	width:120px;
}

.gnav li.gnav04 {
	width:210px;
}

.gnav li.gnav05 {
	width:160px;
}

.gnav li.gnav06 {
	/* gnav03を使うときはこちら
	width:120px;
	*/
	width:140px;
}

.gnav li.gnav061 {
	width:140px;
}

.gnav li.gnav07 {
	width:80px;

	background-color:#DE321F;
	color:#FFF;
}



.gnav li a.gnav_btn {
	display:block;
	color:#DE321F;
	font-weight:bold;
	height:50px;
	line-height:50px;
}

.gnav li.gnav07 a {
	display:block;
	background:#DE321F url(../img_cmn/ico_gnav_search_arrow_down.png) 50px 50% no-repeat;
}

.gnav li.gnav07 .gnav_btn span {
	background:url(../img_cmn/ico_search.png) 10px 50% no-repeat;
	height:0;
	padding-top:50px;
	overflow:hidden;
	display:block;
}

.gnav li a.gnav_btn:hover {
	text-decoration:none;
	background-color:#FCE7E4;
}


.gnav li.gnav07 a.gnav_btn:hover {
	background:#DE321F url(../img_cmn/ico_gnav_search_arrow_down.png) 50px 50% no-repeat;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}


/* gNavをホバーした時のスタイル

------------------------------------ */
.gnav .balloon {
	position: relative;
	width: 968px;
	margin: 0 auto;
	top: -5px;
	z-index:10;
}


.gnav .balloon .inner{
	background: url(../img_cmn/bg_gnav_top.png) no-repeat 0 top;
	padding-top:12px;

}

.gnav .inner .box_inner {
	background: url(../img_cmn/bg_gnav_mdl.png) repeat-y;
	padding: 30px 25px 16px 35px;
	overflow: hidden;
}

.gnav .inner ul li a {
	display: block;
	float: left;
}

.gnav .inner .box_btm{
	background: url(../img_cmn/bg_gnav_btm.png) no-repeat 0 bottom;
	width: 968px;
	padding-bottom: 14px;
}

.gnav .btn_link_list01 li a {
	width: 213px;
}
/* 特集 */
.gnav01 .balloon {
	left: -8px;
}
.gnav01 .balloon .arr {
	margin-right: 800px;
}


/* 目的から探す */
.gnav03 .balloon {
	left: -268px;
}
.gnav03 .balloon .arr {
	margin-right: 310px;
}

/* カテゴリーから探す */
.gnav04 .balloon {
	left: -386px;

}
.gnav04 .balloon .arr {
	margin-right: -16px;
}

/* 予算から探す */
.gnav05 .balloon {
	left: -598px;
}
.gnav05 .balloon .arr {
	margin-left: 390px;
}

/* 地域から探す */
.gnav06 .balloon {
	left: -759px;
}
.gnav06 .balloon .arr {
	margin-left: 676px;
}

.gnav06 .balloon .map {
	width: 370px;
	float: left;
	background: url(../img_cmn/bg_gnav_area.png) no-repeat;
	position: relative;
	height: 138px;
}

.gnav06 .balloon .map a {
	 background: url(../img_cmn/ico_txt_link_arrow_gy.png) 100% center no-repeat;
	 padding-right: 1em;
	 position: absolute;
}

.gnav06 .balloon .map .fukuoka {
	left: 0;
	top: 10px;
}

.gnav06 .balloon .map .kitakyusyu {
	right: 0;
	top: 10px;
}

.gnav06 .balloon .map .chikuhou {
	right: 0;
	top: 60px;
}

.gnav06 .balloon .map .chikugo {
	left: 0;
	top: 100px;
}

.gnav06 .btn_link_list01 {
	float: right;
	width: 460px;
	margin-top: 15px;
}

/* 地域から探す */
.gnav061 .balloon {
	left: -759px;
}
.gnav061 .balloon .arr {
	margin-left: 676px;
}


/* 購入ナビ */
.gnav07 .balloon {
	left: -880px;
}

.gnav07 .box_btm {
	overflow: hidden;
}

.gnav07 .inner {

}

.gnav07 .box_tl {
	background: url(../img_cmn/bg_gnav_navigation.png) no-repeat;
	height: 135px;
	width: 448px;
	float: left;
	position: absolute;
	top: 20px;
	left: 9px;
}

.gnav07 .balloon .arr {
	margin-left: 875px;
}


.gnav07 .box_inner ul {
	float: right;
}
.gnav07 .box_inner li {
	float: left;
}

.gnav07 .box_inner li a {
	width: 218px;
	padding-top:100px;
	display: block;
	height: 0;
}

.gnav07 .box_inner .btn01 {
	background: url(../img_top/btn_shopping_nav_link_01.png) no-repeat;
	 margin-right: 20px;
}
.gnav07 .box_inner .btn02 {
	background: url(../img_top/btn_shopping_nav_link_02.png) no-repeat;
}

/* ------------------------------------
  コンテンツ
------------------------------------ */


/* page_subtl(点線)
------------------------------------ */
.page_subtl {
	background:url(../img_cmn/bg_page_subtl_r.png) 0 100% repeat-x;
	padding-bottom:15px;
	font-size:162.5%;/* 16px→26px */
	margin:40px 0 20px;

	font-weight:normal;
}

.blog .page_subtl {
	background-image:url(../img_cmn/bg_page_subtl_pk.png);
}

.voice .page_subtl,
.review .page_subtl {
	background-image:url(../img_cmn/bg_page_subtl_gn.png)
}



.page_subtl .tl_e {
	color:#64605F;
	margin-left:20px;
	font-weight:normal;

	font-size: 76.9%;/* 26px→20px */
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}




.page_subtl a {
	display:block;
	padding-top:10px;
	background:url(../img_cmn/ico_txt_link_arrow_gy.png) 100% 0.6em no-repeat;
	color:#231815;
	position:relative;
}

.page_subtl a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	text-decoration:none;
}


.page_subtl a .more_link {
	position:absolute;
	top:50%;
	right:0;

	margin-top:-0.6em;

	padding-right:20px;
	color:#929292;
	font-size: 61.5%;/* 26px→16px */
}











/* メイン画像
------------------------------------ */
#mainimg {
	margin-top:40px;
	position:relative;
}

#mainimg a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}

/* スライドbtn
--------------- */
.slideBtn {
}

.slideBtn .pre {
	position:absolute;
	top:50%;
	margin-top:-18px;

	margin-left:-20px;
}

.slideBtn .next {
	position:absolute;
	top:50%;
	margin-top:-18px;
	right:0;

	margin-right:-20px;
}

.slideBtn a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}

/* --- 新着情報
--------------------------------------- */
.top_news_slide {
	margin-top: 40px;
    border: 2px solid #EA776A;
}

.top_news_slide dl.news_slide_inner .tl_box .txt_tl {
    /*border-right: 1px solid #fff;
    padding-right: 10px;*/
}

.top_news_slide dt.tl_box .link a {
    background: url(../img_top/arrow_right_w.png) no-repeat 0 center;
    padding-left: 12px;
    color: #fff;
    font-size: 12px;
    padding-left: 14px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: sub;
}
.top_news_slide dt.tl_box .link a:hover {
    text-decoration: underline;
}

.top_news_slide dl.news_slide_inner .tl_box {
    background-color: #EA776A;
    color: #fff;
    padding: 12px;
    float: left;
    width: 80px;
    font-size: 16px;
	text-align: center;
}

.top_news_slide dl.news_slide_inner .txt_box {
    float: left;
    width: 828px;
    padding: 12px;
    background: #fff;
}

.news_slide_inner .txt_box dt,
.news_slide_inner .txt_box dd {
    float: left;
}

.news_slide_inner .txt_box dt span {
    margin: 0 10px;
    color: #CC3300;
}


/* ふるさと割　対象商品リンク
------------------------------------ */
.furusatowari_link {
	background:url(../img_top/bg_furusatowari_link.png) 0 0 no-repeat;
	height:100px;
	margin-top:30px;

	position:relative;
}

.furusatowari_link .txt {
	height:0;
	overflow:hidden;
}

.furusatowari_link .btn {
	position:absolute;
	top:16px;
	right:16px;
}

.furusatowari_link .btn a img {
	height: 66px;
}

.furusatowari_link a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}


/* よかもん市場
------------------------------------ */
.yokatoko_link {
	background:url(../img_top/bg_yokatoko_bnr.png) 0 0 no-repeat;
	height:136px;
	position:relative;
	margin-top:20px;
}

.yokatoko_link p {
	position:absolute;
	top:38px;
	left:483px;
}


.yokatoko_link a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}


/* 購入ナビゲーション
------------------------------------ */
.top_shopping_nav {
	background:url(../img_top/bg_shopping_nav_link.png) 0 0 no-repeat;
	height:128px;
	position:relative;
	margin-top:30px;
	margin-bottom:30px;
}

.top_shopping_nav .tl,
.top_shopping_nav .txt {
	height:0;
	overflow:hidden;
}


.top_shopping_nav ul {
	position:absolute;
	top:15px;
	left:500px;
}

.top_shopping_nav li {
	float:left;
	margin-right:10px;
}

.top_shopping_nav a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}





/* 商品ランキング
------------------------------------ */
.top_ranking {
}

.top_ranking .page_subtl {
	background-image:url(../img_cmn/bg_page_subtl_y.png);
}


.top_ranking .product_list {
	float:left;
	width:324px;
	margin-right:0;
	overflow: visible;
}

.top_ranking .product_list li a {
	background:url(../img_cmn/bg_box_arrow_y.png) 100% 100% no-repeat;

	height:390px;

	position:relative;
}


.top_ranking .product_list li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}




.top_ranking .product_list .discount {
	display:block;
	/*
	position:relative;
	float:left;
	*/
	width:115px;
	position:absolute;
	bottom:10px;
	left:10px;
}

.top_ranking .product_list .price {
	display:block;
	text-align:right;

	color:#CC4737;
	/*
	font-size:87.5%;/* 16px→14px */
}


.product_list .price .item {
	display:block;
	text-align:left;
	color:#2C231F;
}



.product_list02 {
	overflow:hidden;
}

.product_list02 li {
	background-color:#FFF;
	width:308px;
	/*
	height:170px;
	*/
	border:#FFF 1px solid;
	margin:0 0 19px ;
}

.product_list02 li.list01,
.product_list02 li.list03 {
	float:left;
}

.product_list02 li.list02,
.product_list02 li.list04 {
	float:right;
}

.product_list02 li a {
	display:block;
	background:url(../img_cmn/bg_box_arrow_y.png) 100% 100% no-repeat;

	text-decoration:none;
	color:#211813;

	height: 200px;
}

.product_list02 li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}

.product_list02 li .rank {
	position:absolute;
	margin:-4px 0 0 -4px;
	z-index:1;
}

.product_list02 li .imgBox {
	display:block;
	width:146px;
	height:200px;
	float:left;
	background-color:#E4E4E4;
	position:absolute;
	overflow:hidden;/*AC KAKIZOE 150704 暫定対応*/
	/*
	height:157px;
	height: 188px;
	padding-top:13px;
	*/
}

.product_list02 li .imgBox span {
	/*
	display:block;
	height:146px;
	*/

	width:146px;
	height: 200px;
	display:table-cell;
	vertical-align:middle;
}


.product_list02 li .txt_box {
	display:block;
	margin:10px 10px 0 156px;
	/*
	height:157px;
	*/
	height:188px;

	position:relative;
}

.product_list02 li .name {
	display:block;
	height:4.5em;
	line-height:1.5;
	overflow:hidden;
}

.product_list02 .copy_txt {
	display:block;
	font-size:87.5%;/* 16px→14px */
	color:#929292;
	/* height:5.5em; itou del 170127 */
	/*margin-bottom:20px;*/
}


.product_list02 li .discount {
	display:block;
	position:relative;

	margin-top:30px;
}

.product_list02 li .price {
	display:block;
	position:absolute;
	bottom:5px;
	right:15px;

	color:#CC4737;
	font-size: 68.8%;/* 16px→11px */

	text-align:right;

	margin-left:-10px;
}

.product_list02 li .price .item {
	display:block;
	text-align:left;
	color:#2C231F;
	line-height:1;
}

.product_list02 li .price em {
	font-weight:bold;
	/*
	font-size:166.7%;12px→20px */

	font-size:163.6%;/* 11px→18px */
}






/* ブログ
------------------------------------ */
/* 一覧
-------------------- */
.blog {
	clear: both;
	position: relative;
	margin-top: 40px;
}

/*　商品ページ　のみ
--------------- */
.blog .blog_inner {
	position: relative;
}



.blog .blog_list {
	margin-right:-15px;
}

.blog .blog_list li {
	float: left;

	width:310px;
	margin-right: 15px;
}

.blog_list li a {
	display:block;
	position:relative;
	color:#231815;
}

.blog_list li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	text-decoration:none;
}

.blog_list .ico_new {
	position:absolute;
	margin:-2px 0 0 -2px;
}



.blog_list .imgBox {
	display:block;
	width: 310px /* 横幅固定 */;
	/*height: 180px;*/
	height: 390px;
	overflow:hidden;
}

.blog_list .titleBox {
	display:block; 

	background:rgba(255,255,255,0.9) url(../img_cmn/bg_box_arrow_pk.png) 100% 100% no-repeat;
	border:#FFF 1px solid;
	width: 284px;

	height:148px;
	padding: 12px 12px 0;

	/*position:relative; タイトル枠を透過に*/
	position: absolute;
	bottom: 0;

}

.blog_list .date {
	display:block;
	font-size: 75%;/* 16px→12px */
	color:#646160;
	margin-bottom:5px;
}
.blog_list a:hover .date {
}

.blog_list .title {
	display:block;
	height:5em;
}

.blog_list .name {
	font-size: 75%;/* 16px→12px */
	color:#646160;

	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:280px;

	position:absolute;
	bottom:10px;
}


.blog .slideBtn .pre,
.blog .slideBtn .next {
	top:155px;
}

/* Topページブログ
------------------------------------ */
.top_blog .blog_inner {
	position: relative;
}



.top_blog .top_blog_list {
	margin-right:-15px;
}

.top_blog .top_blog_list li {
	float: left;

	width:310px;
	margin-right: 15px;
}

.top_blog .top_blog_list li a {
	display:block;
	position:relative;
	color:#231815;
}

.top_blog .top_blog_list li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	text-decoration:none;
}

.top_blog .top_blog_list .ico_new {
	position:absolute;
	margin:-2px 0 0 -2px;
}



.top_blog .top_blog_list .imgBox {
	display:block;
	width: 310px /* 横幅固定 */;
	height: 310px;
	overflow:hidden;
}

.top_blog .top_blog_list .titleBox {
	display:block;
	/*background:#FFF url(../img_cmn/bg_box_arrow_pk.png) 100% 100% no-repeat;*/
	/*border:#FFF 1px solid;*/
	width: 284px;
	height:120px;
	padding: 13px 13px 0;
	position:absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
	/*IE8以下用*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
}

.top_blog .top_blog_list .date {
	display:block;
	font-size: 75%;/* 16px→12px */
	color:#FFF;
	margin-bottom:5px;
}
/*.top_blog_list a:hover .date {
}*/

.top_blog .top_blog_list .title {
	display:block;
	/*height:5em;*/
    /*margin-bottom:10px;*/
    color: #fff;
    font-weight: bold;
    line-height: 1.5em;
    /*white-space: nowrap;*/
}

.top_blog .top_blog_list .body{
    display: block;
    font-size: 90%;
    color: #DDDDDD;
}

.top_blog .top_blog_list .name {
	font-size: 75%;/* 16px→12px */
	color:#FFF;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:280px;
	position:absolute;
	bottom:10px;
    text-align: right;
}

/* 店舗名、スタッフ名、写真　追加したもの
------------------------------------ */

.cont_blog_list {
}

.cont_blog_list li {
	margin-bottom:30px;
}



.cont_blog_list .blog_list .titleBox {
	height:222px;
}


.cont_blog_list .blog_list .name {
	position:static;
}

.cont_blog_list .blog_list .shop_info {
	overflow:hidden;
	display:block;
	padding-top:10px;

	border-top:#D2D2D2 1px dotted;
	margin-top:5px;
}

.cont_blog_list .blog_list .img_box {
	float:left;
	width:60px;
	height:60px;
	overflow:hidden;

	border:#D2D2D2 1px solid;
	margin-right:10px;

	background-color:#D2D2D2;
}

.cont_blog_list .blog_list .shop_name {
	display:block;
	font-size: 75%;/* 16px→12px */

	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.cont_blog_list .blog_list .staff_name {
	font-size: 75%;/* 16px→12px */
	color:#646160;

	display:block;

	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}




/* 商品一覧
------------------------------------ */

.product_list {
	margin-right:-15px;
	overflow:hidden;
}

/* ac itou 160502 */
.special_product_list .product_list {
	padding-top:10px;
	padding-left:4px;
	margin-left:-4px;
}


.product_list li {
	float: left;

	width:308px;
	margin-right: 15px;
	background-color:#FFF;
	border:#FFF 1px solid;

	margin-bottom:30px;
	position: relative;
}



.special_product_list .product_list li {
	background: #fff url(../img_cmn/bg_box_arrow_r.png) 100% 100% no-repeat;
	margin-top:4px; /* ac itou 160502 */

}

.product_list li a {
	display:block;
	padding:15px;

	/*  */
	height: 380px;


	/* cont 3個並び(店舗名・送料アイコン追加) */
	/* height: 450px; */

	text-decoration:none;
	color:#211813;

	position:relative;
}


/* topページ　5個並び */
.page_top .product_list li a {
	height: 380px;
}



.product_list li .rank {
	margin:-4px 0 0 -4px;
	position:absolute;
	z-index:10;
}

/* ランキング一覧　4位以下 ac itou 160502*/
.product_list li .rank_txt {
	background:url(../img_cmn/ico_ranking_txt.png) 0 0 no-repeat;
	display:block;
	width:44px;
	height:32px;
	line-height:32px;

	padding-left:40px;
	color:#FFF;
}



.product_list .list_inner {
	position:relative;
	display:block;

	margin-bottom:1em;
}

.product_list .imgBox {
	display:block;
	width:146px;
	height:146px;
	padding:6px;

	border:#EEE 1px solid;
}

.product_list .imgBox span {
	display:block;
	width:146px;
	height:146px;
	overflow:hidden;
}

.product_list .imgBox img {
	display:block;
}



.product_list .comment {
	position:absolute;
	top:0;
	right:0;

	width:96px;
	height:62px;
	padding:7px;

	background:url(../img_cont/bg_product_list_balloon.png) 0 0 no-repeat;
	/*
	text-align:justify;
	*/

	font-size: 75%;
	line-height: 1.3em;

}

.product_list .staff {
	position:absolute;
	right:0;
	top:75px;

	width:60px;
	height:60px;
	overflow:hidden;
	border:#DDD 1px solid;
}

.product_list .staff_neme {
	position:absolute;
	right:0;
	bottom:0;
	top:140px;
	font-size: 75%;/* 16px→12px */

	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width: 110px;
	text-align: right;
}

.product_list .shop_name {
	display:block;
	font-size:87.5%;/* 16px→14px */

	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.product_list .name {
	display:block;
	margin-bottom:10px;
	height: 3em;

	overflow:hidden; /* ac itou 160502*/

}

.product_list .copy_txt {
	display:block;
	font-size:87.5%;/* 16px→14px */
	color:#929292;
	height:5.5em;
	margin-bottom:20px;
}



.product_list .ico_box {
	overflow:hidden;
}

.product_list .ico_tenpomatome {
	float:left;
}

.product_list .ico_freeshipping,
.product_list .shipping_ico {
	float:right;
}

/* 価格テキストの場合 */
.product_list .shipping_ico {
	display:block;
	width:85px;
	height:27px;
	padding:3px 0 0 45px;
	background:url(../img_cont/ico_product_list_freeshipping_txt.png) 0 0 no-repeat;

	font-size:11px;/* 固定 */
	line-height:12px;
	font-weight:bold;
}



.product_list .discount {
	display:block;
	/*
	position:relative;
	*/

	position:absolute;
	bottom:15px;
	left:15px;

	width:115px;
	/*
	float:left;
	*/
}

.product_list .discount_inner {
	display:block;
	position:relative;
	padding-left:7px;
	text-align: right;
	padding-right: 5px;
}

.product_list .price {
	display:block;
	text-align:right;

	color:#CC4737;
	/*
	font-size:87.5%;/* 16px→14px */

	font-size:12px;

	position:absolute;
	bottom:10px;
	right:15px;
}

.product_list .price em {
	font-weight:bold;
	/*
	font-size:142.9%;/* 14px→20px */
	font-size:166.7%;/* 12px→20px */
}




/* 割引価格の表示
------------------------------------ */
.discount {
	border:#DE321F 2px solid;
	background-color: #fff;
	/*
	text-align: center;
	*/

	padding-right:5px;
	text-align:right;
	margin-left:5px;

	/*
	font-size: 69%; 16px→11px */
	font-size: 75%;/* 16px→12px */
}

.discount p {
	position: relative;
}

.discount .ico {
	position:absolute;
	top:-22px;
	left:5px;

	margin:-5px 0 0 -20px;
}

.page_product .product_info .discount .ico,
.page_product .priceInfo .discount .ico {
	position:absolute;
	top:-10px;
	left:5px;
}

.discPrice {
	font-weight: bold;
	font-size: 125% /* 12px→15px */;
	color: #DF0008;
	margin-right:3px;
}





/* お客様の声
------------------------------------ */
.top_voice {
}

.top_voice .inner {
	position:relative;
}

.top_voice .page_subtl {
	background-image:url(../img_cmn/bg_page_subtl_gn.png);
}

.voice_list {
	overflow:hidden;
	margin-right:-16px;
}

.voice_list li {
	width:226px;
	border:#FFF 1px solid;
	background:#FFF url(../img_cmn/bg_box_arrow_gn.png) 100% 100% no-repeat;

	float:left;
	margin-right:16px;
}

.voice_list li a {
	display:block;
}

.voice_list li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";

	text-decoration:none;
}

.voice_list .img_box {
	display:block;
	width:226px;
	height:140px;
	overflow:hidden;
}

.voice_list .txt_box {
	display:block;
	padding:10px;
	height:5em;
}


.voice_list .txt {
	display:block;
	margin-bottom:0.5em;
	color:#221814;
}


.voice_list .name {
	color:#645F5F;
	font-size:75%;/* 16px→12px */
	font-weight:normal;
}

/* ブログ　一覧
------------------------------------ */
.cont_voice_list .voice_list li {
	margin-bottom:30px;
}


/* トップお知らせ　一覧
------------------------------------ */
.top_news_list .inner {
	border: 2px solid #F571AD;
	background-color: #FFF;
}

.top_news_list ul {
	padding: 5px 20px;
}

.top_news_list li {
	padding: 15px 0;
}

.top_news_list li:not(:last-child) {
	border-bottom: #929292 2px dotted;
}

.top_news_list .date {
  /* width: 120px; */
  width: 160px;
	float: left;
}

.top_news_list .new_date {
	width: 160px;
	float: left;
	/* padding-right: 20px; */
}

.top_news_list dd a {
	display: block;
}

.top_news_list .ico_new {
	border: 1px solid #c83428;
	display: inline-block;
	color: #c83428;
	padding: 0 5px;
	font-size: 75%;
	margin-right: 10px;
}



.top_news_list .page_subtl {
	background-image:url(../img_cmn/bg_page_subtl_pk.png);
}



/* 商品を探す
------------------------------------ */
.top_product_list {
}

.top_product_list .page_subtl {
}

.product_list_tab {
}

.tabs {
	overflow:hidden;
}

.tabs li {
	float:left;
	margin-right:16px;
}

.tabs li.tab04 {
	margin-right:0;
}

.tabs li a {
	display:block;
	width:228px;
	height:60px;
	line-height:60px;
	background-color:#EA776A;
	color:#FFF;
	text-align:center;
}


.tabs li a:hover {
	text-decoration:none;
	background-color:#DE321F;
}

.tabs li.active a {
	background-color:#DE321F;
}


.tabs_content {
	background-color:#FFF;
	border:#DE321F 4px solid;
	padding:15px 0 10px 10px;
}



/* 薄い赤のbtn_list
--------------- */
.btn_link_list01 {
	overflow:hidden;
}

.btn_link_list01 li {
	float:left;

	border:#EA776A 2px solid;
	background-color:#FFF;
	margin:0 10px 15px 0;
}

.btn_link_list01 li a {
	display: block;
	background:#FFF url(../img_cmn/bg_box_arrow_lr.png) 100% 100% no-repeat;

	width:221px;
	height:40px;
	line-height:40px;
	text-align: center;
	color: #EA776A;
}

.btn_link_list01 li a:hover {
	text-decoration: none;
	background-color:#FCE7E4;
}


.tabs_content .note {
	margin-bottom:15px;
}



/* 各種取り組みbnr
------------------------------------ */
.brand_bnr {
	overflow:hidden;
	margin:30px -10px 0 0;
}

.brand_bnr li {
	float:left;
	margin-right:10px;
}

.brand_bnr li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}
.brand_bnr li img {
	display: block;
}



/* よかもん市場とは、お知らせ、お買い物ガイド
------------------------------------ */
.top_info {
	overflow:hidden;
}

.top_about,
.top_news,
.top_shopping_guide {
	float:left;
	width: 310px;
	margin-right:15px;
}

.top_shopping_guide {
	margin-right:0;
}


.top_info .page_subtl {
	background-image:url(../img_cmn/bg_page_subtl_gy.png);

	font-size:125%;/* 16px→20px */
}

.top_info .page_subtl a {
	background:url(../img_cmn/ico_txt_link_arrow_gy.png) 100% 0.8em no-repeat;
}



.top_info .lead_txt {
	padding-bottom:0.4em;
	border-bottom:#929292 2px dotted;
	margin-bottom:0.6em;
}

.top_info .txt {
	color:#595959;
	margin-bottom:20px;
	font-size:87.5%;/* 16px→14px */
}





/* グレーのbtn_list
--------------- */
.btn_link_list02 {
	overflow:hidden;
}

.btn_link_list02 li {
	border:#FFF 1px solid;
	background-color:#FFF;
	margin-bottom:15px;
}

.btn_link_list02 li a {
	display: block;
	background:#FFF url(../img_cmn/bg_box_arrow_gy.png) 100% 100% no-repeat;


	height:40px;
	line-height:40px;
	text-align: center;
	color: #3C3C3C;
}

.btn_link_list02 li a:hover {
	text-decoration: none;
	background-color:#F6F6F6;
}


/* 赤ののbtn_list
--------------- */
.btn_link_list03 {
	overflow:hidden;
}

.btn_link_list03 li {
	border:#FFF 1px solid;
	background-color:#FFF;
	margin-bottom:15px;
}

.btn_link_list03 li a {
	display: block;
	background:#FFF url(../img_cmn/bg_box_arrow_r.png) 100% 100% no-repeat;


	height:40px;
	line-height:40px;
	text-align: center;
/*	color: #3C3C3C;*/
	color: #CC4737

}

.btn_link_list03 li a em{
	font-size: 120.0%
}

.btn_link_list03 li a:hover {
	text-decoration: none;
	background-color:#F6F6F6;
}



/* よかもん市場とは
------------------------------------ */
.top_about .page_subtl {
	/*
	padding-top:10px;
	*/
}



/* お知らせ
------------------------------------ */
.top_news {
	margin-bottom:20px;
}

.top_news .btn_link_list02 li a {
	height:auto;
	line-height:1.4;
	text-align:left;
	padding:10px;
}

.top_news .btn_link_list02 .date {
	display:block;
	margin-bottom:0.5em;
	color:#646160;

	font-size:87.5%;/* 16px→14px */
}


/* お買い物ガイド
------------------------------------ */
.eo_info {
	margin:20px 0;
}

.eo_info .lead_txt {
	background:url(../img_top/img_eo_icon_82.png?a=2) 100% 0 no-repeat;

	min-height:82px;/*モダンブラウザに適用*/
    height: auto !important;/*モダンブラウザに適用*/
    height: 82;	/*ここにIE6,7用の高さを設定*/
}



/* ご注文の前に
------------------------------------ */
.shopping_note {
	background-color:#F5EDC9;
	clear:both;
	padding:15px 20px;
	border:#D2D2D2 1px solid;
	border-radius: 6px;
}

.shopping_note dl {
	overflow:hidden;
}

.shopping_note dt {
	float:left;
	width:120px;
	height:6em;
	line-height:6em;
	text-align:center;
	border-right:#929292 1px solid;
	padding-right:20px;
}

.shopping_note dd {
	margin-left:170px;
	font-size: 75%;/* 16px→12px */
}






/* ------------------------------------
  footer
------------------------------------ */

/* footer_bnr
------------------------------------ */

.footer_bnr {
	background:url(../img_cmn/bg_footer_bnr_t.png) 0 0 repeat-x;
	padding-top:6px;
	margin-top:60px
}


.footer_bnr .bg_m {
	background:url(../img_cmn/bg_footer_bnr_m.png) 0 0 repeat;
}

.footer_bnr .bg_b {
	background:url(../img_cmn/bg_footer_bnr_b.png) 100% 100% repeat-x;
	padding-top:14px;
}

.bnr_list {
	width: 960px;
	margin:0 auto;
}

.bnr_list li {
	float: left;
	margin-left: 14px;
}
.bnr_list li:first-child {
	margin-left: 0;
}

.bnr_list li a {
	display: block;
	background: #BBBBBB;
	/*width: 228px;*/
	/*height: 80px;*/
	margin-bottom: 20px;
}

.bnr_list li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}



/* footer
------------------------------------ */
#footer {
	padding:40px 0 0;
}


#footer .inner {
	width: 960px;
	margin:0 auto;
	overflow:hidden;
}

.footer_sitemap {
	float:left;
	overflow:hidden;
	width: 640px;
}


.footer_sitemap .box01 {
	float:left;
	width:310px;
	margin-right:15px;
}


.footer_sitemap .box02 {
	float:right;
	width:310px;
}

.footer_sitemap ul {
	margin-bottom:15px;
}

.footer_sitemap li {
	margin-bottom:5px;
}

.footer_sitemap li p {
	border-bottom:#CC4837 dotted 1px;
	margin-bottom:10px;
}


/* 事務局 footer_contact
------------------------------------ */
.footer_contact {
	width:310px;
	float:right;
}

.footer_contact dt {
	margin-bottom:15px;
}

.footer_contact dt strong {
	font-size:125%;/* 16px→20px */
	display:block;
	line-height:1.8;
}

.footer_contact dd {
	font-size:87.5%;/* 16px→14px */
	overflow:hidden;

	margin-bottom:10px;
}


.footer_contact dd.address {
	font-size:87.5%;/* 16px→14px */
}

.footer_contact dd.tel,
.footer_contact dd.fax {
	overflow:hidden;
}

.footer_contact dd.tel .item,
.footer_contact dd.fax .item{
	float:left;
}




.footer_contact dd.tel em,
.footer_contact dd.fax em {
	font-size:125%;/* 16px→20px */
	margin-left:60px;
	display:block;
}


.footer_contact dd.tel .note,
.footer_contact dd.fax .note {
	display:block;
	margin-left:60px;
}



.btn_close p,
.btn_open p {
	border:#EA776A 2px solid;
	text-align:center;
}


.btn_close a,
.btn_open a {
	display:block;
	height:40px;
	line-height:40px;

	color:#EA776A;
}

.btn_close a:hover,
.btn_open a:hover {
	text-decoration:none;
	background-color:#FCE7E4;
}





/* 出品者の方へ、spサイト、EOダウンロード
------------------------------------ */
.footer_note {
	padding-top:40px;
	overflow:hidden;
}

.footer_note ul {
}

.footer_note li {
	float:left;
	width:310px;
}

.footer_note li.list03 {
	float:right;
}


.footer_note li a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}

.app_link {
	margin-right:20px;
}





#footer .btn {
	border:#EA776A 2px solid;
	background-color:#FFF;
	margin-top:10px;
}

#footer .btn a {
	display: block;
	background: #FFF;
	background:#FFF url(../img_cmn/bg_box_arrow_lr.png) 100% 100% no-repeat;
	height:40px;
	line-height:40px;
	text-align: center;
	color: #EA776A;
}

#footer .btn a:hover {
	text-decoration: none;
	background-color:#FCE7E4;
}




.footer_note {
	clear:both;
}

.footer_note dt {
	border-bottom:#CC4837 dotted 1px;
	margin-bottom:10px;
}



/* ---/ pagetop
--------------------------------- */
#pagetop {
    bottom: 30px;
    position: fixed !important;
    right: 40px;
}

#pagetop a {
	display:block;
}

#pagetop a:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}




/* ---/ お詫び文
--------------------------------- */
.apology_txt {
	padding:20px 50px;
	border:#929292 2px solid;
	width:856px;
	margin:30px auto;
}




#furusato_end{
	margin-top: 30px;
}


/* ---/ copyright
--------------------------------- */
/*
.copyright {
	border-top:#888 1px solid;
	padding-top:5px;
	font-size: 75%;
	margin:20px 0;
}
*/

.footer_copyright {
    border-top: #888 1px solid;
    padding-top: 5px;
    font-size: 75%;
    margin: 20px 0;
    overflow: hidden;
}

.copyright {
    float: left;
}

.powered_by {
    float: right;
    color: #CBC9BB;
}

.powered_by a {
    color: #CBC9BB;
}