@charset "Shift_JIS";
html {border:none;}
#main_img img {
	max-width:100%;
}

label.pure-toggle-label,
.pure-drawer {
	display:none;
}
/* drawer */

.pure-drawer a:link{
	color:#fff;
}

.pure-drawer a:visited{
	color:#ccc;
}

.pure-drawer a:hover{
	color:#ccc;
}

.pure-drawer a:active {
	color:#ccc;
}
.pure-drawer ul {
	list-style:none;
}
.pure-drawer ul li a {
	display:block;
	line-height:2;
	padding:3px 0 3px 20px;
}
.pure-drawer .arrow {
	position:relative;
}
.pure-drawer .arrow:before {
	position:absolute;
	content:"";
	top:37%;
	left:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:4px;
	height:4px;
	border:3px solid transparent;
	border-left:4px solid #d10f2f;
}
#navi_sp {
	padding-left:0;
	margin:0;
	font-size:1.6em;/*1.4em*/
	margin-bottom:2em;
	border-bottom:1px solid #888;
}
#navi_sp > li {
	border-top:1px solid #888;
}
#header_menu_sp {
	margin:0;
	padding:0;
	font-size:1.6em;
	border-bottom:1px solid #888;
}
#header_menu_sp li {
	border-top:1px solid #888;
}
@media screen and (max-width: 1024px) {
	label.pure-toggle-label,
	.pure-drawer {
		display:block;
	}
	#header_right {
		width:0;
		display:none;
		padding:0;
	}
	#header h1 {
		float:none;
		padding:5px 0 10px;
	}
}
@media screen and (max-width: 768px) {

	* {
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.entry img {
		max-width:100%!important;
		height:auto!important;
	}
	.entry table {
		table-layout:fixed;
	}
	.entry td {
		max-width:100%;
	}
	#wrapper {
		min-width:0;
		font-size:1.6em;
	}
	#inner_header {
		width:100%;
	}
	#pankuzu {
		padding:5px;
	}
	#container {
		width:100%;
	}
	.inner_footer {
		width:100%;
	}
	#header h1 {
		text-align:center;
	}

	input[type="text"],
	input[type="password"],
	textarea {
		border-radius:3px;
		border-width:1px;
		border-color:#aaa;
		padding:2px;
		margin:3px 0;
	}
	select {
		padding:2px;
	}
	.footer_navi_box {
		width:100%;
		background:none;
		display:flex;
		flex-wrap:wrap;
	}
	.footer_navi {
		width:33.3%;
		padding:0;
		padding-left:30px;
	}
	/* top */
	.body_home #container h3 {
		margin-left:5px;
	}
	#top_products {
		background:none;
		margin:0 5px;
	}
	#top_products > br {
		display:none;
	}
	#top_products table {
		font-size:0;
		line-height:0;
		letter-spacing:0;
		width:100%!important;
		table-layout:fixed;
	}
	#top_products table td {
		width:25%!important;
		text-align:center;
		margin-bottom:20px;
	}
	#top_products table td img {
		max-width:100%;
		height:auto!important;
		width:auto!important;
	}

	#top_banner {
		width:auto;
		background:none;
		float:none;
		padding:0;
		margin:0 5px 20px;
	}
	#top_banner table {
		width:100%;
		display:block;
		font-size:0;
		line-height:0;
		letter-spacing:0;
		border:none;
		text-align:center;
		table-layout:fixed;
	}
	#top_banner tr {
		display:inline-block;
		max-width:33.3%;
		border:1px solid #a0a0a0;
	}
	#top_banner tr td {
		max-width:100%;
		border:none;
		display:inline-block;
	}
	#top_banner table img {
		width:auto!important;
		height:auto!important;
		max-width:100%;
	}
	#top_news {
		width:100%;
		float:none;
		padding-bottom:35px;
	}
	#top_news ul {
		width:100%;
	}
	#top_news ul:after {
		content:"";
		display:block;
		clear:both;
	}
	#top_news ul li {
		width:100%;
	}
	.body_home #top_news ul li:nth-of-type(n+6) {
		display:none;
	}
	#top_news h3 a {
		left:auto;
		right:10px;
	}
	#top_news .newsList{
		top:auto;
		left:auto;
		bottom:8px;
		right:10px;
	}
	#top_topics {
		width:auto;
		display:block;
		float:none;
	}
	#top_topics:after,
	#top_topics .topics_toplist_box:after {
		content:"";
		clear:both;
		display:block;
	}
	.topics_toplist_box {
		margin-left:10px;
	}
	.topics_box {
		float:none;
		display:inline-block;
	}

	.h2_title {
		background:none;
		text-indent:0;
		padding:10px 5px;
		height:auto;
	}
	#sidebar {
		width:100%;
	}
	#sidebar_navi {
		width:100%;
	}
	#sidebar_navi .cms_navi li a {
		width:100%;
	}
	#sidebar_msg {
		text-align:center;
	}
	#content {
		width:100%;
		margin:0!important;
		padding:0 2%;
	}
	div#content_1column #content {
		margin-right:0;
	}

	.body_shop #content table {
		width:100%!important;
		margin:20px 0;
	}
	/* story */
	#story_box #tables_story,
	#story_box #chairs_story {
		width:100%;
	}
	/* products */
	.body_products_chairs .entry table,
	.body_products_tables .entry table,
	.body_products_others .entry table {
		width:100%;
		max-width:100%;
	}
	.products_list table {
		width:100%;
	}
	.products_list table tr td {
		width:25%;
		vertical-align:top;
	}
	.products_list table tr td div.products_thumb {
		height:auto;
	}
	/* contact us */
	.body_contact #content {
		float:none;
		width:100%;
		margin:0;
		margin-bottom:40px;
	}
	#input-table table {
		width:100%;
	}
	#input-table table input.form_textbox,
	#input-table table .form_textarea {
		width:100%;
	}
	/* topics */
	.body_topics .entry table {
		width:100%!important;
	}
}
@media screen and (max-width: 480px) {
	/* top */
	#top_products table td {
		width:50%!important;
		display:inline-block;
		margin-bottom:0;
	}
	#top_banner tr {
		max-width:50%;
	}

	.topics_toplist_box {
		margin:0;
		text-align:center;
		margin-left:0;
	}
	.topics_box {
		max-width:47%;
		margin:1%;
		min-height:auto;
	}

	.products_list table tr td {
		display:inline-block;
		width:49%;
	}
	.products_thumb table tr td {
		width:100%;
	}
	/* footer */
	.footer_navi_box {
	}
	.footer_navi {
		width:50%;
		padding-bottom:1em;
	}
}