@charset “UTF-8”;
/* =============================================================================

CSS Information

 File name:	layout.css

 Style Info:	レイアウト設定

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

body {
	overflow-x: hidden;
	position: relative;	
	background: #FFF;
	color: #333;
	background-image: url(../common/bg.jpg);
	font-size: 14px;
	font-family: 'Arial' , 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.8;
}

a {
	text-decoration: underline;
	color: #333;
}

a:visited {
	color: #333;
}

a:hover {
	color: #EE922B;
	text-decoration: none;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

em {
	font-weight: bold;
}

strong {
	font-weight: bold;
}


.clearfix {
}

.clearfix:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}

.header p ,
.header_sp p ,
.side p {
	margin: 0;
	padding: 0;
}


#footer,
#foot_menu,
.pagetop {
	clear:both;
}

.fs-preview-header { display: none; }

/*テキスト装飾*/

.txt_layout_r {text-align: right;}
.txt_layout_l {text-align: left;}
.txt_layout_c {text-align: center;}


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

 Future shop コマースクリエーター style [スタートアップテーマ(PC/タブレット)ベース]

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

.fs-l-header {
	padding-top: 0;
}

.fs-l-footer {
	border-top: none;
}

nav.fs-c-breadcrumb {
	max-width: 690px;
	margin: 0 auto;
	padding: 12px 0 18px 12px;
	background: url(../common/pan_back.jpg) no-repeat top;
	font-size: 85%;
}
div.fs-c-breadcrumb {
	max-width: 690px;
	margin: -1em auto 0;
	padding: 0 0 0 12px;
	font-size: 85%;
}

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

 header

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

#header {
	width:100%;
	background: url(../common/head_bkimg.jpg) repeat-x;
	font-size:80%
}

#header_area {
	position: relative;
	z-index:1;
	width:940px;
	height:136px;
	margin:0 auto;
}

#header h1 {
	text-align:right;
	width: 550px;
	float:left;
	padding-top:6px;
	position: absolute;
	z-index:5;
}

#header_area #logo1 {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 10px;
}

#header_area .tel {
	position: absolute;
	z-index: 3;
	right: 0px;
	top: 44px;
	width: 227px;
}

#topnav {
	float: right
	width: 386px;
	padding-top: 0px;
}

#topnav li {
	float: right;
}


#glnav {
	clear:both;
	height: 46px;
	background: url(../common/nav_gl_bkimg.jpg) repeat-x;
	width:100%
}

#glnav ul,
#glnav li {
	padding:0;
	margin:0;
	line-height:1em
}
#glnav ul{
	width:941px;
	margin:0 auto;
	list-style-type: none;
}
#glnav li {
	float:left;
}	


/* header_sp
----------------------------------------------------------- */

.header_sp {
	margin-bottom: 20px;
}

.cover_sp {
	margin-bottom: 5px;	
}

.cover_sp img {
	border-bottom: 1px solid #FFF;
	box-shadow: 0px 0px 8px rgba(0,0,0,.4);
}

.gnavi_sp {
	display: -webkit-flex;
	display: flex;
}

.gnavi_sp li {
	flex-grow: 0;
	border-right: 1px solid #FFF;
}

.gnavi_sp li:last-child {
	border-right: none;
}



/* search_sp
----------------------------------------------------------- */

.search_sp {
	position: relative;	
	padding: 0 95px 0 15px;
}

.search_sp button {
	position: absolute;
	top: 0;
	right: 15px;
	width: 50px;
	height: 28px;
}




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

メインコンテンツ : fs-l-main / fs-l-pageMain / #side

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

.fs-l-main {
	clear: both;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	max-width: 960px;
	margin: 40px auto 0;
	padding: 0 15px;
}

.fs-l-pageMain {
	flex-grow: 0;
	max-width: 800px;
	width: 690px;
	margin: 0 auto;
}

.side {
	flex-grow: 0;
	width: 220px;
	margin-right: 40px;
}



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

 side

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

div#menu_item {
	clear:both;
	width: 220px;
	background: url(../common/left_menu_back_top.jpg) repeat-y;
	margin-bottom: 15px;
	line-height:0
}
div#menu_item a:link {
	line-height:1em;
	margin:0;
	padding:0
}
div#menu_item .inner	{
	background: url(../common/left_menu_back_bottom.jpg) no-repeat bottom;
}
div#menu_item dl {
	padding:10px 15px 20px 15px;
}
div#menu_item dt {
	margin-top:10px;
	line-height:0
}

/* 配送iframe */
.deli_frame_wrapper {
	margin-bottom: 10px;
	margin-left: 10px;
}

/*静的*/

#menu_item ul {
	padding:10px 15px 20px 15px
}
#menu_item a:link,
#menu_item a:visited {
	color:#000;
	text-decoration: none;
}
#menu_item a:hover {
	color: #F90;
	text-decoration: none;
}

#menu_item ul ul {
	background-color:#FFFAF7;
	margin:0;
	padding:2px 8px 5px 8px;
}
#menu_item ul ul li {
	background:url(../common/allow_01.gif) left 6px no-repeat;
	border-bottom: dashed 1px #ADADAD;
	padding:6px 2px 5px 14px;
	font-size:12px;
	margin:0;
	line-height:1.3em
}


/*会員様メニュー*/
#box_membermenu {
	background: url(../common/membermenu.jpg) no-repeat;
	margin-bottom: 20px;
	padding:15px 15px 15px;
	border-bottom: 1px solid #999;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	text-align: right;
}

li.btn_cartcheck {
	width: 100%;
	margin-bottom: 7px;
}

li.btn_login {
	float:left;
	width: 48%;
	margin-bottom:13px;
	margin-right:5px;
}

li.btn_mypage {
	display: inline-block;
	width: 48%;	
}

/*検索*/
#box_search {
	background:url(../common/box_serch.jpg) no-repeat;
	height:87px;
	position: relative;
	z-index:1
}

#box_search form {
	width:190px;
	margin:0;
	padding:0;
	left:15px;
	top:35px;
	position: absolute;
	z-index:2;
}
#box_search .search_txt {
	width:130px;
	height:32px;
	float:left;
	margin-right:2px;
	border:1px solid #ADADAD;
	display:inline 
}
#box_search .search_btn {
	float:right;
	display:inline 
}



/*お問合せ*/
#box_toiawase,
#box_ansin,
#box_calendar {
	margin-top:20px;
	height:420px
}
#box_toiawase .guide  {
	background:url(../common/left_toiawase.gif) no-repeat;
	width:220px;
	height:392px
}

#box_toiawase .guide span.guide01 { display:block; padding-left: 84px; padding-top:166px}
#box_toiawase .guide span.guide02 { display:block;padding-left:54px; padding-top:74px}
#box_toiawase .guide span.guide03 { display:block;text-align: center;padding-top:13px}



/*カレンダー*/
.cal {
	width:100%;
	height:340px
}
.cal_txt {
	padding-top:10px;
}


/*ローカルメニューボックス*/
.side .bana_area {
	margin-top:20px;
}
.side .bana_area ul,
.side .bana_area li {
	margin: 0;
	padding: 0;
}
.side .bana_area li {
	margin-bottom:8px;
}


/* その他：ボックス */
.box_title {
	padding:12px 10px 10px 26px;
	background: url(../common/left_midasi1bk.gif) no-repeat #d8d1c7;
	font-weight:bold;
	line-height: 1;
}
.box_contents {
	font-size:80%;
	padding:10px 15px 25px 15px;
	background:url(../common/left_box_bk1.gif)
}




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

 footer

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

/* PC
----------------------------------------------------------- */

#foot_menu {
	background: #171717 url(../common/footer_menu_bk.jpg) repeat-x top;
	margin:0;
	padding:20px 0 0 0;
	overflow:auto
}
#foot_menu_area {
	width:940px;
	margin:auto;
	color:#FFF;
}


/*列単位*/
#foot_menubox_top {
	width:151px;
	padding-bottom:5px;
}
#foot_menubox_left {
	width:151px;
	float:left;
	padding-bottom:15px
}
#foot_menubox {
	width:151px;
	float:left;
	margin-left:46px;
}


#foot_menu_area p {
	margin-bottom:10px
}
	
#foot_menu ul {
	margin-bottom:20px;
	}
#foot_menu li {
	font-size:70%;
	background:url(../common/allow_f.png) no-repeat 12px 5px;
	padding-left:25px;
	margin-bottom:8px;
	line-height:1.2em
}
#foot_menu  .last {
	padding-bottom:10px;
}
	

/*リンク*/
#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration:none
}
#footer a:hover {
	color:#FF9900;
	text-decoration: none
}
#foot_menu_area p a {
	line-height: 1;
}

#foot_menu_area p a:link,
#foot_menu_area p a:visited {
	background:url(../common/foot_off.png) no-repeat;
	height:19px;
	padding:2px;
	text-align:center;
	font-size:12px;
	color:#FFF;
	display:block
}
#foot_menu_area p a:hover{
	background:url(../common/foot_off.png) no-repeat;
	height:19px;
	padding:2px;
	color: #F90;
	display:block
}

#foot_menu_area p.over a:link,
#foot_menu_area p.over a:visited{
	background:url(../common/foot_on.png) no-repeat;
	height:19px;
	padding:2px;
	color: #000;
	display:block
}
	
	
/* copyright */
#copyright {
	background:url(../common/footer_copyright_bk.gif) ;
	height:157px;
	padding:8px 0 10px 50px;
}

#copyright_area {
	width:940px;
	margin:auto;
	text-align:right;
	height:29px;
}

 
 
/* ページTOPへ　*/
.pagetop
{
	clear:both;
	width:940px;
	margin: 20px auto;
	text-align:right
}
.pagetop_s {
	clear:both;
	width:690px;
	margin: 20px auto;
	text-align:right;
}




/* footer_sp
----------------------------------------------------------- */

.footer_sp {
	margin-top: 20px;
	padding: 20px;
	background: #171717 url(../common/footer_menu_bk.jpg) repeat-x top;
	color: #FFF;
}

.footer_sp a {
	color: #FFF;
}

.fnavi_sp1 a {
	position: relative;
	display: block;
	padding: 4px 0 4px 20px;
}

.fnavi_sp1 a::before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #FFF;
	left: 4px;
}



.copy_area_sp {
	margin: 20px -20px 0;
	padding-top: 20px;
	border-top: 1px solid #666;
	font-size: 85%;
	text-align: center;
}