@media (max-width:560px){
	h1 {
    	font-size: 12px;
    	text-align: center;
    	padding-bottom: 0;
	}
	#item h2 {
    	font-size: 16px;
    	line-height: 1.3em;
			margin: 10px;
	}
	.pankuzu, #side2 {
		display: none;
	}
	#header, #container, #contents, #footer, #item-main, #item-main-l, #item-info {
	    width: 100vw;
    }
	#contents img, #footer img, #item-main img, #item-main-l img, #item-info img {
	    max-width: 100vw;
	    height: auto;
			display: block;
    }
    #item-main-r {
    	float: left;
    	width: 100vw;
	}
	#item-main-l-img1 {
	    background-size: contain;
	    padding-right: 10px;
	}
	#item-main-l-img1 img {
		width: 98% !important;
	}
	#item-main-l table {
    	width: 95%;
    }
    .item-img-bg {
	    width: 99%;
	    margin-right: 5px;
    	margin-left: 5px;
	    padding: 0;
	}
	#item-data1, #item-data2 {
	    width: 95%;
    	margin-left: 2.5%;
    	/*font-size: 16px;*/
    	line-height: 1.6em;
    }
    #item-main-r-l {
	    width: 50%;
	}
	#item-main-r-r {
    	float: right;
    	width: 50%;
	}
	.cart_area table {
		font-size: 16px;
		/* width: 100% !important; */
	}
	.cart_area input {
		font-size: 18px;
		line-height: 2em;
	}
	div.tradesafe_divstyle_size_tm_M {
    	width: 310px;
	}
	.font-s {
    	font-size: 14px;
	}
	#item-main-r-b {
		background-image: url(../img/item_related_bg_sp.gif);
		background-size: contain;
	    width: 100%;
    	overflow: scroll;
    	padding-bottom: 10px;
	}
	#item-main-r-b table {
		width: 610px;
	}
	#item-text-box {
    	background-size: contain;
    	width: auto;
	}
	#item-text-box .main_comment {
		font-size: 12px;
    	line-height: 1.6em;
	}
	.item-box-text .small-font {
    	font-size: 10px;
    	line-height: 1.3em;
	}
	.item-box-text .red-price {
    	font-weight: bold;
    	font-size: 13px;
    	position: relative;
    	top: 5px;
	}
	.item-box-text .red {
		font-size: 10px;
    	position: relative;
    	top: 5px;
	}
	#footer {
		text-align: left;
	}
	#footer-sitemap {
	    font-size: 16px;
	    line-height: 1.6em;
	}
	#footer-sitemap a {
		display: inline-block;
		width: 43vw;
		padding: 15px auto;
		margin-bottom: 5px;
	}
	/*
	#footer-sitemap br {
		display: none;
	}
	*/
	/* #footer-nagano {
    	width: 70%;
    	margin-left: 15%;
    	text-align: center;
    	padding-top: 32px;
    	font-size: 14px;
    	float: left;
	} */
	.b20 img {
		max-width: 100%;
		height: auto;
	}
	#footer-img-flow {
	    margin-right: 63px;
	}
	#main {
    	width: 580px;
    	float: left;
    	margin-left: 103px;
    	margin-right: 20px;
	}
	.entry-member {
    	width: 580px;
    	margin: 0 auto;
    	line-height: 1.3;
    	font-size: 16px;
	}
	.login-l-box {
    	width: 100vw;
	}
	.login-l-box input[type="text"],.login-l-box input[type="login_pass"] {
		border: 1px solid #999;
    	font-size: 16px;
    	line-height: 1.6em;
    	width: 89vw !important;
	}
	.login-r-box {
    	float: left;
    	width: 100vw;
	}
	.login-c-box {
    	width: 100vw;
	}
	#order-flow input, #order-flow select,#order-flow textarea {
    	border: 1px solid #ccc;
    	font-size: 16px;
    	min-height: 30px;
    	max-width: 87.5vw;
	}
	#order-flow input[type="checkbox"]{
		width: 16px;
		height: 16px;
	}
	.order-flow-title {
	    margin-left: 0;
	    width: 90vw;
	}
	.order-flow-box {
    	margin-left: 0;
	    width: 100vw;
	}
	.order-flow-box #regist_banner_01, .order-flow-box #regist_banner_02 {
    	margin-left: -2.5%;
	}
	.order-flow-box table {
    	width: 728px;
	}
	.p-text-box-4 {
    	width: 87.5vw;
	}
	.b5050 input[type="image"], .b2040 input[type="image"] {
		width: 70%;
		height: auto;
		margin: 0 15%;
	}
	.item-main-r-b-box {
	    margin-bottom: 30px;
		height: 230px;
    	overflow-y: hidden;
	}
	#BuyTogether .BuyTogetherBox {
    	margin: 0 0 0 8px;
	}
	#BuyTogether h2 {
	    width: 100%;
	}
	.subtext img, .subtext .b20 img {
		max-width: 100% !important;
		height: auto;
	}
	#work660-l {
    	float: left;
    	margin: 0;
    	width: 100%;
	}
	#work660-r {
		margin-top: 30px;
    	float: left;
    	width: 90vw;
	}
	.w0-b {
    	float: left;
    	display: inline-block;
    	width: 220px;
	}
	#header-btn {
    	width: 100vw !important;
		height: auto;
	}
	#header-btn .header-btn-left {
    	width: 100vw !important;
		float: left;
	}
	#header-btn .header-btn-right {
		display: none;
	}
	#header-btn .header-btn-logo {
		width: 30vw;
		height: auto;
		display: block;
	    float: left;
	}
	#header-btn .header-btn-logo img {
		width: 100%;
		height: auto;
	}
	#header-btn .header-btn-telfax {
		width: 70vw;
		height: auto;
		margin-top: 10px !important;
		margin-bottom: 0 !important;
	}
	#header-btn ul {
    	position: inherit;
    	width: 100vw;
	}
}
@media (max-width:560px){
	#item-main-r-b {
		background-image: url(../img/item_related_bg_sp.gif);
		background-size: inherit;
	    width: 100%;
    	overflow: scroll;
    	padding-bottom: 10px;
	}
    #item-main-r-l {
	    width: 100%;
	}
	#item-main-r-r {
    	float: left;
    	width: 100%;
	}
	#footer-sitemap {
	    font-size: 14px;
	}
	#footer-sitemap a {
		width: 39vw;
		padding: 20px auto;
		margin-bottom: 5px;
	}
	#footer-img-flow {
	    background-image: none;
	    background: #dcdcdc;
    	float: left;
    	width: 100vw;
	    margin-right: 0;
	}
	#footer-img-flow ul {
		float: left;
    	width: 76vw;
    	padding-top: 20px;
    	padding-left: 0;
    	padding-bottom: 12px;
    	margin-left: 12vw;
	}
	#item-order {
    	margin-bottom: 10px;
    	width: 100vw !important;
	}
	#item-order table tr:before {
		content: "";
		display: block;
		margin-bottom: 15px;
		border-top: 1px dotted #ccc;
	}
	#item-order table th, #item-order table td {
		/*display: inline-table;*/
    	width: 100%;
    	height: auto;
    	text-align: center;
		border-right: 0px solid #ffffff;
	}
	#item-order table td.td-left {
    	width: 30%;
    	float: left;
		border-bottom: 0px solid #ffffff;
	}
	#item-order table td.td-right {
    	width: 59%;
    	float: right;
    	text-align: left;
	}
	#item-order table th {
		display: none;
	}
	#item-price-l p {
		margin-bottom: 10px;
	}
	#item-price-r {
    	float: left;
	}
	#item-price-r table {
    	width: 100vw;
	}
	#footer-img-flow .img-l {
    float: left;
    width: 100vw;
	}
	#footer-img-flow img {
		width: 100%;
		height: auto;
	}
	#main {
    	width: 100vw;
    	float: left;
    	margin-left: 0;
    	margin-right: 0;
	}
	.entry-member {
    	width: 100vw;
	}
	.order-flow-box {
    	width: 95%;
    	padding: 20px 2.5%;
	}
	.order-flow-box table {
    	width: 100% !important;
	}
	#contents .order-flow-box table {
		margin: 2% 0;
	}
	.order-flow-box th, .order-flow-box td {
    	/* width: 90vw;
    	float: left; */
    	padding: 10px 2.5vw 5px 2.5vw;
    	font-size: 14px;
	}
	.work3-1, .work3-1-dishwasher, .work3-1-powderroom, .work3-1-ecocute, .work3-1-builtin-conro, .work3-1-toilet, .work3-1-aircon {
    	width: 90%;
    	background-size: 100%;
    	padding: 150px 40px 0 0;
    	font-size: 30px;
    	height: 30px;
	}
	.work3-2, .work3-2-dishwasher, .work3-2-powderroom , .work3-2-ecocute, .work3-2-builtin-conro, .work3-2-toilet, .work3-2-aircon {
		height: 90px;
    	width: 87vw;
    	padding: 0 0 0 0;
    	background-size: contain;
    }
	a.work3-2-btn {
		height: 45px;
    	width: 170px;
    	background-size: cover;
    	position: relative;
    	top: 28px;
    	left: 180px;
    }
	.work5-1,.work5-2,.work5-3, .work5-3-aircon {
	    height: 29vw;
    	padding-left: 10px;
    	padding-top: 0;
    	width: 83vw;
    	background-size: 100%;
	}
	.work5-2 {
    height: 31vw;
	}
	.work5-3, .work5-3-aircon {
    height: 33vw;
	}
	.work5-1-m {
    	float: left;
    	width: 40vw;
    	height: 26vw;
	}
	a.work5-1-btn,a.work5-2-btn,a.work5-3-btn,a.work5-4-btn, a.work5-1-btn-dishwasher, a.work5-1-btn-powderroom, a.work5-1-btn-ecocute, a.work5-1-btn-builtin-conro, a.work5-1-btn-toilet, a.work5-1-btn-aircon {
    	display: inline-block;
    	float: left;
    	height: 28px;
    	text-decoration: none;
    	text-indent: -9999px;
    	margin: 21vw 0 0 7vw;
    	width: 30vw;
    	background-size: cover;
	}
	a.work5-2-btn {
		margin: 23vw 0 0 4.5vw;
	}
	a.work5-3-btn {
		margin: 23vw 0 0 12.5vw;
	}
	a.work5-4-btn {
		margin: 25vw 0 0 4.5vw;
	}
	.work4-1, .work4-1-dishwasher, .work4-1-powderroom, .work4-1-ecocute, .work4-1-builtin-conro, .work4-1-toilet, .work4-1-aircon {
	    height: 35vw;
    	width: 100%;
	    background-size: contain;
	}
	a.work4-1-btn, a.work4-2-btn {
		display: inline-block;
    	height: 17px;
    	width: 20vw;
    	margin: 110px 0 0 5px;
    	background-size: cover;
	}
	a.work4-2-btn {
    	margin: -17px 0 0 262px;
	}
	.work4-3, .work4-3-aircon {
	    width: 100%;
	    height: 27vw;
    	background-size: contain;
	}
	a.work4-3-btn {
		height: 48px;
    	width: 50vw;
    	margin: 8.6vw 0 0 29vw;
    	background-size: cover;
	}
	.work0-1 {
    	height: 27vw;
    	width: 100%;
    	background-size: contain;
	}
	a.work0-1-btn, a.work0-2-btn {
    	height: 36px;
    	width: 28.5vw;
    	margin: 14vw 0 0 12vw;
    	background-size: cover;
	}
	a.work0-2-btn {
    	margin: 14vw 0 0 4.5vw;
	}
	#work660-r {
    	float: left;
    	width: 100%;
    	text-align: center;
	}
	.w0-b {
		float: initial;
	}
}

@media (max-width:400px){
	#footer-sitemap a {
		width: 37vw;
		padding: 20px auto;
		margin-bottom: 5px;
	}
	#BuyTogether .BuyTogetherBox {
    	margin: 0 0 0 0;
	}
	.work3-1, .work3-1-dishwasher, .work3-1-powderroom, .work3-1-ecocute, .work3-1-builtin-conro, .work3-1-toilet, .work3-1-aircon {
	    font-size: 20px;
    	padding: 130px 40px 0 0;
	}
	.work3-2, .work3-2-dishwasher, .work3-2-powderroom, .work3-2-ecocute, .work3-2-builtin-conro, .work3-2-toilet, .work3-2-aircon {
    	height: 80px;
    	width: 86.5vw;
    	padding: 0 0 0 0;
    	background-size: contain;
	}
	a.work3-2-btn {
    	height: 40px;
    	width: 42vw;
    	background-size: cover;
    	position: relative;
    	top: 25px;
    	left: 43vw;
	}
	.work5-1,.work5-2,.work5-3, .work5-3-aircon {
		height: 29vw;
    	width: 81.3vw;
	}
	.work5-2 {
    height: 30vw;
	}
	.work5-3, .work5-3-aircon {
    height: 32vw;
	}
	.work5-1-m {
    	width: 38vw;
    	height: 25vw;
	}
	a.work5-1-btn,a.work5-2-btn, a.work5-3-btn, a.work5-4-btn, a.work5-1-btn-dishwasher {
    	height: 21px;
    	margin: 21.5vw 0 0 10vw;
	    width: 25vw;
	}
	a.work5-2-btn {
		margin: 23vw 0 0 6.5vw;
	}
	a.work5-3-btn {
		margin: 23vw 0 0 16vw;
	}
	a.work5-4-btn {
		margin: 25vw 0 0 6.5vw;
	}
	a.work4-1-btn, a.work4-2-btn {
	    height: 16px;
    	width: 21vw;
    	margin: 26vw 0 0 5px;
	}
	a.work4-2-btn {
    	margin: 26vw 0 0 39vw;
	}
	a.work4-3-btn {
		height: 44px;
    	width: 50vw;
    	margin: 8.6vw 0 0 28vw;
    	background-size: cover;
	}
	a.work0-1-btn, a.work0-2-btn {
    	height: 32px;
    	width: 28vw;
    	margin: 14vw 0 0 12vw;
    	background-size: cover;
	}
	a.work0-2-btn {
    	margin: 14vw 0 0 4vw;
	}
}
@media (max-width:320px){
	#footer-sitemap a {
		width: 35vw;
		padding: 20px auto;
		margin-bottom: 5px;
	}
	#order-flow input {
    	width: 87.5vw !important;
	}
	.work3-1, .work3-1-dishwasher, .work3-1-powderroom, .work3-1-ecocute, .work3-1-builtin-conro, .work3-1-toilet, .work3-1-aircon {
	    padding: 110px 30px 0 0;
    	height: 23px;
	}
	.work3-2, .work3-2-dishwasher, .work3-2-powderroom, .work3-2-ecocute, .work3-2-builtin-conro, .work3-2-toilet, .work3-2-aircon {
    	height: 70px;
    	width: 82.5vw;
    	min-width: 98px;
    	padding: 0 0 0 0;
    	background-size: contain;
	}
	a.work3-2-btn {
    	height: 34px;
    	width: 128px;
    	background-size: cover;
    	position: relative;
    	top: 21px;
    	left: 130px;
	}
	.work5-1,.work5-2,.work5-3, .work5-3-aircon {
	    height: 28vw;
    	width: 78vw;
	}
	.work5-2 {
    height: 29vw;
	}
	.work5-3, .work5-3-aircon {
    height: 32vw;
	}
	.work5-1-m {
    	float: left;
    	width: 36vw;
    	height: 24vw;
	}
	a.work5-1-btn, a.work5-2-btn, a.work5-3-btn, a.work5-4-btn, a.work5-1-btn-dishwasher {
    	height: 17px;
    	margin: 20.8vw 0 0 10vw;
    	width: 23vw;
	}
	a.work5-2-btn {
		margin: 22.5vw 0 0 6vw;
	}
	a.work5-3-btn {
		margin: 22.5vw 0 0 17vw;
	}
	a.work5-4-btn {
		margin: 24.5vw 0 0 6vw;
	}
	a.work4-1-btn, a.work4-2-btn {
	    height: 12px;
    	width: 18vw;
    	margin: 25.5vw 0 0 5px;
	}
	a.work4-2-btn {
    	margin: 25.5vw 0 0 41.6vw;
	}
	a.work4-3-btn {
		height: 36px;
    	width: 47vw;
    	margin: 8.6vw 0 0 28vw;
    	background-size: cover;
	}
	a.work0-1-btn, a.work0-2-btn {
    	height: 27px;
    	width: 27vw;
    	margin: 13.5vw 0 0 12vw;
    	background-size: cover;
	}
	a.work0-2-btn {
    	margin: 13.5vw 0 0 3.5vw;
	}
}

@media (min-width:561px){
	.sp {
		display: none;
	}
}
@media (max-width:560px){
	.pc {
		display: none;
	}
}

@media (max-width:560px){
	.spmt10{margin-top: 10px;}.spmt20{margin-top: 20px;}.spmt30{margin-top: 30px;}
}

@media (max-width:560px){
	.kouji_title {
        padding: 5px 0;
	}
	#pickup-list {
		display: block;
    	width: 70vw;
    	margin-left: 13vw;
	}
	#pickup-list li {
	    width: 20vw;
	}
	.pager {
	    margin: 15px auto 8px auto;
    	text-align: center;
	}
	a.mitumori20170424btn {
	    margin: 10px auto;
	}
	.img-center {
		text-align: center;
	}
	.img-center img {
		margin: auto auto;
	}
}