/*footer
---------------------------------------------------------------------------*/
footer {
	clear			:	both;
	background		:	#5c443f;
	font-size		:	085%;
	text-decoration	:	none;
}

#footermenu {
	overflow		:	hidden;
	padding			:	020px 000;
}

#footermenu ul {
	float			:	left;
	width			:	auto;
	padding-right	:	010px;
	padding-left	:	001%;
	border-right	:	001px solid #999999;
}

#footermenu ul:first-child {
	border-left		:	001px solid #999999;
}

#footermenu a {
	color			:	#EAE6E1;
	transition		:	0.5s;
	text-decoration	:	none;
}

#footermenu a:hover {
	color			:	#B79D95;
}



/*copyright
---------------------------------------------------------------------------*/
#copyright {
	clear			:	both;
	text-align		:	center;
	background		:	#280000;
	color			:	#666666;
}

#copyright a {
	color			:	#EAE6E1;
	text-decoration	:	none;
}

#copyright a:hover {
	color			:	#B79D95;
}



/*ボタン
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn {
	width			:	100%;
	padding			:	015px 000px;
	margin-bottom	:	020px;
	border			:	002px solid #ff7d7d;
	border-radius	:	005px;
	background		:	#ff9999;
	font-size		:	020px;
	color			:	#333333;
}

input[type="submit"].btn:hover,
input[type="button"].btn:hover {
	border			:	002px solid #ff9999;
	background		:	#ff7d7d;
	position		:	relative;
	top				:	001px;
	left			:	001px;
	color			:	#333333;
	font-weight		:	bold;
}

/*PAGE TOP
---------------------------------------------------------------------------*/
#pagetop {
	clear			:	both;
	padding-top		:	040px;
}
#pagetop a {
	color			:	#ffffff;
	font-size		:	020px;
	background		:	#3C1B1A;
	text-decoration	:	none;
	text-align		:	center;
	display			:	block;
	float			:	right;
	width			:	060px;
	line-height		:	060px;
	border-radius	:	010px;
	border			:	003px solid #ffffff;
	box-shadow		:	000px 005px 015px rgba(000,000,000,0.2);
	margin-bottom	:	020px;
}

#pagetop a:hover {
	background		:	#5c443f;
}



/*一覧Box内アイコン
---------------------------------------------------------------------------*/

span.option1, span.option2 {
	text-align		:	center;
	display			:	block;
	font-size		:	010px;
	width			:	100px;
	position		:	absolute;
	right			:	000px;
	top				:	000px;
	transform		:	rotate(45deg) translate(032px,-009px);
	color			:	#ffffff;
	background		:	#666666;
}

span.option1 {
	color			:	#ffffff;
	background		:	#ff0000;
}

h2 span.option1, h2 span.option2 {
	text-shadow		:	none;
	width			:	auto;
	padding			:	002px 005px;
	position		:	static;
	transform		:	none;
	display			:	inline-block;
	font-size		:	015px;
	margin-left		:	010px;
}

/*アイコン：New
---------------------------------------------------------------------------*/
.newicon {
	background		:	#ff0000;
	color			:	#ffffff;
	font-size		:	070%;
	line-height		:	1.5;
	padding			:	002px 005px;
	border-radius	:	002px;
	margin			:	000px 005px;
	vertical-align	:	text-top;
}




/*画面幅：1200px以上
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px)
{

/*inner
---------------------------------------------------------------------------*/
.inner {
	width			:	1200px;
}

/*メニュー設定
---------------------------------------------------------------------------*/
#menubar li, #menubar ul.ddmenu {
	width			:	240px;
}

}



/*画面幅：800px以下
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px)
{

/*inner
---------------------------------------------------------------------------*/
.inner {
	width				:	auto;
}

/*menu
---------------------------------------------------------------------------*/

/*スマホメニュー切り替え（非表示→表示）*/
#menubar-s {
	display				:	block;
	overflow			:	hidden;
	position			:	absolute;
	background			:	rgba(050,035,035,0.6);
	border-top			:	001px solid #ffffff;
	width				:	100%;
	z-index				:	010;
}

#menubar-s li a {
	display				:	block;
	text-decoration		:	none;
	padding				:	010px 005%;
	border-bottom		:	001px solid #ffffff;
	background			:	#3c1b1a;
	color				:	#ffffff;
}

#menubar-s li a:hover {
	color				:	#d9a300;
}

#menubar {
	display				:	none;
}

/*３本バーアイコン
---------------------------------------------------------------------------*/

#menubar_hdr {
	display			:	block;
	position		:	absolute;
	top				:	050px;
	right			:	020px;
}

#menubar_hdr.close,
#menubar_hdr.open {
	width			:	030px;
	height			:	030px;
	border			:	001px solid #fff;
	border-radius	:	003px;
}

#menubar_hdr.close {
	background		:	#ffffff url(../image/IconOpClMenu.png) no-repeat center top/30px;
}

#menubar_hdr.open {
	background		:	#ffffff url(../image/IconOpClMenu.png) no-repeat center bottom/30px;
}

/*contents
---------------------------------------------------------------------------*/
#contents {
	padding			:	003%;
}

/*main,sub
---------------------------------------------------------------------------*/
#main, #sub {
	float			:	none;
	width			:	auto;
}

/*PAGE TOP
---------------------------------------------------------------------------*/
#pagetop {
	margin-right	:	003%;
}

}



/*画面幅：650px以下
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:650px)
{

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

#main .list {
	width			:	auto;
	float			:	none;
	margin-bottom	:	000;
}

#main .list a {
	height			:	auto;
	border-right	:	none;
	border-bottom	:	001px solid rgba(255,255,255,0.2);
}

/*1,5,10…個目、ボックス追加設定*/
#main .list:nth-of-type(4n+1) a {
	border-left		:	none;
}

/*写真設定*/
#main .list figure img {
	width			:	020%;
	float			:	left;
	margin-right	:	003%;
}

/*1番上ボックス追加設定*/
#main .list:first-of-type a {
	border-top		:	001px solid rgba(255,255,255,0.2);
}

/*1番下ボックス追加設定*/
#main .list:last-of-type a {
	margin-bottom	:	020px;
}

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

#footermenu {
	display			:	none;
}

}



/*画面幅：480px以下
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*body
---------------------------------------------------------------------------*/
body {
	font-size		:	012px;
	line-height		:	1.5;
}

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

header #logo img {
	width			:	250px;
	bottom			:	037px;
}

/*main
---------------------------------------------------------------------------*/
#main h2, #main h3 {
	font-size		:	014px;
	padding-left	:	010px;
	padding-right	:	010px;
}

#main p {
	padding			:	000px 010px 015px;
}

/*box
---------------------------------------------------------------------------*/

.box {
	border			:	005px solid #ffffff;
	padding			:	010px;
}

/*news
---------------------------------------------------------------------------*/

#new dl {
	padding-left	:	010px;
}

}



/*画面幅：400px以下
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:400px)
{

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

header #logo img {
	width			:	170px;
	bottom			:	040px;
}


}