@charset "UTF-8";
/*全体CSS----------------------------------------------------------*/

body, input, select {
	width: 100%;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
a {
	color: #000;
}
a:hover {
	color: #ff6060;
}
img {
	vertical-align: bottom;
}
/*休みの案内----------------------------------------------------------*/
.temporary_information {
	/* display:none;/*ここを変更*/ 
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}
.temporary_information a {
	color: #f50d0d;
	letter-spacing: 0.05em;
	font-size: 0.9em;
}
/*セール＆キャンペーン-------------------------------------------------*/
.sale5off .spss {
	display:none;
}
.sale5off .pcss {
	max-width:1200px;
	margin:0 auto;
}
.sale5off .pcss img {
	width:100%;
}
#header_bnr .cam5point {
	background:#19b1c1;
	padding:4px;
	font-weight: bold;
	display: none;
	color: #fff;
	text-align: center;
}
#header_bnr .sale5off {
	background:#333;
	display: none;
	color: #fff;
	font-size: 1em;
	text-align: center;
}
#header_bnr .pcbnr img {
	width: 1200px;
	display: block;
	margin: auto;
}

/*トップに戻る----------------------------------------------------------*/
.go_top, .go_cart {
	width: 80px;
	height: 80px;
	right: 0px;
	position: fixed;
	display: none;
	z-index: 1
}
.go_top {
	bottom: 70px;
}
.go_cart {
	bottom: 96px;
}
.go_top:hover, .go_cart:hover {
	cursor: pointer;
	opacity: 0.8;
}
#contents {
	max-width: 1000px;
	margin:0 auto;
	width:100%;
}
#pageTop {
	border-radius: 5px;
	color: #FFF;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 80px;
	height: 72px;
}

/*ヘッダー----------------------------------------------------------*/
header {
    overflow: hidden;
}

p.n-summary_heading {
    margin-top: 10px;
    max-width: 1200px;
	width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
.sale5off .pcss {
display:none;
}
.sale5off .spss {
display:block;
margin-bottom:20px;
}
.sale5off .spss img {
width:100%;
}
}
/*新ヘッダーcss--------------------------------------------------------*/
div#header, #header_navigation {
	margin:10px 0;
}
header img {
	width: 100%;
  }
  header a {
	color: #333;
  }
  .header_logoarea_left {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 0 8px;
  }
  #header .komachi_logo {
	width: 22%;
	margin-right: 3%;
  }
  #header .komachi_logo img{ width: 100%;}
  .header_guide {
	width: 25%;
	display: flex;
	justify-content: flex-end;
	text-align: center;
  }
  .header_guide br {
    display: block!important;
}
  .n-summary h1,
  .n-summary p {
	font-size: 13px;
	font-weight: 500;
	padding: 0 8px;
  }
  .n-summary h1{ margin-bottom: 10px;}
  .n-summary {
    max-width: 1200px;
    margin: 10px auto 0;
}
  .header_guide img {
	max-width: 30px;
  }
  .header_guide div {
	margin-left: 20px;
	font-size: 11px;
  }
  .category_header {
	/*background:linear-gradient(to top, #d6d6d6, #ffffff);*/
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
	background-color: #333;
  }
  .category_header_list {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 0;
  }
  .category_header_list_n {
	display: flex;
  }
  .category_header_list_n div {
	text-align: center;
	border-right: solid 1px #ccc;
	width: calc(100% / 4);
  }
  .category_header_list_n div:nth-child(1) {
	border-left: solid 1px #ccc;
  }
  .category_header_list_n a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
	font-weight: 500;
	color: #fff;
  }
  /*サーチ窓*/
form#header_formid {
	width:60%;
}
.n_search {
	display: flex;
}
input.search_text {
	padding: 9pt 14px;
	flex: 1;
	border:solid 1px #a5a5a5;
	border-radius: 4px 0 0 4px;
}
.search-btn {
	line-height: 1;
	width: 60px!important;
	padding: 0;
 transition: background-color .2s;
	color: #fff;
	border-width: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color:#dc4040;
}
  @media screen and (max-width: 480px) {
	#header .komachi_logo {
	  width: 45%;
	}
	.n-summary {
	  order: 1;
	  width: 100%;
	  flex: auto;
	}
	.n-summary h1,
	.n-summary p {
	  font-size: 10px;
	  text-align: center;
	}
	.header_logoarea_left {
	  flex-wrap: wrap;
	  padding: 0 10px;
	}
	.header_guide {
	  flex: 1 1;
	  justify-content: flex-end;
	  align-items: flex-start;
	}
	.category_header_list_n a {
	  font-size: x-small;
	}
	.header_guide div{margin-left: 10px;}
	.header_guide div span{ display: none;}
	.header_guide img {
		max-width: 25px;
	  }
	  form#header_formid {
		width: 100%;
		order: 1;
		flex: auto;
		margin-top: 8px;
	}
  }
/*レフトナビ----------------------------------------------------------*/
.l-side_wrapper {
	text-align: left;
	max-width: 230px;
	width: 100%;
}
.p-side-list {
	margin-bottom: 20px;
}
.p-side-list__item {
	font-size: 18px;
	position: relative;
	list-style-type: none;
	border-top: dotted 1px #ccc;
	box-sizing: border-box;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.p-side-innnerlist {
	display: none;
	position: absolute;
	top: 0;
	right: -420px;
	background-color: #fff;
	z-index: 999;
	width: 420px;
	box-sizing: border-box;
	border: 1px #ccc solid;
	border-radius: 2px;
}
.p-side-list__item > a {
	font-size: 16px;
	display: block;
	position: relative;
	text-decoration: none;
	color: #000;
}
.p-side-list__title {
	font-size: 18px;
	border-bottom: solid 2px #333;
	border-top: solid 2px #333;
	display: block;
	margin: auto;
	padding: 13px 0 13px;
	text-align: center;
	box-sizing: border-box;
}
.p-side-list__item > a span {
	display: block;
	margin: auto;
	padding: 5px 0 5px 5px;
	box-sizing: border-box;
	font-size: 13px;
}
.p-side-innnerlist__item a {
	display: block;
	padding: 5px 5px 5px;
	font-size: 13px;
	text-decoration: none;
	color: #000;
	box-sizing: border-box;
	z-index: 999;
}
.p-side-list__item:hover ul.p-side-innnerlist, .p-side-list__item:hover ul.p-side-innnerlist > li {
	display: block;
}
.p-side-innnerlist li.p-side-innnerlist__item {
	float: left;
	width: 50%;
}
.p-side-innnerlist li img {
	width: 150px;
}
#left_bottom img {
	width: 100%;
}
#left_nav li {
	transition: 0.3s;
}
#smp_select {
	display: none;
}
#left_nav a:hover {
	color: #f66;
}
/*トップページ----------------------------------------------------------*/
#toppage{ max-width:1000px; margin: 0 auto;}
#toppage img{ width: 100%;}
.amazonpay {
    max-width: 500px;
    margin: 0 auto;
}
#toppage h2{ position: relative;
	padding: 0.5em 1.2em;
	border-radius:1.5em;
	border: 1px solid #CCC;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,1);
	background: linear-gradient(#EFEFEF 0%, #FFF 50%, #EEE 50%, #FFF 100%);}
#toppage h3{border-bottom: solid 2px; text-align: center;   padding: 5px 0;}
.hekimen_tenji{ display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.hekimen_tenji div{ width: 48%; margin: auto}

.hekimen_series{ display: flex;    justify-content: space-between;;flex-wrap: wrap;}
.hekimen_series a{ width: 22%;margin-bottom: 20px;}
.hekimen_info{ display: flex; flex-wrap: wrap; justify-content: space-between;} 
.hekimen_info a{ width: 48%;}
.hekimen_article{ display: flex; flex-wrap: wrap; justify-content:space-around; margin-bottom: 60px;} 
.hekimen_article a{ max-width: 800px;}
.tenzizyou img{border: solid 1px #ccc; padding: 5px;}
.top_logo img{max-width:300px;    margin-bottom: 10px;}

#left_navigation {
	width: 18%;
	display: none;/*追加*/
}
/*トップ空白*/
.hekimen_info{ margin-bottom:60px;}
#toppage h2,.hekimen_tenji,#toppage h3,.amazonpay{ margin-bottom: 40px;}
.hekimen_series{ margin-bottom: 20px;}
/*カテゴリ・商品ページ用幅*/
.free-contents #left_navigation {
	width: 100%;
}
@media screen and (max-width: 480px) {
	#toppage{padding:8px;}
	.top_logo img{display: block;max-width:250px;    margin: auto;}
	.hekimen_tenji div,.hekimen_info a{ width: 100%;margin-bottom: 20px;}
	.top_logo br{ display: block!important;}
#toppage h2,  #toppage h3{ font-size:20px!important; text-align: center;}

.hekimen_series{justify-content: space-between;}
.hekimen_series a{ width: 47%; margin-bottom:10px;}
	/*トップ空白*/
.hekimen_info{ margin-bottom:30px;}
#toppage h2,.hekimen_tenji,#toppage h3,.amazonpay{ margin-bottom: 20px;}
}

/*カテゴリページ----------------------------------------------------*/

#category_img ul {
	display: flex;
	flex-wrap: wrap;
}
#category_img li {
	display: inline-block;
	width: calc((100%) / 8);
}
.category_list {
	padding: 10px;
}
#category_img p {
	text-align: center;
	margin: 0;
	font-size: 0.8em;
}
#category_img li img {
	width: 100%;
}
/*カテゴリページ＆検索結果　並べ替えエリア*/
select#TypeKey {
	display: none;
}
#pager-top > .selectbox {
	text-indent: 100%;
	overflow: hidden;
	text-align: right;
}
#itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {
	float: left;
 *float: none;
 *display: inline;
	padding: 0;
 *zoom: 1;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 5px 0 5px 5px;
}
#itemList_wrap #pager-top ul li a, #itemList_wrap #pager-bm ul li a {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: block
}
li.pagericon {
	display: none;
}
/*次の5ページへ*/
#itemList_wrap #pager-top ul li.pagericon a, #itemList_wrap #pager-bm ul li.pagericon a {
	width: 120px;
	text-align: center;
	float: left;
	margin: 0;
	margin-left: 5px;
 *zoom: 1;
}
#pager-top ul li.selected, #pager-bm ul li.selected {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background-color: #F9DEDE;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}
#pager-bm {
	overflow: hidden;
}
/*カテゴリーページ　コンテンツ*/
#category_txt {
	padding: 24px 8px;
	margin-bottom: 24px;
}
#category_txt h2 {
	font-weight: normal;
	font-size: 1.8em;
	margin-bottom: 16px;
}
#category_txt h3 {
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 16px;
}
#category_txt p {
	font-size: 0.9em;
	margin-bottom: 24px;
}
/*商品一覧----------------------------------------------------------*/
#itemList h1 {
	font-size: 1.2em;
	color: #000;
	border-bottom: solid 2px #333;
	margin-bottom: 24px;
	box-sizing: border-box;
}
.column4 {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 30px;
	float: left;
}
 .column4:nth-child(4n) {
 margin-right: 0%;
}
.itemThumb {
	overflow: hidden;
	margin-bottom: 8px;
}
.column4 h2 {
	height: 30px;
	margin-bottom: 4px;
	overflow: hidden;
}
#itemList_wrap #pager-top {
	border: none;
}
/*商品一覧価格*/
p.price span, .selling_price {
	color: #de0505;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif;
}
span.selling_price {
	font-size: 20px;
 !important
}
span.taxin {
	font-size: 0.5em;
 !important
}
/*お気に入りリストのCSS----------------------------------------------------------*/

#wishlist_widget {
	height: 100%;
	position: fixed;
	top: 0;
	left: -320px;
	width: 380px;
	z-index: 10001;
}
#wishlist_widget h2 {
	width: 320px;
	padding: 10px 0 0 4px;
	border-right: solid 10px #fd6262;
	box-sizing: border-box;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	background-color: rgba(255, 255, 255, 1);
}
#wish_list {
	width: 320px;
	height: 100%;
	border-right: solid 10px #fd6262;
	box-sizing: border-box;
	padding-bottom: 20px;
	background-color: rgba(255, 255, 255, 1);
	float: left;
}
#wish_list_inner {
	width: 280px;
	padding-left: 10px;
	height: 80%;
	display: inline-flex;
	justify-content: space-around;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
	overflow: auto;
	direction: rtl;
}
#wish_list li {
	opacity: 1;
	position: relative;
	width: 120px;
	height: 120px;
	margin-bottom: 16px;
}
#wish_list li.none_bookmark {
	width: 280px;
	font-size: 0.7em;
	text-align: center;
	direction: ltr;
}
#wish_list li img {
	width: 120px;
	height: 120px;
}
#wish_list li input {
	width: 20px;
	height: 20px;
	border: none;
	position: absolute;
	top: 3px;
	right: 3px;
	display: none;
	background: url(https://ioo-sofa.net/widget/wish_list/img/del_btn.gif) top left no-repeat;
	background-size: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#wish_list li:hover input {
	display: block;
	cursor: pointer;
}
.wish_listbtn {
	position: relative;
	width: 60px;
	height: 80px;
	top: -72px;
	background: url(https://ioo-sofa.net/widget/wish_list/img/open_wish.png) top left no-repeat;
	float: right;
	cursor: pointer;
}
.fb-like iframe {
	z-index: 9999;
	max-width: none;
}
/*レビューページ----------------------------------------------------------*/

article #main-column .pageNav_top {
	display: flex;
	justify-content: space-between;
	border-bottom: solid 3px #f6f6f6;
	padding-bottom: 10px;
}
.ttlArea h2 a {
	font-weight: bold;
}
article #main-column .pageL {
	width:70%;
}
.pageNav_top .pageR {
	width:20%;
}
.pageNav_top .pageR .quantity {
	float: none;
	font-size: 16px;
	padding: 4px 6px;
}
.pageL strong {
	color: red;
}
div.reviewBox {
	display: flex;
	justify-content: space-around;
}
.reviewBox .tmb {
	width: 25%;
}
.reviewBox .reviewTxt {
	width: 70%;
	padding-left: 20px;
}
.reviewTxt ul li {
	display: inline-block;
}
#bread-crumb {
	margin-bottom: 8px;
}
.ttlArea {
	border-bottom: 2px solid #ccc;
}
.reviewTxt ul {
	padding: 15px 0px;
}
#bread-crumb li {
	display: inline;
	padding: 0 10px 0 13px;
	line-height: 120%;
	background: url(../hpgen/HPB/theme/img/breadcrumb_bg.gif) no-repeat left center;
}
#bread-crumb li a {
	color: #000;
}
#bread-crumb li a:hover {
	color: #E67C7C;
}
#bread-crumb li:first-child {
	padding: 0 10px 0 0px;
}
#main-column form #itemBox {
	overflow: hidden;
}
.rating {
	margin: 20px 0 50px;
}
section.rating + section.rating {
	border-top: 3px solid #f6f6f6;
	padding-top: 20px;
}
.reviewBox_item {
	box-sizing: border-box;
	padding:0px 14px;
}
table.userreview_list {
    border: 1px solid #ccc;
}
#review > section > table > tbody > tr:nth-child(1) {
    border-bottom: 1px dashed #ccc;
}
td.userreview_user {
    font-weight: bold;
    padding: 10px 16px;
}
section.userreview {
    margin-bottom: 20px;
}
table.userreview_list{ margin-bottom:10px;}
td.userreview_date {
    font-size: 0.8em;
    padding: 10px 16px;
}
td.userreview_rate {
    padding:10px 14px 0;
}
.userreview_rate img {
    vertical-align: middle;
}
.reviewBox_item > p {
	width: 100%;
	margin-top: 8px;
	padding: 16px 10px;
	box-sizing: border-box;
	background: #ffffff;
	position: relative;
	border: 3px solid #45c8ff;
	border-radius: 10px;
	display: block;
}
.rating .comment {
	box-sizing: border-box;
	margin: 0px 14px;
	margin-bottom: 8px;
	padding: 0px 10px;
	box-sizing: border-box;
	position: relative;
	display: block;
}
.rating .comment h3 {
	font-size: 1.2em;
	margin-bottom: 4px;
}
.reviewBox_item > ul > li {
	width: 16px;
	display: inline;
}
.reviewBox_item > ul > li img {
	vertical-align: middle;
}
.reviewBox_item > ul > li.space {
	padding-right: 12px;
}
.btnMore {
	display: none;
}
.tab_ban {
	width: 80px;
	height: 156px;
	position: fixed !important;
	position: absolute;
	right: 0;
	top: 200px
}
.tab_ban a {
	display: block;
	width: 100%;
	height: 100%;
}
.tab_ban:hover {
	width: 346px;
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-ms-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}
.tab_ban a:hover {
	width: 346px\9;
}
#tab01 {
	background: url(https://ioo-sofa.net/pic-labo/menberspt.gif) 0 0 no-repeat;
	top: 50px;
}
#tab02 {
	background: url(../pic-labo/kaikonbnr.gif) 0 0 no-repeat;
	top: 220px;
}
#tab03 {
	background: url(https://ioo-sofa.net/pic-labo/photo_bnr.gif) 0 0 no-repeat;
	top: 390px;
}
 @media screen and (max-width:1024px) {
 #float_area, #left_nav {
 display: none;
}
#top_viewpanel {
 width:100%;
}
#contents_top {
display:block;
}
}
 @media screen and (max-width: 480px) and (min-width: 0px) {

/*棚・シェルフカテゴリページ*/
 #category_img li {
 display: inline-block;
 width: calc((100%) / 5);
}
 .category_list {
 padding: 0 5px;
}
 #category_img p {
 font-size: xx-small;
}

}