@charset "shift_jis";

.assyManual{
	display: none;
}

.flexWrap {
		order: 11;
}
.detailPic a, .guidearea h2:hover, .thumbBox img {
		cursor: pointer
}
.ecHeader img, .finalPrice, .point_campaign_bnr img {
		vertical-align: bottom
}
#si_cmmnt {
		width: 100%;
		margin: 0 auto 40px
}
.item-wrapper {
	width: 100%;
	display: flex;
		flex-flow: row wrap;
		margin: 0 auto 40px;
	overflow: hidden;
}
#item-title, .itemID {
		flex-basis: 100%;
		width: 100%
}
#item-title {
		border-bottom: 1px solid red;
		margin: 20px 0 0
}
#item-title h1 {
		font-size: 1em
}
#item-title span a {
		display: inline-block;
		font-size: 12px;
		font-weight: 400;
		padding: 5px 10px;
		background: #262626;
		border-radius: 5px;
		color: #fff
}
#item-title h1 span {
		display: block;
		font-size: 12px;
		color: #999;
		font-weight: 400
}
.itemID {
		font-size: 14px;
		margin: 0 0 10px
}
.itemID span {
		display: inline-block;
		float: right;
		text-align: right
}
.detailPic, .subInfor .rankdesu, .thumbBox p {
		text-align: center
}
.pic-Wrapper {
		flex-basis: 100%;
		margin: 0 auto 0 0;
		width: 100%
}
.detailPic {
		width: 100%;
		margin: 0 0 10px;
		position: relative
}
.detailPic a {
		text-decoration: none
}
.detailPic a::after {
		/*	content:"\f00e";
	display:block;
	width:35px;
	height:30px;
	position:absolute;
	right:0;
	bottom:0;
	font-family:FontAwesome;
	line-height:0;
	color:#262626;
	font-size:2em*/
}
.itemprof dl, .specBox dl {
		color: #363636;
		line-height: 1.5em;
		overflow: hidden
}
/*.thumbBox {
		width: 100%
}
.thumbBox p {
		font-size: 14px
}
.thumbBox ul {
		display: flex;
		flex-wrap: wrap
}
.thumbBox ul li {
		flex-basis: 20%;
		padding: 1px;
		width: 25%
}*/
/* 全体スタイル */
.thumbBox {
  width: 100%; /* 親要素の幅に合わせる */
  overflow-x: auto; /* 横スクロールを有効化 */
  display: flex; /* 横並びにする */
  gap: 10px; /* 画像間のスペース */
  scrollbar-width: thin; /* スクロールバー幅（Firefox用） */
  -webkit-overflow-scrolling: touch; /* モバイルスムーズスクロール */
  padding: 10px 0; /* 上下余白を追加 */
}

/* スクロールするリスト */
.thumbBox ul {
  display: flex; /* 横並びにする */
  gap: 10px; /* リスト間のスペース */
  list-style: none; /* デフォルトのリストスタイルを削除 */
  padding: 0;
  margin: 0;
}

/* リストアイテム */
.thumbBox li {
  flex: 0 0 auto; /* 要素の幅を固定 */
  width: 200px; /* 各画像の幅（レスポンシブで調整可能） */
}

/* 画像スタイル */
.thumbBox img {
  width: 100%; /* リストアイテム幅にフィット */
  height: auto; /* アスペクト比を維持 */
  border-radius: 5px; /* 角丸 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 軽いシャドウ */
}

/* スクロールバーのカスタマイズ */
.thumbBox::-webkit-scrollbar {
  height: 8px; /* スクロールバーの高さ */
}

.thumbBox::-webkit-scrollbar-thumb {
  background: #ccc; /* スクロールバーの色 */
  border-radius: 4px; /* 角丸 */
}

.thumbBox::-webkit-scrollbar-track {
  background: #f1f1f1; /* トラックの色 */
}

/* スクロールスナップ（オプション） */
.thumbBox {
  scroll-snap-type: x mandatory;
}

.thumbBox li {
  scroll-snap-align: start;
}


/*CO2削減表記*/
.mainPrice-wrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.co2amount {
	text-align: left;
	line-height: 1.5;
}
.co2 {
	flex-basis: 40%;
	margin: auto 0 0;
}
.co2_0 {
	font-size: 12px;
	display: block;
}
.co2_0 a{
	color: blue;
}
.co2_1{font-size: 24px;color: #41c368;
  font-weight: bold;}
.co2_2{font-size: 12px;color: #41c368;
  font-weight: bold;}
.finalPrice {
	flex-basis: 60%;
	margin: auto;
}
.pointBox {
	flex-basis: 100%;
	max-width: 100%;
}
/*CO2削減表記*/
/* モバイル専用調整 */
@media (max-width: 768px) {

  .thumbBox li {
    width: 150px; /* モバイル用に幅を小さく */
  }
}

.itemProf-wrapper, .subInfor {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: 10px;
}
.specBox {
		clear: both;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		flex-basis: 100%;
		width: 100%;
		margin-bottom: 20px;
}
.itemprof .delifee, .specBox .delifee {
		display: inline-block;
		text-align: right
}
.specBox a {
		text-decoration: underline
}
.specBox dl {
		font-size: 16px;
		margin: 0 0 20px;
		order: 10;
		flex-basis: 100%;
		width: 100%;
		border-radius: 5px;
		border: 1px solid #DDD;
		padding: 10px
}
.specBox dd, .specBox dt {
		float: left;
		border-bottom: 1px dotted #ccc
}
.specBox dt {
		clear: both;
		width: 30%
}
.specBox dd {
		font-size: 14px;
		width: 70%
}
.itemprof, .itemprof dl {
		flex-basis: 100%;
		width: 100%
}
.itemprof table {
		border-spacing: 1px;
		background: #b3b3b3;
}
.itemprof th {
		font-weight: normal;
		background-color: #eeeeee;
		font-size: 14px;
		min-width: 100px;
}
.itemprof th span {
		font-size: 12px
}
.itemprof td {
		padding: 5px 10px;
		background: #fff;
}
.specBox .delifee {
		float: right
}
.specBox .delifee a::before {
		font-family: FontAwesome;
		content: "\f157 ";
		padding: 0 5px 0 0
}
.relation_key {
		border: 1px solid #ccc;
		padding: 10px;
		margin: 10px auto;
		border-radius: 5px
}
.itemprof dl {
		font-size: 3.5vw;
		margin: 0 0 20px;
		border-radius: 5px;
		border: 1px solid #DDD;
		padding: 10px
}
.itemprof dd, .itemprof dt {
		border-bottom: 1px dotted #ddd;
		line-height: 2rem
}
.itemprof dt {
		clear: both;
		float: left;
		width: 32%;
		background: #eee;
		text-align: center;
}
.itemprof dd {
		float: right;
		width: 65%
}
.itemprof .delifee {
		float: right;
		font-weight: bold;
		font-size: 12px;
}
.itemprof dt::after {}
.snsBox {
		margin: 0 0 10px
}
.rank_type {
		width: 100%;
		margin: 0;
		text-align: right
}
.rank_type div {
		margin: auto;
		color: #fff
}
.rank_type a {
		color: #fff;
		display: block;
		font-size: 18px;
		padding: 5px 10px;
		text-align: center
}
.rankNew a {
		background: #fcf300;
		color: #262626
}
.rank_type .rankname {
		font-size: 24px;
		display: inline-block
}
.rank_type .rankNew a {
		color: #262626 !important
}
.rankS {
		background: #4095ff
}
.rankA a {
		color: #FFF;
		background: red
}
.rankB a {
		background: #32b16c
}
.rankC a {
		background: #f66
}
.icon_priceDown {
		text-align: right;
		margin: 10px 0 10px auto
}
.icon_priceDown span {
		background: #f90;
		color: #fff;
		font-size: 18px;
		padding: 10px;
		text-align: center;
		margin: auto;
		display: block
}
.icon_campagign {
		flex-basis: 100%;
		width: 100%;
		display: none
}
.icon_campagign span {
		color: #e60012;
		display: block;
		padding: 2px 5px;
		text-align: center;
		width: 50%;
		border: 1px solid #e60012;
		height: 30px
}
.price-wrapper {
		flex-basis: 100%;
		width: 100%
}
.subPrice-wrapper {
		flex-basis: 100%;
		width: 100%;
		text-align: right
}
.newPriceBox {
		margin: 10px 0;
}
#DateTimeDisp {
		font-size: 12px;
		text-align: center
}
.mainPrice-wrapper {
		line-height: 2em;
		text-align: right;
		margin: 0 0 20px;
		padding-top: 10px
}
.discountBox {
		font-size: 2em;
		color: #C00
}
.finalPrice {
		font-size: 24px;
		color: red;
		font-weight: 700;
		display: inline
}
.finalPrice span.priceSubject, .finalPrice::after {
		font-weight: 400;
		vertical-align: baseline;
		color: #262626
}
.finalPrice::after {
		content: "(税込)";
		font-size: 14px;
		line-height: 1;
		word-break: keep-all
}
.finalPrice span.priceSubject {
		font-size: .8em;
		padding: 3px 15px;
		display: inline-block
}
.pointBox {
		font-size: .8em;
		font-size: 18px;
		font-weight: 700
}
.point_up {
		margin-top: -8px
}
.stockBox {
		clear: both;
		text-align: center;
		flex-basis: 100%;
		width: 100%
}
.stockBox span {
		font-size: 2em
}
.shop_stock_num {
		margin: 0 0 10px;
		font-size: 16px;
		border-radius: 5px;
		padding: 5px;
		text-align: center;
		flex-basis: 100%;
		width: 100%
}
.shop_stock_num td {
		padding: 0 0 10px
}
.stockArea {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		border: 1px solid #eeeeee;
		padding: 5px;
}
.stockArea .shopName {
		padding: 5px;
		border-radius: 5px;
}
.stockArea .shopName.shopName.num31 {
		order: 1
}
.stockArea .shopName.shopName.num32 {
		order: 2
}
.stockArea .shopName.shopName.num33 {
		order: 3
}
.stockArea .shopName.shopName.num34 {
		order: 4
}
.stockArea .shopName.shopName.num35 {
		order: 5
}
.stockArea .shopName.shopName.num999 {
		order: 6
}
.stockArea .shopName a {
		display: inline;
}
.order-wrapper {
		clear: both;
		flex-basis: 100%;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around
}
.order-wrapper .right_border {
		overflow: hidden
}
.number_items {
		line-height: 3em;
		order: 1;
		text-align: center;
		margin: auto 0;
}
.deliCalc {
		flex-basis: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		margin: 20px auto 10px;
		background-color: #eee;
}
.deliCalc p {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd
}
.deliCalc .innerBox {
		flex-basis: 48%;
		text-align: right
}
.deliCalc span {
		display: inline-block;
		line-height: 3rem;
		font-weight: bold;
}
.deliCalc table {
		text-align: center;
}
.deliCalc table td {
		background: #ffffff;
		padding: 5px 0;
}
.deliCalc a {
		text-decoration: none;
		font-weight: bold;
}
.number_items select {
		border: 1px solid #ccc;
		padding: 5px 10px;
		text-align: center;
		width: auto
}
.ecOrderWrap .btn-cart-wrapper .btn-cart a, .specBox .btn-cart a {
		padding: 10px;
		font-size: 4vw;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
		text-shadow: 1px 1px 0 #b23e35;
		text-align: center;
		text-decoration: none;
		color: #fff
}
.number_items span.icon_Arrow {
		display: inline-block;
		transform: rotate(-90deg)
}
.specBox .btn-cart-wrapper {
		order: 2;
		line-height: 2.5em;
		flex-basis: 49%
}
.specBox .btn-cart a {
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #d83526;
		background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%);
		background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100));
		background-color: #fe1a00;
		display: inline-block;
		-webkit-box-shadow: inset 1px 1px 0 0 #f29c93;
		-moz-box-shadow: inset 1px 1px 0 0 #f29c93;
		box-shadow: inset 1px 1px 0 0 #f29c93;
		width: 100%;
		margin: auto;
}
.ecOrderWrap {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		margin: 20px auto;
		clear: both
}
.ecOrderWrap .btn-cart-wrapper {
		order: 2;
		flex-basis: 60%
}
.ecOrderWrap .btn-cart-wrapper .btn-cart a {
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border: 1px solid #d83526;
		background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%);
		background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100));
		background-color: #fe1a00;
		display: inline-block;
		-webkit-box-shadow: inset 1px 1px 0 0 #f29c93;
		-moz-box-shadow: inset 1px 1px 0 0 #f29c93;
		box-shadow: inset 1px 1px 0 0 #f29c93;
		width: 100%
}
.ecOrderWrap .number_items {
		line-height: 3em;
		order: 1;
		text-align: center
}
.btn-cart a:hover {
		background: -moz-linear-gradient(center top, #ce0100 5%, #fe1a00 100%);
		background: -ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00));
		background-color: #ce0100
}
.btn-cart a:before {
		/*	font-family:FontAwesome;
	content:"\f07a";
	padding:0 3px 0 0*/
}
.btn-cart a:after {
		/*	font-family:FontAwesome;
	content:"\f054 ";
	padding:0 0 0 3px*/
}
.specBox .btn-contact-wrapper {
		clear: both;
		flex-basis: 100%;
		width: 100%;
		margin: 10px 5px;
		text-align: center;
	display: flex;
  flex-flow: row wrap;
}
.specBox .btn-contact-wrapper span {
 flex-basis: 47%;
	max-width: 47%

}
.specBox .btn-contact-wrapper .twitter {
		margin: 40px 35px 40px 0;
		text-align: right;
		display: none
}
.btn-wrap a, .campaign_link_midasi, .ecHeader, .guideChild li img, .number_items input, .point_campaign_bnr, .specBox .btn-contact a {
		text-align: center
}
.specBox .btn-contact a {
		font-size: 3.5vw;
		font-weight: 400;
		border-radius: 8px;
		padding: 8px;
		text-decoration: none;
		color: #fff;
		display: inline-block;
	 width: 95%
}
.specBox .btn-contact.favorite a {
		background-color: #ddd;
		color: #262626
}
.specBox .btn-contact.iconcontact a {
		background-color: #0a9705;
		color: #fff
}
.specBox .btn-contact a i {
	margin-right: 10px;
}
.specBox .btn-contact a:active {
		position: relative;
		top: 1px
}
.specBox .btn-contact.favorite a:before {
		/*	font-family:FontAwesome;
	content:"\f067  ";
	padding:0 3px 0 0*/
}
.specBox .btn-contact.iconcontact a:before {
		/*	font-family:FontAwesome;
	content:"\f003";
	padding:0 3px 0 0*/
}
#ecLED .subTitleD, .ledDeskStandEC p {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#item_comment {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: 40px
}
#item_comment .tt {
		font-weight: 700
}
#item_comment .comeWrap {
		border: 1px solid #ccc
}
#item_comment .comeWrap ul {
		list-style-type: decimal;
		margin-left: 31px
}
#item_comment p {
		padding: 10px
}
#item_comment a {
		color: #F90;
		text-decoration: underline
}
.ledWrap {
		bottom: 2.5%;
		height: 80%;
		overflow: hidden;
		position: absolute;
		right: .714286%;
		width: 37.6786%
}
.ledWrap div {
		float: left;
		height: auto;
		width: 49.2891%
}
#led_panasonic {
		margin-left: 1.4218%
}
#ecLED {
		margin: 30px 0
}
#ecLED .subTitleD {
		background-image: url(/ws/images/ec/color/icon_search.png);
		clear: both;
		color: #333;
		font-size: 16px;
		height: 25px;
		margin: 0 0 10px;
		padding-left: 30px
}
.ledDeskStandEC {
		overflow: hidden;
		position: relative
}
.ledDeskStandEC p {
		background-color: rgba(255, 255, 255, .85);
		border-radius: 2px;
		box-sizing: border-box;
		font-size: 14px;
		height: 92px;
		left: 9px;
		line-height: 1.3;
		overflow: hidden;
		padding: 8px;
		position: absolute;
		top: 111px;
		width: 325px
}
.ledDeskStandEC li {
		display: inline-block;
		position: relative
}
.ledDeskStandEC li:last-child {
		margin-left: 1px
}
.daitokka {
		left: -10px;
		position: absolute;
		top: -4px
}
.ledDeskStandEC ul {
		left: 341px;
		position: absolute;
		top: 31px
}
.orderGuide a {
		color: #09F;
		text-decoration: underline
}
.guidearea h2 {
		border-bottom: 1px dotted #ccc;
		color: #fff;
		font-weight: 400;
		margin: 0 0 5px;
		font-size: 16px;
		padding: 5px;
		background-color: #aaa
}
.guidearea h2 span {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: transparent transparent transparent #262626;
		border-image: none;
		border-style: solid;
		border-width: 5px;
		content: "";
		display: inline-block;
		height: 0;
		margin: 0 5px 0 0;
		transition: all .2s ease 0s;
		width: 0
}
.guidearea h2 .rotate {
		transform: rotate(90deg)
}
.guideChild {
		margin: 0 0 10px
}
.checkItem, .reccomend, .relation {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: row wrap;
		width: 100%
}
.checkItem .midashi, .reccomend .midashi, .relation .midashi {
		color: #FFF;
		font-size: 16px;
		margin: 0 auto 10px;
		padding: 5px 10px;
		width: 100%;
		font-weight: 400;
		background-color: #F93;
		border-radius: 5px 5px 0 0
}
.relation h2 {
		flex-basis: 100%;
		width: 100%
}
.flexslider {
		width: 100%
}
.flexslider .slides {
		display: flex;
		flex-flow: row wrap;
		margin: auto;
		justify-content: space-between
}
.flexslider .slides li {
		flex-basis: 30%;
		width: 30%;
		font-size: 12px;
		padding: 3px;
		min-height: 200px
}
.guideChild li {
		background: #F8F8F8;
		padding: 10px
}
.guideChild p {
		margin: 0 0 1em
}
.guideChild li img {
		margin: 0 auto;
		display: block
}
.guideChild.payWrap li {
		background: #eee;
		margin: 0 auto 10px
}
.number_items input {
		border: 1px solid #ccc;
		padding: 5px 10px
}
.guideChild .boldstyle {
		font-weight: 700
}
/*.guideChild .caution:before {
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  padding: 0 5px 0 0;
  color: #F90
}*/
.selling_price {
		color: red
}
.selling_price span {
		font-size: 14px
}
.selling_price .original_price strike {
		font-size: 10px;
		color: #262626
}
.selling_price .tax {
		font-size: 10px
}
.item-wrapper.delete .mainPrice-wrapper, .item-wrapper.delete .rank_type, .item-wrapper.delete .shop_stock_num, .item-wrapper.delete .specBox dl, .item-wrapper.delete .stockBox {
		display: none
}
.item-wrapper.delete .price-wrapper:after {
		content: "後ほどご連絡します";
		display: block;
		font-size: 20px;
		margin: 0 auto 40px;
		text-align: center;
		border: 2px solid red
}
.relationWord {
		margin: 0 0 20px
}
.relationWord h3 {
		font-size: 14px
}
.relationWord li {
		display: inline-block;
		font-size: 12px
}
.relationword_wrap {
		margin: 0 auto 40px;
		flex-basis: 100%
}
.relationword_wrap h3 {
		font-size: 14px
}
.relationword_wrap li {
		display: inline-block;
		font-size: 12px;
		margin: 0 1em 0 0;
		border: 1px solid #ddd;
		border-radius: 30px;
		padding: 5px
}
#item-title {
		order: 1
}
.itemID {
		order: 2
}
.pic-Wrapper {
		order: 3
}
.itemProf-wrapper {
		order: 5
}
.relation_key {
		order: 0
}
.price-wrapper {
		order: 1
}
.stockBox {
		order: 2
}
.shop_stock_num {
		order: 3
}
.order-wrapper {
		order: 4
}
.deliCalc {
		order: 5
}
.specBox .btn-contact-wrapper {
		order: 6
}
.itemprof {
		order: 7
}
.shreder {
		order: 6
}
#item_comment {
		order: 8
}
#si_cmmnt {
		order: 9
}
.relationWord {
		order: 10
}
.relation {
		order: 11
}
.reccomend {
		order: 9
}
.checkItem {
		order: 13
}
.subInfor {
		order: 8
}
.icon_setsumeiLink, .spec_icon {
		order: 5
}
.relationword_wrap {
		order: 7
}
.ecHeader {
		background: linear-gradient(rgba(234, 236, 239, .96), rgba(251, 251, 251, .04))
}
.ecHeader img {
		margin: 4px auto
}
#side-wrapper {
		display: none
}
.new_member_point_wrap {
		order: 9;
		margin-bottom: 40px
}
.new_member_point_wrap .tt {
		font-size: 16px;
		font-weight: 700
}
.new_member_point_campaign {
		box-sizing: border-box;
		border: 1px solid #ccc;
		padding: 24px 10px;
		background-color: #fcfcfc;
		overflow: hidden
}
.campaign_link_midasi {
		box-sizing: border-box;
		font-size: 14px;
		font-weight: 700;
		border-bottom: 2px dotted #333;
		width: 90%;
		padding: 15px 20px 8px;
		margin: 0 auto 4px;
		color: #b50007
}
.point_campaign p {
		color: #666;
		font-size: 14px;
		padding: 10px 20px;
		line-height: 1.5;
		margin: 0 auto;
		text-shadow: 1px 1px 0 #FFF
}
.point_campaign .point_date_limit {
		font-size: 18px
}
.point_campaign .caution {
		font-size: 12px
}
.fa-exclamation-triangle {
		color: #F90;
		padding: 0 1em 0 0
}
.btn-wrap {
		align-self: flex-end;
		margin: auto;
		width: 60%
}
.btn-wrap a {
		display: block;
		padding: 10px;
		color: #fff;
		background-color: #33B5FF;
		font-size: 14px;
		text-decoration: none;
		border-radius: 10px
}
/*-- 20200910 --*/
#open {
		cursor: pointer;
		background-color: #8fc31f;
		text-align: center;
		color: #fff;
		margin: 10px auto;
		border-radius: 10px;
		clear: both;
		font-weight: bold;
		padding: 10px;
		font-size: 24px;
		text-shadow: 1px 1px 10px #262626;
}
#open span {
		display: block;
		font-size: 24px;
		color: #ff7800;
		text-shadow: 1px 1px 10px #fff;
}
#mask {
		background: rgba(0, 0, 0, 0.4);
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 49;
}
#modal {
		background: #fff;
		color: #555;
		width: 90%;
		max-width: 600px;
		padding: 40px 0;
		border-radius: 4px;
		position: absolute;
		top: 7%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 50;
		transition: 0.4s;
}
#modal h2 {
		text-align: center;
		font-size: 6vw;
}
#modal p {
		margin: 0 0 20px;
		padding: 0 20px;
}
#mask.hidden {
		display: none;
}
#modal.hidden {
		transform: translate(0, -300%);
}
#modal dl {
		margin: 16px 40px 0;
}
#modal dl dt {
		font-weight: bold;
}
#modal dl dd {
		margin: 0 0 10px;
}
#modal .btnContact {
		text-align: center;
		margin: 16px 40px 0;
}
#modal .btnContact a {
		color: #ffffff;
		border: 1px solid #ccc;
		border-radius: 4px;
		background: #4caf50;
		padding: 12px;
		display: block;
}
#close {
		text-align: center;
		cursor: pointer;
		margin: 16px 40px 0;
}
/*商品ランクについて2021.10*/
.tab {
		text-align: center;
}
.tab.active {
		background-color: #ccc;
		border: none;
}
.rank-area {
		width: 100%;
}
.rankContent {
		display: none;
		padding: 10px;
		width: 100%;
}
.rankContent.show {
		display: block;
		border: 2px solid #eee;
}
.rankContent p span {
		font-weight: bold;
		display: block;
		overflow: hidden;
		border-bottom: 1px dotted #262626;
		margin-bottom: 10px;
}
.rankContent .wrap {
		clear: both;
		overflow: hidden;
}
.rankContent .wrap .pic {
		float: left;
		width: 30%;
		margin-right: 1em;
		text-align: center;
}
.rankContent .wrap p {}
/*.rankContent.nRank {
  background-color: #FCF300;
}
.rankContent.sRank {
  background-color: #4095FF;
}
.rankContent.aRank {
  background-color: #FF0000;
}
.rankContent.bRank {
  background-color: #32b16c;
}
.rankContent.cRank {
  background-color: #ff6666;
}*/
#itemRank {
		display: flex;
		flex-flow: row wrap;
		margin: auto auto 40px;
		cursor: pointer;
		align-items: end;
		justify-content: space-between;
		order: 10;
}
#itemRank h2 {
		flex-basis: 100%;
		max-width: 100%;
}
.rankWrap {
		flex-basis: 20%;
		max-width: 20%;
		padding: 10px 5px;
		opacity: 0.5;
		border-radius: 10px 10px 0 0;
		font-size: 2.5vw;
		background-color: #eeeeee;
}
.rankWrap.active {
		opacity: 1.0;
		font-size: 3.0vw;
		flex-basis: 19%;
		max-width: 19%;
		padding: 20px 5px;
}
.rankWrap h3 span {
		display: none;
		font-size: 11px;
}
.rankWrap.nRank.active {
		background-color: #FCF300;
}
.rankWrap.sRank.active {
		background-color: #4095FF;
}
.rankWrap.aRank.active {
		background-color: #FF0000;
}
.rankWrap.bRank.active {
		background-color: #32b16c;
}
.rankWrap.cRank.active {
		background-color: #ff6666;
}
.rankContent .title {
		font-weight: bold;
		text-align: center;
		margin: 10px auto;
}
.rankContent h4 {}
.rankContent .rankPoint {
		font-size: 4vw;
		font-weight: bold;
		text-align: center;
		margin: 20px auto;
}
.rankContent p {
		margin-bottom: 1em;
}
/*2021-10-12*/
.campaign2021_10-12 {
		order: 8;
		width: 100%;
		margin: 0 auto 80px;
}
.campaign2021_10-12 .tt {
		font-size: 100%;
		text-align: center;
		margin: auto auto 20px;
		background-color: #b43161;
		padding: 10px;
		color: #fff;
}
.add_to_cart {
		margin: 0 auto 40px;
		display: flex;
		flex-flow: row wrap;
}
.add_to_cart .itemName {
		font-weight: bold;
		flex-basis: 100%;
}
.add_to_cart .btn-cart {
		margin: auto 0;
}
.add_to_cart .btn-cart a {
		display: block;
		padding: 10px;
		text-align: center;
		border-radius: 10px;
		background-color: #B43161;
		color: #ffffff;
}
.add_to_cart .number_items {
		margin: auto 20px auto auto;
		order: 0;
}
.add_to_cart .number_items input {
		width: 5em;
}
.presentName {
		font-weight: bold;
		text-align: center;
}
.presentText {
		padding: 10px;
		border: 4px solid #b43161;
		margin: auto auto 10px;
}
.presentPic {
		flex-basis: 100%;
		max-width: 100%;
		text-align: center;
}
.presentBtn {
		flex-basis: 100%;
		max-width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin: auto auto 20px;
}
.presentCaution {
		margin: 10px auto;
}
.twitter {
text-align: right;
	margin: 10px 0 0 auto;
	display: flex;
  justify-content: end;
}

.twitter span{
align-self: center;
  margin-right: 1em;
}
/*サポート*/
.gridWrap {
		margin: 0 auto 40px;
}
.gridInner {
		margin: 0 auto;
		padding: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		list-style: none;
		flex-flow: row wrap;
		background: #f9eef8;
		align-items: stretch;
}
.bannerInner {
		margin: 0 auto;
		padding: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		list-style: none;
		flex-flow: row wrap;
		background: none;
		align-items: stretch;
}
.conteBox {
		margin: 5px;
		padding: 0px;
		border-radius: 5px;
		line-height: 1;
		background: #fff;
		flex: 1 1 47%;
		display: flex;
		flex-direction: column;
}
.wide {
		flex: 2 2 0%;
}
.flexmax {
		flex-basis: 100%;
}
.head {
		color: #c66;
		background-color: #fff;
		font-size: medium;
		padding: 15px 15px 10px;
		border-bottom: 3px solid #f392b4;
		margin: 0 0 5px;
}
.subhead {
		padding: 15px 20px 10px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 2px dotted #333;
		width: 90%;
		margin: 5px auto;
}
.conteBox p {
		font-size: smaller;
		padding: 10px 20px;
		line-height: 1.5;
		margin: 0 auto 0;
		color: #333;
		text-shadow: 1px 1px 0px #FFFFFF;
}
.conteBox p img {
		text-align: center;
		margin: 0 auto;
		display: block;
}
.fa-exclamation-triangle {
		color: #F90;
		padding: 0 1em 0 0;
}
.btn-wrap {
		align-self: flex-end;
		margin: auto 1em 10px 0;
}
.btn-wrap a {
		display: block;
		padding: 10px;
		color: #fff;
		background-color: #F36;
		font-size: small;
		text-decoration: none;
		border-radius: 10px;
}
.appeal {
		padding: 10px;
		margin: 5px;
		text-align: center;
		height: auto;
		font-size: 14px;
		line-height: 1.3;
}
.appeal span {
		color: #F00;
		display: block;
		font-size: larger;
		font-weight: bold;
}
.imgwrap {
		min-height: 1%;
		padding: 10px;
		margin: 0px auto;
		text-align: center;
}
.conteBox p.caution {
		font-size: 12px;
		padding: 10px;
}
.conteBox p.pointrate {
		font-size: large;
}
.gridInner .tax {
		background-image: url(/ws/images/support/bg_tax.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right;
}
.bannerInner .x-banner {
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right;
}
.gridInner .hosyou {
		background-image: url(/ws/images/support/bg_hosyou.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right;
}
.gridInner .response {
		background-image: url(/ws/images/support/bg_response.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 100% 0;
}
.gridInner .stock {
		background-image: url(/ws/images/support/bg_stock.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0;
}
.conteBox.tax {
		flex-basis: 100%;
		font-size: inherit;
}
.bannerInner .x-banner {
		flex-basis: 100%;
		font-size: inherit;
}
.conteBox.hosyou {
		flex-basis: 100%;
}
.conteBox.response {
		flex-basis: 100%;
}
.conteBox.stock {
		flex-basis: 100%;
}
.conteBox p.cardimg {
		align-self: center;
		margin: auto;
}
.item {
		display: flex;
		/*flex-wrap: nowrap;*/
		flex-flow: row wrap;
		margin: 0 5px 5px;
		padding: 0px;
		border-radius: 0 0 5px 5px;
		line-height: 1;
		background: #fff;
}
.item-image {
		/*width: 50%;*/
		flex: 0 1 auto;
}
.item-text {
		/*display: flex;*/
		flex-wrap: wrap;
		/*flex: 1;*/
		justify-content: center;
		align-content: center;
		align-items: center;
		flex: 0 1 auto;
}
.subhead.flexmax {
		margin: 5px 5px 0;
		/*padding: 15px 20px 10px;*/
		padding: 20px 20px 12px;
		border-radius: 5px 5px 0 0;
		line-height: 1;
		background: #fff;
}
.item p {
		font-size: smaller;
		padding: 10px 20px;
		line-height: 1.5;
		margin: 11px auto 0;
		color: #333;
}
.item p.caution {
		font-size: 12px;
		text-indent: -1em;
}
.truck {
		margin: auto;
		text-align: center;
}
.truck img {
		width: 50%;
}
.item-text .key_setumei {
		/*margin: 8px auto 14px;*/
		margin: 0px auto 16px;
		padding: 0;
		width: 88%;
		line-height: 1.65;
}
.regi_img {
		width: 85%;
		margin: 4px auto 0px;
		padding: 5px 5px 0px;
		border: 2px solid #009e96;
		border-radius: 10px;
}
.key_order_flow .subhead {
		margin: 20px auto 2px;
}
.key_order_flow p {
		width: 91%;
		margin: 0 auto;
}
#infoRanking {
		margin: auto auto 80px;
		width: 100%;
}
.rank_wrapper ol li h4 {
		width: 50px;
}
.rank_wrapper ol li {
		font-size: 14px;
		flex-basis: 31%;
		max-width: 31%;
}
.rank_wrapper ol li .pic {
		text-align: center;
}
.rank_wrapper ol li.rank03 {
		flex-basis: 48%;
		max-width: 48%;
}
.rank_wrapper ol li.rank04 {
		flex-basis: 48%;
		max-width: 48%;
}
#infoRanking {
		margin: auto auto 80px;
		width: 100%;
		order: 11;
}
.rank_wrapper {}
.rank_wrapper ol {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
}
.rank_wrapper ol li {
		flex-basis: 49%;
		max-width: 49%;
		display: flex;
		flex-flow: column wrap;
		font-size: 2.5vw;
		margin-bottom: 20px;
		position: relative;
}
.rank_wrapper ol li h4 {
		width: 30px;
		position: absolute;
		top: 0;
		left: 0;
}
.price {
		text-align: right;
		width: 100%;
		margin: 20px 0;
}
.price em {
		color: #C40509;
}
.name {
		width: 100%;
		background-color: rgba(0, 0, 0, 0.67);
		padding: 5px;
		color: #fff;
}
.name a {
		color: #ffffff;
}
.rank_wrapper ol li .btn {
		display: block;
		border-radius: 10px;
		padding: 5px;
		text-align: center;
		background-color: #D34109;
		color: #ffffff;
		width: 100%;
		margin: auto auto 0;
}
.rank_wrapper .price {
		text-align: right;
		width: 100%;
		margin: auto auto 0;
}
.rank_wrapper ol li .btn a {
		color: #ffffff;
		display: block;
}
.rank_wrapper .more {
		display: none;
}
/* recommend2*/
#recommend2 {
		display: block;
		flex-basis: 100%;
		clear: both;
		margin: 0 0 20px;
		padding-top: 29px;
		position: relative;
		width: 100%;
		order: 11;
		background: none;
		border: none;
}
#recommend2 .update {
		color: #000;
		font-size: 9pt;
		font-weight: 700;
		position: absolute;
		right: 9pt;
		top: 113px
}
#recommend2 .more {
		font-size: 9pt;
		margin: 0 10px 10px 0;
		text-align: right
}
#recommend2 .tt-h2 span {
		display: inline-block;
		font-size: 9pt;
		font-weight: 400;
		margin: 0 0 0 1em;
}
#recommend2 h2.pickup_title {
		background-image: url(../images/category/category_select_title.jpg);
		background-repeat: no-repeat;
		color: #fff;
		display: block;
		font-size: 1pc;
		height: 74px;
		line-height: 40px;
		padding-left: 6pc;
		padding-top: 44px;
		text-align: left;
		width: 467px
}
#recommend2 .item {
		clear: both;
		display: flex;
		flex-flow: row wrap;
		overflow: hidden;
		padding: 5px 0 0
}
#recommend2 .item li {
		background: #fff 0 0 repeat scroll 0 0;
		border: 1px solid #ccc;
		flex-basis: 49%;
		max-width: 49%;
		font-size: 14px;
		margin: 2px auto 10px 0;
		padding: 0;
		position: relative;
		text-align: left;
}
#recommend2.acc .item li:nth-child(n+3), #recommend2.chair .item li:nth-child(n+7), #recommend2.desk .item li:nth-child(n+7), #recommend2.library .item li:nth-child(n+7), #recommend2.officers .item li:nth-child(n+7), #recommend2.reception .item li:nth-child(n+7), #recommend2.table .item li:nth-child(n+7) {
		display: none
}
#recommend2 .pic {
		padding: 0
}
#recommend2 .pic img {
		background: #fff 0 0 repeat scroll 0 0;
		filter: brightness(100%);
		width: 100%
}
#recommend2 .txt {
		font-family: Noto Sans Japanese, sans-serif;
		padding: 20px 10px 70px
}
#recommend2 .txt a {
		color: #262626;
		font-weight: 500;
		text-decoration: none;
		text-shadow: 1px 1px 0 #fff, 2px 2px 0 hsla(0, 0%, 73%, .75)
}
.recommendPrice {
		bottom: 5px;
		display: block;
		font-weight: 700;
		min-width: 150px;
		position: absolute;
		right: 10px
}
.salePrice > img {
		margin: 0 -3px;
		vertical-align: bottom
}
#recommend2 .item .recommendPrice .newPrice {
		background: #f90 0 0 repeat scroll 0 0;
		font-size: 10px;
		font-weight: 400;
		padding: 8px 5px 4px;
		display: inline-block;
		line-height: 1;
		text-align: center;
		margin: 0 -13px 4px 14px;
		box-sizing: border-box;
		color: #333
}
#recommend2 .nomalPrice, #recommend2 .nomarlTax {
		text-shadow: 1px 1px 0 #fff, 2px 2px 0 hsla(0, 0%, 73%, .75)
}
#recommend2 .item .recommendPrice .nomarlTax {
		font-size: 9px;
		font-weight: 400
}
#recommend2 .item .recommendPrice .salePrice {
		padding: 0;
		vertical-align: middle;
		width: auto;
		margin: 0 -10px 2px 22px;
		display: inline-block;
		color: red;
		font-weight: 700;
		font-size: 20px
}
#recommend2 .item .recommendPrice .tax {
		background: #f30 0 0 repeat scroll 0 0;
		color: #f00;
		font-size: 10px;
		font-weight: 400;
		padding: 7px 8px 6px;
		line-height: 1;
		box-sizing: border-box;
		text-align: center;
		border-radius: 3px;
		vertical-align: middle;
		margin: 0 auto 3px;
		display: inline-block;
}
#recommend2 .recoIcon {
		top: 0;
		left: 0;
		min-width: 50px;
		position: absolute;
		width: 100%
}
#recommend2 .recoIcon img {
		height: auto;
		width: 40%
}
/*2022.05-06キャンペーン*/
.camp20220506 {
		order: 9;
		margin: 40px auto;
}
.camp20220506 .leftBlock {
		text-align: center;
}
.camp20220506 .rightBlock {}
.camp20220506 .textCenter {
		text-align: center;
}
.camp20220506 .rightBlock .red {
		color: #FF0004;
}
.camp20220506 .rightBlock .bold {
		font-weight: bold;
}
.camp20220506 .campDate {
		font-weight: bold;
		margin: 10px auto;
		background-color: #262626;
		color: #ffffff;
		padding: 10px;
}
.camp20220506 .rightBlock ul {
		padding: 10px 20px;
		width: 100%;
		margin: auto;
		display: block;
}
.camp20220506 .rightBlock ul li {
		margin-bottom: 10px;
		color: #B30003;
		font-size: 14px;
}
.camp20220506 .cart_add_to {
		clear: both;
		display: block;
		width: 100%;
}
.camp20220506 .cart_add_to a {
		color: #ffffff;
		display: block;
		padding: 10px 20px;
		background-color: #ffa025;
		border-radius: 30px;
		margin: 20px auto;
		width: 300px;
		text-align: center;
}
/*.fair {
	order: 5;
	text-align: center;
	display: block;
	width: 100%;
	margin: 20px auto;
	border: 1px solid #DDD;
	padding: 10px;
}
.fair a {
	background-color: #ffef00;
	padding: 10px;
	border-radius: 10px;
	color: #e70;
	display: block;font-weight: bold;
}*/
.coupon {
		order: 5;
		width: 100%;
}
.coupon a {
		background-color: #139ef2;
		padding: 10px;
		border-radius: 10px;
		color: #fff;
		display: block;
		font-weight: bold;
}
.coupon div {
		text-align: center;
		display: block;
		width: 100%;
		margin: 20px auto;
		border: 1px solid #ccc;
		padding: 10px;
}
.coupon2 {
		order: 6;
		margin: 20px auto 80px;
}
.coupon2 .wrap {
		border: 1px solid #ccc;
		padding: 10px;
		border-radius: 10px;
}
.coupon2 .wrap .img {
		text-align: center;
}
.coupon2 .wrap .text {
		max-width: 640px;
		margin: 20px auto 0;
}
.coupon2 .wrap ul {}
.coupon2 .wrap ul li {
		margin-left: 1em;
		list-style: disc;
}
/*価格追従*/
/*.footerBottom {
	padding: 4px 0 100px;
}
.priceFixed {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  right: 0;
  background-color: #fff;
  transition: width .4s;
  width: 100%;
  display: none;
  box-shadow: 0 -3px 9px #ccc;
  border: 1px solid #d1d1d1;
  overflow: visible;
  padding: 10px;
}
.priceFixed .itemName {
  font-size: 12px;
}
.priceFixed .price {
  color: #bf0000;
}
.priceFixed .btnWrap{
 display: flex;
 flex-flow: row wrap;
 justify-content: space-between;
}
.priceFixed .btnWrap .btn-cart-wrapper {
	flex-basis: 49%;
}
.priceFixed .add_to_cart {
  background-color: #bf0000;
  color: #ffffff;
  display: block;
  padding: 5px;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto 10px;
}
.priceFixed .btn_cart a {
  background-color: #bf0000;
  color: #ffffff;
  display: block;
  padding: 5px;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
}
.priceFixed .btn_cart a {
  font-size: 85%;
}
.btn-contact.favorite a {
  border: 1px solid #cccccc;
  font-size: 12px;
  text-align: center;
  display: block;
  margin: 10px auto;
  padding: 10px;
  color: #bf0000;
}
  #page-top {
    bottom: 250px;
  }
  #haisou {
    bottom: 300px;
  }

.copyrights {
	padding: 0;
}*/
#navHistory {
		order: 9;
}
#navHistory h2 {
		color: #FFF;
		font-size: 16px;
		margin: 0 auto 10px;
		padding: 5px 10px;
		width: 100%;
		font-weight: 400;
		background-color: #F93;
		border-radius: 5px 5px 0 0;
}
#navHistory #item_wrapper {
		display: flex;
		flex-flow: row wrap;
}
#navHistory .listBox {
		display: flex;
		flex-basis: 47%;
		flex-flow: row wrap;
		font-size: 12px;
		justify-content: space-between;
		margin: 0 4px 40px;
		padding: 0;
		width: 100%;
		-webkit-align-content: start;
		align-content: start;
}
#navHistory .itemName a {
	/* color: #262626; */
	color: #0066ca;
	font-size: 12px;
	/* font-weight: bold; */
	font-weight: normal;
	/* text-decoration: underline; */
	text-decoration: none;
	text-align: justify;
	word-wrap: break-word;
	line-height: 1.1;
}

/*-----------　フローティングカート　　-----------------*/
#floatcart {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #eee;
	padding: 10px 10px 20px;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
	width: 100%;
}
#floatcart .inner {
	width: 65%;
	margin: 10px auto auto 0;
}
#floatcart .itemName {
	font-size: 12px;
}
#floatcart .mainPrice-wrapper{
	margin: 0 auto 10px;
}
#floatcart .priceSubject{
	display: block;
	font-size: 14px;
}
#floatcart .finalPrice {
font-size: 5vw;
}
#floatcart .finalPrice::after {
	content: "(税込)";
	font-size: 12px;
	line-height: 1;
	word-break: keep-all;
}
#floatcart .add_to_cart{
	
}
#floatcart .add_to_cart {
	color: #fff;
	border-radius: 8px;
	border: 1px solid #d83526;
	background: -moz-linear-gradient(center top, #fe1a00 5%, #ce0100 100%);
	background: -ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100));
	background-color: #fe1a00;
	display: inline-block;
	-webkit-box-shadow: inset 1px 1px 0 0 #f29c93;
	-moz-box-shadow: inset 1px 1px 0 0 #f29c93;
	box-shadow: inset 1px 1px 0 0 #f29c93;
	width: 45%;
	font-size: 2.5vw;
	text-align: center;
	padding: 5px;
	margin: 0 auto;
	text-decoration: none;
}
#floatcart .contacttBtn {
	color: #fff;
	border-radius: 8px;
	border: 1px solid #0a9705;
	background: -moz-linear-gradient(center top, #0a9705 5%, #0a9705 100%);
	background: -ms-linear-gradient(top, #0a9705 5%, #0a9705 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #0a9705), color-stop(100%, #0a9705));
	background-color: #0a9705;
	display: inline-block;
	-webkit-box-shadow: inset 1px 1px 0 0 #0a9705;
	-moz-box-shadow: inset 1px 1px 0 0 #0a9705;
	box-shadow: inset 1px 1px 0 0 #0a9705;
	width: 45%;
	font-size: 2.5vw;
	text-align: center;
	padding: 5px;
	margin: 0 auto;
	text-decoration: none;
}
#floatcart .makername{
	display: inline-block;
  font-size: 12px;
  font-weight: 400;
  padding: 3px;
  background: #262626;
  border-radius: 5px;
  color: #fff;
}
	#haisou{
		display: none!important;
	}
@media all and (min-width:768px) {
	.thumbBox {
		width: 100%
}
.thumbBox p {
		font-size: 14px
}
.thumbBox ul {
		display: flex;
		flex-wrap: wrap
}
.thumbBox ul li {
flex-basis: 11%;
    padding: 1px;
    width: 11%;
}	
		.subPrice-wrapper {
				font-size: 14px;
				text-align: right
		}
		.mainPrice-wrapper {
				margin: 10px 0 0
		}
		.pointBox {
				font-size: .8em;
				font-size: 16px;
				font-weight: 700
		}
		.cartCheck {
				flex-basis: 150px
		}
		.number_items {
				float: none;
				line-height: 1em;
				margin: auto;
				flex-basis: auto
		}
		.order-wrapper {
				clear: both;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				justify-content: space-around;
				flex-flow: row wrap;
				align-items: center;
				margin: 0 0 1em
		}
		.right_border {
				overflow: hidden
		}
		.specBox .btn-cart-wrapper {
				float: none;
				line-height: 3.5em;
				margin: 0;
				flex-basis: 70%
		}
		.ecOrderWrap .btn-cart-wrapper .btn-cart a, .specBox .btn-cart a {
				font-size: 24px
		}
		.button.cart {
				display: inline-block;
				width: 100%
		}
		.shop_stock_num {
				flex-basis: 100%;
				font-size: 100%;
				width: 100%
		}
		.order-wrapper {
				flex-basis: 100%;
				width: 100%;
				height: auto
		}
		.specBox dt {
				width: 25%
		}
		.specBox dd {
				width: 70%
		}
		.guideChild {
				background: #f8f8f8;
				font-size: 14px
		}
		.guideChild h3 {
				border-bottom: 1px dotted #ccc;
				font-size: 18px;
				font-weight: 400;
				margin: 0 0 5px
		}
		.guideChild.payWrap {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				padding: 10px
		}
		.guideChild.payWrap li {
				border: 1px solid #ccc;
				margin: 0 0 8px
		}
		.guideChild.payWrap .bank, .guideChild.payWrap .postPay {
				flex-basis: 49%
		}
		.guideChild.payWrap .creditCard {
				flex-basis: 100%
		}
		.guideChild.payWrap h3 {
				font-weight: 700;
				padding: 2px 10px;
				color: #fff;
				background-color: #09F
		}
		.flexslider .slides li {
				flex-basis: 30%;
				max-width: 240px;
				font-size: 12px;
				margin: 0 0 20px;
				padding: 3px;
				min-height: 200px
		}
		.itemprof dl {
				font-size: 1rem
		}
		#side-wrapper {
				display: block
		}
		.new_member_point_campaign {
				padding: 10px;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				align-items: stretch
		}
		.point_campaign_bnr {
				float: left;
				width: 30%;
				margin: auto;
				flex: 0 1 auto
		}
		.point_campaign {
				float: right;
				width: 70%;
				flex: 0 1 auto;
				margin: auto
		}
		.specBox .btn-contact a {
				font-size: 1.4rem
		}
		#modal {
				position: fixed;
				top: 10%;
		}
		#modal h2 {
				text-align: center;
				font-size: 36px;
		}
		#modal.hidden {
				transform: translate(0, -150%);
		}
		/*商品ランクについて2021.10*/
		.rankWrap {
				font-size: 14px;
		}
		.rankWrap h3 span {
				display: block;
		}
		.rankWrap.active {
				font-size: 16px;
		}
		.rankContent .rankPoint {
				font-size: 24px;
		}
		.rankContent {
				padding: 20px;
		}
		.rankContent .wrap .pic {
				width: 20%;
				margin-right: 1em;
		}
		/*2021-10-12*/
		.campaign2021_10-12 {
				display: flex;
				flex-flow: row wrap;
		}
		.campaign2021_10-12 .tt {
				font-size: 100%;
				flex-basis: 100%;
		}
		.add_to_cart {
				display: flex;
				flex-flow: row wrap;
				flex-basis: 45%;
				align-content: flex-start;
		}
		.presentBtn {
				display: flex;
				flex-flow: row wrap;
		}
/*		.twitter {

		}*/
		/*サポート*/
		.conteBox {
				flex: 1 1 0%;
		}
		.flexmax {
				flex-basis: 100%;
		}
		.wide {
				flex: 2 2 0%;
		}
		.head {
				font-size: large;
		}
		.appeal {
				line-height: 1.8;
				font-size: 1.2em;
		}
		.appeal span {
				font-size: 1.5em;
		}
		.tax {
				background-repeat: no-repeat;
				background-size: 40%;
				background-position: bottom right;
		}
		.response {
				background-repeat: no-repeat;
				background-size: 40%;
				background-position: bottom right;
		}
		.hosyou {
				background-repeat: no-repeat;
				background-size: 50%;
				background-position: bottom right;
		}
		.conteBox.tax, .bannerInner .x-banner {
				flex-basis: 0%;
		}
		.conteBox.hosyou {
				flex-basis: 0%;
		}
		.conteBox.response {
				flex-basis: 0%;
		}
		.conteBox.stock {
				flex-basis: 0%;
		}
		.rank_wrapper ol li {
				font-size: 14px;
				flex-basis: 19%;
				max-width: 19%;
		}
		.rank_wrapper ol li.rank03 {
				flex-basis: 19%;
				max-width: 19%;
		}
		.rank_wrapper ol li.rank04 {
				flex-basis: 19%;
				max-width: 19%;
		}
		#recommend2 .recoIcon img {
				width: 120px;
		}
		/*価格追従*/
		/* 
   #page-top {
    bottom: 50px;
  }
  #haisou {
    bottom: 100px;
  }
  .priceFixed {
    width: 30%;
    bottom: 150px;
  }
.priceFixed .btnWrap {
	display: block;
	flex-flow: row wrap;
	justify-content: space-between;
}*/
#navHistory .listBox {
	flex-basis: 33%;
	margin: 0 0 40px;
	padding: 5px 5px 8px;
	max-width: 33%;
}

/*-----------　フローティングカート　　-----------------*/
#floatcart {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 120px;
	left:inherit;
	background: #eee;
	padding: 10px;
	width: 33%;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}	
#floatcart {
	bottom: 120px;
	width: 27%;
	max-width: 210px;
}
	#floatcart .inner {
	width: 100%;
	margin: auto;
}
#floatcart .finalPrice {
	font-size: 24px;
}
#floatcart .add_to_cart {
	font-size: 12px;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#floatcart .contacttBtn {
	font-size: 12px;
	display: block;
	width: 100%;
}
}
@media all and (min-width:1025px) {
		#item-title h1 {
				font-size: 24px
		}
		#item-title h1 span {
				font-size: 16px
		}
		.cartCheck {
				flex-basis: 150px
		}
		.icon_priceDown, .itemID {
				flex-basis: 100%
		}
		.itemID {
				font-size: 20px;
				margin: 0 0 20px;
				width: 100%
		}
		.itemID span {
				display: inline-block;
				float: right;
				text-align: right
		}
		.detailPic, .rank_type div, .thumbBox p {
				text-align: center
		}
		.pic-Wrapper {
				flex-basis: 55%;
				width: 55%
		}
		.itemProf-wrapper {
				flex-basis: 43%;
				width: 43%
		}
		.specBox a {
				text-decoration: underline
		}
		.specBox dl {
				margin: 0
		}
		.specBox dt {
				width: auto;
				font-size: 90%;
				clear: none
		}
		.deliCalc, .rank_type div, .thumbBox p {
				font-size: 14px
		}
		.specBox dd {
				float: left;
				width: auto;
				margin: 0 1em 0 0
		}
		.detailPic, .snsBox {
				margin: 0 0 10px
		}
		.detailPic, .thumbBox {
				width: 100%
		}
		.rank_type {
				float: left
		}
		.snsBox {
				float: right
		}
		.rank_type div {
				display: block;
				font-weight: 700
		}
		.thumbBox ul {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				flex-wrap: wrap
		}

		.icon_priceDown span {
				padding: 10px;
				margin: 0
		}
		.icon_campagign {
				flex-basis: 100%;
				display: none
		}
		.icon_campagign span {
				color: #e60012;
				display: block;
				padding: 2px 5px;
				text-align: center;
				width: 50%;
				border: 1px solid #e60012;
				height: 30px
		}
		.subPrice-wrapper {
				flex-basis: 40%;
				float: left;
				font-size: 1em
		}
		.mainPrice-wrapper {
				flex-basis: 60%;
				line-height: 2em;
				text-align: right;
			width: 100%;
		}
		.discountBox {
				font-size: 2em;
				color: #C00
		}
		.finalPrice {
				font-size: 2.2em;
				font-weight: 700
		}
		.finalPrice span.priceSubject {
				font-size: .6em;
				font-weight: 400
		}
		.specBox .btn-contact a {
				font-size: 1.19vw
		}
		.stockBox {
				font-size: 1.2em
		}
		.shop_stock_num {
				font-size: 12px;
				border-radius: 5px;
				padding: 5px;
				text-align: center;
				margin: 0 0 10px
		}
		.order-wrapper {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				clear: both;
				justify-content: space-around;
				height: auto;
				margin: 10px 0;
				font-size: .8rem
		}
		.number_items {
				line-height: 2.5em;
				float: none;
				margin: 10px auto 0 0;
				font-size: 12px
		}
		.number_items input {
				width: 6em
		}
		.number_items select {
				border: 1px solid #ccc;
				padding: 5px 10px;
				text-align: center
		}
		.number_items span.icon_Arrow {
				display: inline-block;
				transform: rotate(-90deg)
		}
		.specBox .btn-cart-wrapper {
				float: none;
				line-height: 2.5em;
				flex-basis: 66%
		}
		.btn-cart {
				padding: 0;
				font-size: 85%
		}
		.ecOrderWrap .btn-cart-wrapper .btn-cart a, .specBox .btn-cart a {
				font-size: 1.7vw
		}
		.ecOrderWrap {
				width: 50%;
				margin: 30px 0 0 auto;
				float: right;
				clear: inherit;
				overflow: hidden
		}
		.specBox .btn-contact-wrapper span {
				margin: 5px;
				display: inline-block
		}
		.relation_key {
				font-size: 85%;
				padding-bottom: 12px;
				order: 5
		}
		.relation_key i {
				color: orange
		}
		.specBox .btn-contact-wrapper {
				margin: 10px 0
		}
		.item-wrapper {
				display: block;
				margin: 0 auto 40px;
				overflow: hidden
		}
		.pic-Wrapper {
				float: left;
				margin: 0 0 10px
		}
		.itemProf-wrapper {
				float: right
		}
		#item_comment, .itemprof {
				clear: both
		}
		.campaign_link_midasi {
				padding-top: 0
		}
		/*サポート*/
		.item {
				flex-flow: row nowrap;
		}
		.item-image {
				width: 50%;
		}
		.item-text {
				width: 50%;
		}
		.item-text .first_child {
				margin-top: 16px;
		}
		.rank_wrapper ol li.rank03 {
				flex-basis: 19%;
				max-width: 19%;
		}
		.rank_wrapper ol li.rank04 {
				flex-basis: 19%;
				max-width: 19%;
		}
		#recommend2 .item li {
				flex-basis: 33%;
				max-width: 33%;
		}
		/*  .priceFixed {
	width: 200px;
	bottom: 150px;
}*/
	#recommend2 .item li:nth-child(n+7) {
		
		display: none;
		
	}
#navHistory .listBox {
	flex-basis: 23%;
	margin: 0 1% 40px;
	word-wrap: break-word;
	padding: 6px 6px 8px;
	max-width: 23%;
}
}
.japan_map, .japan_map .pref_area {
		display: none
}
.japan_map .area_btn, .japan_map .pref_list > div {
		box-sizing: border-box;
		font-weight: 700;
		text-align: center;
		cursor: pointer
}
.japan_map {
		position: relative;
		box-sizing: border-box;
		margin: 0 auto;
		background-color: #adf6ff
}
.japan_map img {
		width: 100%;
		height: auto;
		border: 0;
		-webkit-backface-visibility: hidden
}
.japan_map .area_btn {
		position: absolute;
		z-index: 1;
		border: 3px solid #333;
		border-radius: 5px;
		background-color: #FFF;
		padding: .2em auto;
		white-space: nowrap
}
.japan_map .area_btn.area1 {
		top: 30%;
		right: 0;
		width: 30%
}
.japan_map .area_btn.area2 {
		top: 58%;
		right: 11%;
		width: 13%
}
.japan_map .area_btn.area3 {
		top: 56%;
		right: 27.5%;
		width: 13%
}
.japan_map .area_btn.area4 {
		top: 65%;
		right: 44%;
		width: 13%
}
.japan_map .area_btn.area5 {
		top: 52%;
		left: 20%;
		width: 25%
}
.japan_map .area_btn.area6 {
		top: 70%;
		left: 0;
		width: 25%
}
.japan_map .area_overlay {
		display: none;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		background-color: #111;
		opacity: .5;
		cursor: pointer
}
.japan_map .pref_list {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		z-index: 3;
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 90%;
		background-color: #FFF
}
.japan_map .pref_list > div {
		width: 50%;
		border: 1px solid #CCC;
		padding: .5em
}