@charset "UTF-8";
/* EC-CUBE テンプレートのページ内 <style> から生成（build_parts.js） */

#news{
	clear:both;
	border:1px solid #DBD2CC;
	margin-bottom: 25px;
	padding-bottom: 5px;
}
#news h3.information{
	background-color:#DBD2CC;
	text-align: center;
	color:#FFF;
	font-size:16px;
	padding:6px 0 4px 0;
	margin-bottom: 5px;
}
#news dl{
	padding:10px 30px 10px 30px;
	border-bottom: 1px dotted #CCC;
}
#news dl dt{
	margin-bottom: 3px;
	font-weight: bolder;
}
#news dl dd{
	text-align: justify;
	font-size: 13px;
}
#news dl:last-of-type{
	border-bottom:none;
}
@media screen and (max-width:640px) {
	#news{
		margin-bottom:15px;
		padding-bottom:5px;
	}
	#news h3.information{
		font-size:14px;
		padding:2px 0 4px 0;
		margin-bottom: 2px;
	}
	#news dl{
		padding:5px 10px 5px 10px;
	}
	#news dl dt{
		line-height: 140%;
		padding-top: 3px;
		margin-bottom: 6px;
	}
	#news dl dd{
		font-size:12px;
		line-height: 135%;
	}
	#news dl:last-of-type{
		border-bottom:none;
	}
}

/* 202603までの浄水カートリッジ会員ページCSS  */
#josui_wrap_old{
	width:100%;
	/* NEWアイコン対応用 */
	/*
	overflow:hidden;
	padding-left: 20px;
    margin-left: -20px;
	*/
}

#josui_wrap .josuitit{
	padding-bottom:20px;
	line-height:1.3;
	font-weight:normal;
	font-size:14px;
}
#josui_wrap .josui_mainImg {
    padding: 0 0 30px;
}
#josui_wrap .josui_mainImg img{
	width:100%;
	max-width:760px;
}
.josuiNewIcon {
    width:41px!important;
    height:41px!important;
    position: absolute;
    top: -18px;
    left: -12px;
    z-index: 10;
}

/* 詳細を見る -ボタン */
#josui_wrap .josui_btn_more {
	display:none;
	background-color:#fff;
	border-radius:1px;
	box-sizing:border-box;
	width:84px;
	position:absolute;
	top:7px;
	right:8px;
	font-size:13px;
	line-height:100%;
	padding:5px 0 5px 0;
	font-weight:bolder;
	/*
	height:23px;
	line-height:24px;
	*/
}
#josui_wrap .josui_btn_more p {
	text-align:center;
	font-weight:bold;
	line-height:100%;
}

/* PCサイト */
@media screen and (min-width: 741px) {
	#josui_wrap .josui_area {
		box-sizing: border-box;
		width:calc(50% - 20px);
		height: 210px;
	}
	#josui_wrap .areaTit {
		text-align:left;
		padding-left: 20px;
		position:relative;
	}
	/* NEWアイコン対応 */
	#josui_wrap .area08Tit .areaTit {
		padding-left: 32px;
	}

	/* 詳細を見る -ボタン */
	#josui_wrap .josui_btn_more {
		display:block;
	}
}

/* 202603までの浄水カートリッジ会員ページCSS  */
 #josui_wrap section{
 	margin-bottom:52px;
 }
 #josui_wrap h4 {
    margin-bottom: 30px;
    background-color: #EFEFEF;
    font-size: clamp(16px, 1.8vw, 18px);
    text-align: center;
    padding: 10px 0;
	}
/* #sec_01
---------------------------------------- */
#josui_wrap #sec_01 h1{
	margin-bottom: 40px;
}
#josui_wrap #sec_01 img{
	margin-bottom: 10px;
}

@media screen and (max-width:640px){
	#josui_wrap #sec_01 {
		margin-bottom: 10px;
	}
	#josui_wrap #sec_01 {
		margin: 0 -10px;
	}
	#josui_wrap #sec_01 .main_bg02{
		max-width: 400px;
		width: 90%;
		margin: 22px auto 28px;
	}
}

#josui_wrap #sec_01 h1.sp>.main_bg01{
	margin-bottom: 22px;
	}

	/* #sec_02 */
#josui_wrap #sec_02{
	margin-bottom:32px;
}
#josui_wrap #sec_02 .caution{
	display: block;
	}
#josui_wrap #sec_02 a.caution{
		text-decoration: none;
	}
#josui_wrap #sec_02 a.caution>h3{
	font-size:clamp(16px, 2vw, 18px);
	font-weight:600;
	color:#D21F1F;
	border:solid 1px #D21F1F;
	}
#josui_wrap #sec_02 .caution h3{
	padding: 10px;
    text-align: center;
	span{
		padding-left: 35px;
		}
	}
#josui_wrap #sec_02	.info_wrapper {
    margin-inline: auto;
    margin-bottom: 25px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
	}
#josui_wrap #sec_02	.info_wrapper h2.bold {
    border-bottom: 1px solid #ccc;
    font-size:clamp(16px, 2vw, 18px);
    padding: 10px 0 13px 0;
    font-weight: 600;
	text-align: center;
	}
#josui_wrap #sec_02	.info_detail {
    width: 80%;
    margin: 0 auto;
    padding: 15px 0;
}
#josui_wrap #sec_02	.info_detail h3 {
    font-size:clamp(14px, 2vw, 16px);
    font-weight: 700;
	padding-bottom: 5px;
}

	/* #sec_03 */
#josui_wrap #sec_03 ol.about_flow{
    padding: 0 14px;
	display: flex !important;
    justify-content: space-around;
	align-items: center;
}
#josui_wrap #sec_03 ol.about_flow li.flow {
    max-width: 184px;
    background-color: rgba(37, 189, 181, 0.1);
    padding: 17px 15px;
    text-align: center;
    border-radius: 6px;
	h5{
		font-size: 17px;
		color: #2D93E8;
		padding: 10px 0 15px 0;
		text-align: center;
		font-weight:600;
		}
	img{
		height: 60px;
		}
	}
#josui_wrap #sec_03 ol.about_flow li.next>p.arrow {
	  width: 0;
	  height: 0;
	  border-left: 20px solid #2D93E8;
	  border-top: 20px solid transparent;
	  border-bottom: 20px solid transparent;
	  margin: 0 7px 0 10px;
	}
#josui_wrap #sec_03 ol.about_flow li.flow>p {
    text-align: justify;
    font-size: 14px;
	}
	/* #sec_04 */
#sec_04 .search-form {
	  display: flex;
	  width: 100%;
	  max-width: 810px;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  overflow: hidden;
	  background: #fff;
	  margin: 0 auto;
	}
#sec_04	.search-input {
	  flex: 1;
	  padding: 12px 16px;
	  border: none;
	  font-size:clamp(12px, 2vw, 14px);
	  outline: none;
	}

#sec_04	.search-input::placeholder {
	  color: #bbb;
	}
#sec_04 input[type='text']{
	text-align: center;
	margin-right:0;
	height: 43px;
}
#sec_04	.search-button {
	  flex: 0 0 5%;
	  min-width: 40px; /* 小さくなりすぎ防止 */
	  /*width: 50px;*/
	  background: #C4CCCE;
	  border: none;
	  cursor: pointer;
	  font-size: 18px;
	}
#sec_04	.search-button img{
	max-width:20px;
}

#sec_04	.search-button:hover {
	  background: #cfcfcf;
	}

	/* #sec_05 */
#josui_wrap #sec_05 .josui_grid{
	max-width: 822px;
    margin: 0 auto;
}
#josui_wrap #sec_05 .josui_grid>ul{
	    display: grid;
		/*grid-template-columns: repeat(auto-fit, minmax(195px, 2fr));*/
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: minmax(160px, auto);
		/*grid-template-columns: repeat(3, 1fr);*/
		/*grid-template-rows: repeat(3, 1fr);
		grid-template-rows: 190px 190px 180px;*/
		gap: 29px;
		column-gap: 24px;
	}
#josui_wrap #sec_05 .josui_grid>ul>li>h5{
			font-size:15px;
			text-align: center;
		}
#josui_wrap #sec_05 .josui_grid>ul>li>p{
			font-size: 15px;
			font-weight: 600;
			text-align: justify;

		}
#josui_wrap #sec_05 .josui_grid>ul>li>.item-wrap>.inner{
		display: flex;
    	align-items: center;
		justify-content: space-between;
		gap:12px;
		img{
			max-width: 80px;
		}

	}
#josui_wrap #sec_05 .josui_grid>ul>li>div.item-wrap{
		max-width: 95%;
		/*max-width: 232px;*/
		margin: 10px auto;
		p{
			font-size: 15px;
			font-weight: 600;
			text-align: justify;
			letter-spacing: -0.9px;
			font-feature-settings: "palt";
		}
}
#josui_wrap #sec_05 .josui_grid>ul>li>.item-wrap>.inner>div.price_box{
		width: 60.34%;
		p{
			font-size:15px;
			color:#DE5D50;
			font-weight: 600;
			line-height: 1em;
        	padding:5px 0 10px;
			span{
				font-size:12px;
				}
			}
		}
#josui_wrap #sec_05 .josui_grid>ul>li>.item-wrap>.inner>div.price_box>.btn{
			background-color:#E85109;
			width: 100%;
			min-width:85px;
			height: 30px;
			font-size: clamp(11px,1.4vw,13px);
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius:0!important;
		}
/* 販売していない */
#josui_wrap #sec_05 .josui_grid>ul>li>.item-wrap>.inner>div.price_box>.no_sale{
			background-color: #F8F8F8;
			color:#333;
			border: 1px solid #DDD;
			width: 100%;
			min-width:85px;
			height: 30px;
			font-size: clamp(11px,1.4vw,13px);
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius:0!important;
			text-decoration:none;
			ouch-action: manipulation;
			transition: all 0.6s;
		}
#josui_wrap #sec_05 .josui_grid>ul li h5{
		padding: 15px;
        font-size: 17px;
        color: #fff;
		}
/* 新品番 */
#josui_wrap #sec_05 .josui_grid>ul li.n1{
		border: 3px solid #83CBEB;
		position: relative;
		h5{
			background-color:#83CBEB;
			}
		.inner{
    		padding-top: 17px;
			}
		div.item-wrap{
			margin: 20px auto 8px;
			}
		}

@media screen and (max-width: 740px) {
	#josui_wrap #sec_05 .josui_grid>ul li.n1{
		.inner{
			padding-top: 10px;
		}
		div.item-wrap{
			margin: 10px auto 8px;
		}
		div.item-wrap>img.josuiNewIcon_sp{
			width: 25%;
			float:left;
			padding-right:5px;
		}
	}
}

/* サラサラワイド */
#josui_wrap #sec_05 .josui_grid>ul li.n2{
		border: 3px solid #FF8484;
		position: relative;
		h5{
			background-color:#FF8484;
			}
		.inner{
    		padding-top:15px;
			}
		div.item-wrap{
			margin: 8px auto;
			}
		div.item-wrap>p{
			line-height:1.2em;
			}
		}
	@media screen and (max-width: 740px) {
	#josui_wrap #sec_05 .josui_grid>ul li.n2{
		div.item-wrap>img.josuiNewIcon_sp{
			width: 24%;
			float:left;
			padding-right:5px;
		}
	}
}
/* スリムセンサー水栓 */
#josui_wrap #sec_05 .josui_grid>ul li.n3{
		border: 3px solid #10B4B4;
		h5{
			background-color:#10B4B4;
			}
		.inner{
    		padding-top:15px;
			}
		div.item-wrap{
			margin: 8px auto;
			}
		div.item-wrap>p{
			line-height:1.2em;
			}
		}
/* 還元水素水*/
#josui_wrap #sec_05 .josui_grid>ul li.n4{
		border: 3px solid #E7BC00;
		h5{
			background-color:#E7BC00;
			}
		.inner{
    		padding-top:15px;
			}
		div.item-wrap{
			margin: 8px auto;
			}
		div.item-wrap>p{
			line-height:1.2em;
			}
		}
/* TK-CK */
#josui_wrap #sec_05 .josui_grid>ul li.n5{
		border: 3px solid #5EA700;
		h5{
			background-color:#5EA700;
			}
		.inner{
    		padding-top: 15px;
			}
		div.item-wrap{
			 margin: 10px auto 15px;
			}
		div.item-wrap>p{
			line-height:1.2em;
			}
		}
/* フォンテ */
#josui_wrap #sec_05 .josui_grid>ul li.n6{
		border: 3px solid #AF99DF;
		h5{
			background-color:#AF99DF;
			}
		.inner{
    		padding-top:15px;
			}
		div.item-wrap{
			margin: 10px auto 15px;
			}
		div.item-wrap>p{
			line-height:1.2em;
			}
		}

/* PJ */
#josui_wrap #sec_05 .josui_grid>ul li.n7{
		border: 3px solid #E9803B;
		h5{
			font-size: 15px;
			padding: 15px 5px;
			background-color:#E9803B;
			}
		.inner{
    		padding-top: 5px;
			}
		div.item-wrap{
			margin: 9px auto;
			}
		div.item-wrap>.inner_pj{
			display: flex;
			flex-direction: column;
			align-items: center;
			gap:5px;
		}
		div.item-wrap>.inner_pj>p{
			text-align: center;
			font-size:14px;
			line-height: 1em;
			}
		div.item-wrap>.inner_pj>img{
			max-width: 130px;
			padding-bottom: 3px;
			}
		div.item-wrap>.inner_pj>.btn{
			background-color:#E85109;
			width: 100%;
			max-width: 146px;
			height: 30px;
			font-size: 13px;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius:0!important;
			}
		div.item-wrap>.inner_pj>p.sup{
			font-size: 11px;
			color:#DE5D50;
			}
		div.inner_pj_sp{
			display:none;
			}
		}
	/* TOTO */
#josui_wrap #sec_05 .josui_grid>ul li.n8{
		border: 3px solid #2A56C3;
		h5{
			background-color:#2A56C3;
			}
		.inner{
    		padding-top: 10px;
			}
		div.item-wrap{
			margin: 8px auto;
			}
		div.item-wrap > .inner > div.price_box>p{
			font-size: clamp(13px, 1.3vw, 15px);
			}
		div.item-wrap>p>span{
			display: block;
        	color: #D21F1F;
			}
		div.item-wrap>.inner>.price_box>p{
			color: #333333;
			padding-bottom: 5px;
        	line-height: 1.2em;
		}
		div.item-wrap>.inner>.price_box>p>span{
			display: block;
        	color: #83CBEB;
			font-size:15px;
			}
		}

/* ラクシーナ */
#josui_wrap #sec_05 .josui_grid>ul li.n9{
		border: 3px solid #DF82C3;
		h5{
			background-color:#DF82C3;
			}
		.inner{
    		padding-top: 10px;
			}
		div.item-wrap{
			margin: 8px auto;
			}
		div.item-wrap > .inner > div.price_box>p{
			font-size: clamp(13px, 1.3vw, 15px);
			}
		div.item-wrap>p>span{
			display: block;
        	color: #D21F1F;
			}
		div.item-wrap>.inner>.price_box>p{
			color: #333333;
			padding-bottom: 5px;
        	line-height: 1.2em;
		}
		div.item-wrap>.inner>.price_box>p>span{
			display: block;
        	color: #83CBEB;
			font-size:15px;
			}
		}
	@media screen and (max-width: 740px) {
		#josui_wrap #sec_05 .josui_grid>ul li.n9 div.item-wrap>p{
			    line-height: 1.2em;
		}
	}

	/* PJのみ幅いっぱい */
	@media screen and (max-width: 740px) {
		#josui_wrap #sec_05 .josui_grid>ul li.n7{
			grid-column: 1 / -1;

		h5{
			padding: 7px;
			}
		div.item-wrap{
			max-width:382px;
			width:100%;
			margin: 18px auto 12px;
			padding:0;
		}
		div.inner_pj_sp{
			display:flex;
			flex-direction: column;
			width: 95%;
			margin: 0 auto;
			}
		}
		div.inner_pj_sp>p{
			padding-bottom:17px;
			text-align: center !important;
		}
		.inner_pj{
			display:none!important;
		}
		div.pj_sp_container{
			display: flex;
			justify-content: space-between;
		}
		div.pj_sp_container>img.item_img{
			max-width:200px;
			padding-right: 10px;
			width:51.95%;
		}
		div.pj_spwrap{

		}
		#josui_wrap #sec_05 .josui_grid>ul>li>.item-wrap>.inner_pj_sp>div.pj_sp_container>.pj_spwrap>.btn_pjsp{
			background-color:#E85109;
			max-width:102px;
			width: 100%;
			height: 24px;
			font-size: 13px;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: auto;
			transition: all 0.6s;
			color:#fff;
			font-weight:600;
			/*border-radius: 4px;*/
		}
	#josui_wrap #sec_05 .josui_grid>ul>li>.item-wrap>.inner_pj_sp>div.pj_sp_container>.pj_spwrap>.sup{
			color:#DE5D50;
			font-size:14px;
			line-height: 1em;
			padding-bottom: 5px;
		}

	}
/* sec_06 */

#josui_wrap #sec_06 h5{
		font-size:17px;
		font-weight: 600;
		background-color: #25BDB5;
		color: #fff;
		padding: 12px 0;
		text-align: center;
		margin-bottom: 26px;
	}
/* スマホレイアウト */
@media screen and (max-width: 740px) {
		#josui_wrap section{
		   	margin-bottom:30px;
		   }
		#josui_wrap h4 {
			margin-left: calc(50% - 50vw);
			margin-right: calc(50% - 50vw);
		}
		/* #sec_01 */
		#josui_wrap h1.sp>img.main_bg01{

		}
		/* #sec_02 */
		#josui_wrap #sec_02 .caution h3{
			padding: 10px 5px;
			text-align: center;
		span{
			padding-left: 5px;
			}
		}
		#josui_wrap #sec_02 .info_detail {
			width: 90%;
			}
		#josui_wrap #sec_02	.info_wrapper h2.bold {
    		padding: 5px 0 8px;
		}
		/* #sec_03 */
		   #josui_wrap #sec_03{
		   	margin-bottom:30px;
		   }
		  #josui_wrap #sec_03 ol.scroll-box {
			overflow-x: auto;
			white-space: nowrap;
			padding-bottom: 10px;
		  }
		  #josui_wrap #sec_03 ol.scroll-box>li>img{
			max-width: 100%;
			min-width: 800px;
			display: inline-block;
			width: calc(100% - 25px);
		  }
		/*===========
		scrollbar
		===========*/
		/*スクロールバー全体の高さ*/
		.scroll-box::-webkit-scrollbar {
		  height: 4px;
		}
		/*スクロールバー全体の背景*/
		.scroll-box::-webkit-scrollbar-track {
		  background: #eee;
		}
		/*スクロールバーの動く部分*/
		.scroll-box::-webkit-scrollbar-thumb {
		  background: #aaa;
		  border: none;
		}
		/*スクロールバーの動く部分のホバー（マウスオーバー）*/
		.scroll-box::-webkit-scrollbar-thumb:hover {
		  background: #999;
		}
		#josui_wrap #sec_03 ol.about_flow{
			display:none!important;
		}
		#sec_04	.search-input {
		  padding: 12px 10px;

		}
		#josui_wrap #sec_05 .josui_grid>ul{
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: auto auto auto;
			gap: 10px;
		}
		#josui_wrap #sec_05 .josui_grid>ul>li>div.item-wrap{
			/*padding: 5px;*/
			width:92%;
		}
		#josui_wrap #sec_05 .josui_grid > ul li.n4> div.item-wrap {
        	margin: 15px auto;
		}
		#josui_wrap #sec_05 .josui_grid > ul li.n3>div.item-wrap>.inner {
			padding-top: 10px;
		}
		#josui_wrap #sec_05 .josui_grid>ul>li>div.item-wrap>p{
			line-height: 1.2em;
			font-size:14px;
			letter-spacing: -0.09em;
		}
		#josui_wrap #sec_05 .josui_grid>ul li h5 {
			padding:7px;
		}
		#josui_wrap #sec_05 .josui_grid > ul > li > .item-wrap > .inner>img{
			width: 40%;
		}
		#josui_wrap #sec_05 .josui_grid > ul > li > .item-wrap > .inner{
			gap:5px;
			width:95%;
		}
		#josui_wrap #sec_05 .josui_grid > ul li.n9>div.item-wrap>div.inner{
			padding-top: 15px;
		}
		#josui_wrap #sec_05 .josui_grid > ul li.n8>div.item-wrap>div.inner>img{
			padding-top: 3px;
		}
		#josui_wrap #sec_05 .josui_grid > ul li.n2>div.item-wrap>div.inner{
			padding-top: 10px;
		}
		#josui_wrap #sec_05 .josui_grid > ul > li > .item-wrap > .inner>div.price_box>p{
			padding:0 0 5px;
		}
		#josui_wrap #sec_05 .josui_grid > ul > li > .item-wrap > .inner>.price_box>p>span{
			letter-spacing: -0.1em;
			-webkit-font-variant-ligatures: none; /* Safari用 */
  			font-variant-ligatures: none;
			text-rendering: auto;

		}

		/* #sec_06 */
		#josui_wrap #sec_06{
			margin: 0 -10px;
    		padding-bottom: 20px;
		}
		#josui_wrap #sec_06 h5{
			margin-bottom: 0;
		}
	}
	@media screen and (max-width: 430px){
		#josui_wrap #sec_05 .josui_grid > ul li.n4>div.item-wrap>div.inner {
				padding-top: 19px;
			}
	}
	@media screen and (max-width: 400px) {
		#josui_wrap #sec_05 .josui_grid > ul li.n1>div.item-wrap>div.inner{
			padding-top: 20px;
		}
		#josui_wrap #sec_05 .josui_grid > ul li.n9>div.item-wrap>div.inner{
			padding-top: 3px;
		}
	}
@media (max-width: 1060px) and (min-width: 740px) {
	#josui_wrap #sec_05 .josui_grid > ul li {
		div.item-wrap {
			width: 95%;
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul > li > div.item-wrap {
    	p {
			font-size:clamp(12px, 1.3vw,14px);
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n7 {
		h5 {
			font-size: 12px;
		}
	}

}

/* 859px以上　883px未満 */
@media (859px <= width < 883px){
#josui_wrap #sec_05 .josui_grid > ul > li > .item-wrap > .inner > div.price_box>p>span {
		letter-spacing: -0.1em;
		}
	}
/* 859px以上　740px未満 */
@media (859px <= width < 740px){
	#josui_wrap #sec_05 .josui_grid>ul {
			gap: 10px;
			column-gap: 14px;
		}

	#josui_wrap #sec_05 .josui_grid>ul>li>div.item-wrap{
			padding: 5px;
		}
	#josui_wrap #sec_05 .josui_grid > ul > li > div.item-wrap {
    	p {
			font-size:clamp(12px, 1.3vw,14px);
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n1 {
		.inner {
			padding-top: 22px;
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n3 {
		div.item-wrap {
			margin: 7px auto;
		}
	}

	#josui_wrap #sec_05 .josui_grid > ul li.n9 {
		h5 {
			font-size:clamp(12px, 1.3vw,14px);
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n1 {
			div.item-wrap {
				margin: 0px auto 0px;
			}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n7 {
			div.item-wrap {
				margin: 0px auto;
			}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n8 {
			div.item-wrap {
				margin: 0px auto;
			}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n2 {
		div.item-wrap {
			margin: 0px auto;
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n2 {
		.inner {
				padding-top: 8px;
			}
		}
	#josui_wrap #sec_05 .josui_grid > ul li.n3 {
		.inner {
			padding-top: 6px;
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n4 {
		.inner {
			padding-top: 10px;
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n5 {
		div.item-wrap {
			margin: 10px auto;
		}
	}
	#josui_wrap #sec_05 .josui_grid > ul li.n7 {
		h5 {
			font-size: 12px;
		}
	}
}
/* 859px以上　880px未満 */
@media (859px <= width < 880px){
	#josui_wrap #sec_05 .josui_grid > ul li.n7 {
		h5 {
			padding: 5px 5px;
		}
	}
}
/* 615px以上 641px未満 新品番のNEWアイコン */
@media (500px <= width < 641px){
	    #josui_wrap #sec_05 .josui_grid > ul li.n1,li.n2 {
        div.item-wrap>img.josuiNewIcon_sp {
            width: 15%;
        }
    }

}
/* 427以上 501未満 */
@media (428px <= width < 501px){
	    #josui_wrap #sec_05 .josui_grid > ul li.n2>div.item-wrap>div.inner {
        	padding-top: 10px;
    }
	#josui_wrap #sec_05 .josui_grid > ul li.n4>div.item-wrap {
			margin: 16px auto;
	}
}
/* 386以上 428未満 */
@media (387px <= width < 428px){
	#josui_wrap #sec_05 .josui_grid > ul li.n6> div.item-wrap {
        margin: 15px auto 15px;
		}
	#josui_wrap #sec_05 .josui_grid > ul li.n6> div.item-wrap>.inner {
        padding-top: 27px;
		}

	}