@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他 color,backgroundはcolor.cssで管理

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

body{
	font-family: sans-serif;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

a{
	text-decoration: none;
	color:#000000;
}



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



/*----------------------------------------------------
	wrap
----------------------------------------------------*/
.container{
	width: 750px;
	margin: 0 auto;
}
ul.header_nav{
display: flex;
justify-content: space-between;
line-height: 0;
}

.ranking_wrap{
	background:#fffff7;
}
.recommend_wrap,
.kodawari_wrap{
	background:#f1e9de;
	padding-bottom: 30px;
}
.ranking_wrap dl,
.recommend_wrap dl{
padding:0 5px;
margin-bottom: 20px;
}

.ranking_wrap dl dt,
.recommend_wrap dl dt{
float: left;
width: 50%;
}
.ranking_wrap dl dd,
.recommend_wrap dl dd{
float: left;
	padding-left: 2%;
	padding-top: 7px;
	width: 48%;
}
.ranking_wrap dl dd span,
.recommend_wrap dl dd span{
	display: block;
}
.ranking_wrap dl dd span.item_name,
.recommend_wrap dl dd span.item_name{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #1A1A1A;
}
.ranking_wrap dl dd span.item_descri,
.recommend_wrap dl dd span.item_descri{
	font-size: 12px;
	color:#4D4D4D;
}
.kodawari_wrap dl{
	line-height: 0;
}
.voice_wrap{
	margin-bottom: 30px;
}
.voice_content{
/*	height: 500px;*/
	overflow: auto;
}
.kodawari_wrap ul,
ul.footer_bnr{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding:0 12px;
	line-height: 0;
}
ul.footer_bnr li{
	width: 47%;
}
.freearea ul.footer_bnr{
	background:#f1e9de;
	padding:20px 4px;
	margin-top: 20px;
}
ul.footer_nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 0;
	padding:0;
}
ul.footer_nav li{
	margin-bottom: 2px;
	width: 49.5%;
}
.freearea ul{
	padding:0;
}
#under_header ul{
text-align: center;
}
#under_header ul li.left_menu{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
}
#under_header ul li.right_menu{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}
#footer .footer aside ul.listmenu,
#footer .footer,
#footer .freearea{
	padding:0!important;
	margin:0;
}
.kodawari_wrap ul li{
	margin-bottom: 12px;
}
.news_wrap .news_iframe{
	height: 200px;
	overflow:auto;
	margin-bottom: 30px;
}
.news_wrap dl{
	margin-bottom: 24px;
	border-bottom: 1px solid #9f9f9f;
	font-size: 14px;
	padding:0 10px 12px;
	line-height: 1em;
}
.news_wrap dl dt{
	font-weight: bold;
	margin-bottom: 12px;
}
.news_wrap dl.last,
.shopping-guide_wrap ul li.last,
.search_wrap dl dd li.last a{
	border-bottom: none;
}
.topc_wrap{
	padding:18px 0 10px;
	text-align: center;
}
p.copy{
	color:#ffffff;
	text-align: center;
	background:#A22800;
	padding:12px 0;
	font-size: 10px;
	margin:0;
}
.shopping-guide_wrap ul li{
	border-bottom: 1px dotted #808080;
}
.search_wrap h3{
	line-height: 0;
}
.search_wrap dl dt{
	background:#d9d9cf;
	color:#000100;
	padding:19px 10px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	margin-bottom: 4px;
	height: 24px;
}
.search_wrap dl dt a,
.search_wrap dl dt a:visited,
.search_wrap dl dt a:link{
	color:#000100;
}
.search_wrap dl dd a{
	padding:18px 20px 18px 10px;
	border-bottom: 1px dotted #808080;
	font-size: 16px;
	display: block;
	color:#000000;
}
.search_wrap dl dd a::before{
 content: "";
 display: inline-block;
 border: 5px solid transparent;
 border-left-color: #A22800;
 padding-right: 8px;
}
#page #contents{
	margin:0;
}
#acMenu.search_wrap dl dt::after{
	content: '';
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	margin-top: -15px;
	right: 15px;
	top: 50%; /*矢印画像の高さと配置を考慮して設定*/
	background:url(../img/ac_arrow-down.png) no-repeat 50% 50%; /*矢印画像*/
}
#acMenu.search_wrap dl dt.flag::after{
	background:url(../img/ac_arrow-up.png) no-repeat 50% 50%; /*矢印画像*/
}


/*----------------------------------------------------
	menu
----------------------------------------------------*/
.wrap{
	position: relative;
}
.img-responsive{
	max-width: 100%;
	height: auto;
}

.header_cart{
	position: absolute;
	right: 0;
	top: 0;
}
.header_menu{
	position: absolute;
	left: 0;
	top: 0;
}
.header_search{
	position: absolute;
	left: 162px;
	top: 0;
}
#left_panel dl dt{
	font-size: 30px;
	padding:26px 20px;
	background:#A12800;
	color:#ffffff;
	font-weight: bold;
}
#left_panel dl dd a{
	display: block;
	padding:32px 20px;
	font-size: 30px;
}
#left_panel dl dd{
	border-bottom: 1px solid #9E9E9E;
}
#left_panel dl dd.last{
	border: none;
}
#left_panel dl dd.icon_cart a{
	padding:32px 20px 32px 88px;
	background:url(../img/icon_cart.png) no-repeat 8px; center;
}
#left_panel dl dd.cat_first a::before{
	content: "";
	display: inline-block;
	border: 12px solid transparent;
	border-left-color: #A22800;
	padding-right: 8px;
}
#left_panel .icon_close{
	position: absolute;
	right: 22px;
	top: 22px;
}
#left_panel .icon_close a{
	padding-right: 60px;
	background:url(../img/icon_close.png) no-repeat right center;
	display: block;
	font-size: 30px;
	color:#ffffff;
	font-weight: bold;
}
#right_panel p.icon_close{
	background:url(../img/icon_close.png) no-repeat 624px center,#353535;
	text-align: right;
	margin:0 0 50px;
}
#right_panel p.icon_close a{
	color:#ffffff;
 	font-size: 30px;
	padding:26px 80px 26px 20px;
	display: block;
	font-weight: bold;
}
#right_panel form{
	position: relative;
	width: 520px;
	margin: 0 auto 90px;
}
#right_panel form input[type="text"]{
	font-size: 30px;
	border: 2px solid #000000;
	padding:31px 25px;
	background:#ffffff;
}
#right_panel form input[type="image"]{
	position: absolute;
	right: -2px;
	top: 0;
	width: 15vw;
}
.panel_wrap{
	padding-bottom: 50px;
}
#right_panel dl dt{
	padding:30px 14px;
	font-size: 30px;
	border-bottom: 1px solid #9E9E9E;
	font-weight: bold;
}
#right_panel dl dd a{
	font-size: 30px;
	display: block;
	padding:35px 30px;
	border-bottom: 1px solid #9E9E9E;
}

.fix_header{
  position: fixed; /* ヘッダーバーを固定 */
  top: 0; /* 上から0の位置に固定 */
  left: 0; /* 左から0の位置に固定 */
  display: none; /* ヘッダーバーを非表示 */
	width: 100%;
	background:#ffffff;
	z-index: 100;
}
.fix_wrap{
	position: relative;
}
.fix_wrap .fix_menu{
	left: 0;
	top: 0;
	position: absolute;
}
.fix_wrap .fix_search{
	right: 0;
	top: 0;
	position: absolute;
}
#left-menu{
	background:#ffffff;
}
#left-menu .mm-panels>.mm-panel.mm-hasnavbar,
#right-menu .mm-panels>.mm-panel.mm-hasnavbar{
	padding-top: 0;
}
#left-menu .mm-panels>.mm-panel,
#right-menu .mm-panels>.mm-panel{
	padding:0;
}
#left-menu .mm-panels>.mm-panel:after,
#left-menu .mm-panels>.mm-panel:before,
#left-menu .mm-panel.mm-hasnavbar .mm-navbar,
#right-menu .mm-panels>.mm-panel:after,
#right-menu .mm-panels>.mm-panel:before,
#right-menu .mm-panel.mm-hasnavbar .mm-navbar{
content: none;
	display:none;
}
#left-menu.mm-menu.mm-offcanvas,
#right-menu.mm-menu.mm-offcanvas{
	max-width:700px;
}

html.mm-opening body .mm-menu.mm-opened~.mm-slideout{
	-webkit-transform:translate(600px,0);
	    -ms-transform:translate(600px,0);
	    transform:translate(600px,0);
	    -webkit-transform:translate3d(600px,0,0);
	    transform:translate3d(600px,0,0)
}
#contents section{
	background: #ffffff;
}



/*----------------------------------------------------
	inner
----------------------------------------------------*/

/*--left--*/

/*--right--*/

/*--chara--*/

/*--point--*/

/*--block--*/



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



 /*-----ここからIE7用記述-----*/

*:first-child+html .{
}

 /*-----ここからIE6用記述-----*/

* html .{
}